/* ═══════════════════════════════════════════════════════════════════════
   THE RATE BOARD, AS A DOCUMENT — see rate-board.js for what it cites.

   Three decisions from the specimen, and only those three. The table's
   layout, widths and responsive behaviour are left exactly as they were:
   this is a change of register, not a rebuild.
   ═══════════════════════════════════════════════════════════════════════ */

/* 1. FIGURES ARE TABULAR. Digits line up down the column, which is the
      difference between a number that was computed and one that was typed. */
#marketing-view .pubrate-table .pubrate-rate,
#marketing-view .pubrate-table td:nth-child(3),
#marketing-view .pubrate-table td:nth-child(4){
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
}

/* 2. THE SOURCE IS ATTACHED TO THE NUMBER, not footnoted at the bottom.
      The renderer already prints "checked on lender site" under each rate;
      rate-board.js makes it the link it was always describing. */
#marketing-view .pubrate-src{
  color:inherit;
  text-decoration:none;
  border-bottom:1px dotted var(--refresh-green,#1FA463);
  padding-bottom:1px;
  transition:color .18s ease,border-bottom-style .18s ease;
}
#marketing-view .pubrate-src::after{
  content:'\2197';
  font-size:.8em;
  vertical-align:super;
  margin-left:2px;
  color:var(--refresh-green,#1FA463);
  opacity:.75;
}
#marketing-view .pubrate-src:hover,
#marketing-view .pubrate-src:focus-visible{
  color:var(--refresh-green,#1FA463);
  border-bottom-style:solid;
}
/* Until a row is cited the stamp stays plain text, so a lender we could not
   match never pretends to carry a source. */

/* 3. THE ACCENT MEANS ONE THING: a sourced value. The rate is the only
      figure in this table that came off a lender's own page, so it is the
      only one that wears the colour. */
#marketing-view .pubrate-table .pubrate-rate{
  color:var(--refresh-ink);
  font-weight:700;
}
#marketing-view .pubrate-table .pubrate-checked{
  display:block;
  font:600 10.5px/1.5 ui-monospace,Menlo,monospace;
  color:var(--refresh-muted);
  letter-spacing:.04em;
  margin-top:3px;
}
@media (prefers-reduced-motion: reduce){
  #marketing-view .pubrate-src{transition:none;}
}