/* REDESIGN: one stylesheet for the light look (redesign step 1, 14 Nov 2026).
   Used by the pages that carry <body class="rd"> (today: btl-calculator.html). It holds the design tokens, the
   components and the light versions of the shared menu, footer and cookie bar, so a page that opts in cannot drift
   from another. Pages without class "rd" are not touched by any rule here, so the rest of the site is unchanged
   until each page is moved over.

   Decisions (owner, 14 Nov 2026): light theme; Inter only; ink #051036 for headings and figures, text #1F2A44,
   helper #5B6780, ONE action colour #0B6FA4, sky #1B95D1 for charts only, gold only inside the logo (and as one
   thin rule). Spacing scale 4, 8, 12, 16, 24, 32. Corners 8 (inputs, buttons) and 10 (cards). No gradients, no glow.

   Weights: only Inter Regular (400) and SemiBold (600) are on our server, so labels, buttons, headings and key
   figures are 600 and body text is 400. A request for 500 or 700 is drawn from those two. */

/* Inter: the same two files css/shared-ui.css declares, with swap instead of optional, so the page never stays in
   the fallback font for a visitor whose first paint was slow. Declared later, so it wins. */
@font-face { font-family: 'Inter'; src: url('/fonts/Inter-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/fonts/Inter-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  --ink: #051036;
  --text: #1F2A44;
  --muted: #5B6780;
  --line: #DCE3EC;
  --line-strong: #B9C3D1;
  --page: #F5F7FA;
  --card: #FFFFFF;
  --action: #0B6FA4;
  --action-dark: #085A86;
  --tint: #E8F4FB;
  --tint-line: #BFDDF0;
  --sky: #1B95D1;
  --good: #0E7A4B;
  --good-tint: #E6F4EC;
  --warn: #8A5A00;
  --warn-tint: #FFF4DB;
  --bad: #B42318;
  --bad-tint: #FDECEA;
  --gold: #B8862F;
  --r-input: 8px;
  --r-card: 10px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

body.rd {
  --font-display: var(--font);
  --font-body: var(--font);
  margin: 0; background: var(--page); color: var(--text);
  font: 400 16px/1.5 var(--font);
  -webkit-text-size-adjust: 100%;
}
/* Aligned figures where numbers sit in columns, not in running text (tabular forms also space out hyphens). */
.rd input, .rd select, .rd .rd-big, .rd .rd-tile b, .rd .rd-key, .rd .rd-dock b, .rd .rd-below td, .rd .rd-fine b { font-variant-numeric: tabular-nums; }
.rd a { color: var(--action); }
.rd a:hover { color: var(--action-dark); }
.rd h1, .rd h2, .rd h3 { font-family: var(--font); color: var(--ink); line-height: 1.2; margin: 0; font-weight: 600; letter-spacing: -.01em; }
.rd .rd-wrap { max-width: 1160px; margin: 0 auto; padding: 0 20px; }
.rd :focus-visible { outline: 3px solid rgba(27,149,209,.45); outline-offset: 2px; }

/* ---------- Buttons: one filled button per screen, everything else an outline ---------- */
.rd .rd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box;
  min-height: 40px; padding: 0 16px; border-radius: var(--r-input); border: 1px solid var(--action);
  background: var(--action); color: #fff; font: 600 15px/1 var(--font); text-decoration: none; cursor: pointer;
}
.rd .rd-btn:hover { background: var(--action-dark); border-color: var(--action-dark); color: #fff; }
.rd .rd-btn.ghost { background: #fff; color: var(--ink); border-color: var(--line-strong); }
.rd .rd-btn.ghost:hover { border-color: var(--muted); background: #fff; color: var(--ink); }
.rd .rd-btn[disabled] { opacity: .6; cursor: default; }

/* ---------- Shared menu, light (markup from services/siteChrome.js, unchanged) ---------- */
.rd nav.topnav {
  --nav-line: var(--line); --nav-border: var(--line-strong); --nav-text: var(--text); --nav-text-strong: var(--ink);
  --nav-gold-300: var(--ink); --nav-gold-500: var(--action); --nav-rose: var(--bad);
  --nav-font: var(--font);
  border-bottom: 1px solid var(--line);
}
.rd nav.topnav::before { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
.rd .topnav-inner { max-width: 1160px; padding: 8px 20px; min-height: 56px; }
.rd .brand { width: 156px; height: 28px; }
.rd .brand img { width: 156px; height: 28px; }
.rd .nav-links { font-size: 15px; justify-content: flex-start; margin-left: 12px; }
.rd .nav-links a:hover { color: var(--ink); }
.rd .nav-links a[aria-current="page"] { color: var(--ink); font-weight: 600; }
.rd .nav-sub { background: #fff; border-color: var(--line); box-shadow: 0 12px 28px rgba(5,16,54,.14); border-radius: var(--r-card); }
.rd .nav-sub a:hover { background: var(--page); color: var(--ink); }
.rd #navAuthArea .btn, .rd #navAuthArea .nav-signin { height: 40px; line-height: 38px; border-radius: var(--r-input); }
.rd .nav-start-free, .rd .nav-signin {
  background: var(--action) !important; color: #fff !important; border: 1px solid var(--action) !important;
  border-radius: var(--r-input); height: 40px; font-weight: 600; box-shadow: none; filter: none;
}
.rd #navAuthArea .nav-signin { background: #fff !important; color: var(--ink) !important; border: 1px solid var(--line-strong) !important; }
.rd #navAuthArea .nav-signin:hover { border-color: var(--muted) !important; color: var(--ink) !important; }
.rd .nav-start-free:hover { background: var(--action-dark) !important; filter: none; }
.rd .nav-toggle { border-color: var(--line-strong); border-radius: var(--r-input); }
.rd .account-chip .account-link, .rd .account-chip .signout { border-radius: var(--r-input); }
@media (max-width: 1200px) {
  .rd nav.topnav:not(.topnav-slim) .nav-menu { background: #fff; box-shadow: 0 12px 28px rgba(5,16,54,.14); }
  .rd .nav-links a:hover { background: var(--page); }
  .rd .nav-links { margin-left: 0; }
}
@media (max-width: 600px) { .rd nav.topnav .topnav-inner { padding: 6px 16px; } }

/* ---------- Footer, light ---------- */
.rd footer.site-footer, .rd .site-footer { border-top: 1px solid var(--line); background: #fff; color: var(--muted); margin-top: 24px; }
.rd footer.site-footer a:hover, .rd .site-footer a:hover { color: var(--ink); }
.rd .site-footer-apps { border-bottom-color: var(--line); }
.rd .site-footer-apps-title { font-family: var(--font); color: var(--ink); }
.rd .site-footer-apps-sub { color: var(--muted); }
.rd .site-footer .store-badge { background: #fff; border: 1px solid var(--line-strong); border-radius: var(--r-input); }
.rd .site-footer .store-badge svg [stroke] { stroke: var(--ink); }
.rd .site-footer .store-badge svg [fill]:not([fill="none"]) { fill: var(--ink); }
.rd .site-footer .store-badge .sb-small { color: var(--muted); }
.rd .site-footer .store-badge .sb-big { color: var(--ink); }
.rd .site-footer-group-title { color: var(--ink); }
.rd .site-footer-note, .rd .site-footer-extra { color: var(--muted); }

/* ---------- Cookie choice, light and quiet: never the brightest thing on the page ---------- */
.rd #daConsentBar { background: #fff; border-top: 1px solid var(--line); box-shadow: 0 -4px 16px rgba(5,16,54,.08); color: var(--text); font-family: var(--font); }
.rd #daConsentBar .dcb-text, .rd #daConsentBar .dcb-opt { color: var(--text); }
.rd #daConsentBar .dcb-opt b { color: var(--ink); }
.rd #daConsentBar .dcb-btn { background: #fff; color: var(--ink); border: 1px solid var(--line-strong); border-radius: var(--r-input); }
.rd #daConsentBar .dcb-btn:hover { background: var(--page); }
.rd #daConsentBar .dcb-link { color: var(--action); }
.rd #daConsentBar .dcb-close { color: var(--muted); border-color: var(--line-strong); }
.rd #daConsentBar .dcb-settings { border-top-color: var(--line); }
.rd #daConsentBar .dcb-opt input { accent-color: var(--action); }
.rd #daConsentBar :focus-visible { outline-color: rgba(27,149,209,.6); }

/* ---------- Page head: crumb, one line of heading, one sentence, strategy chips ---------- */
.rd .rd-head { padding: 16px 0 8px; }
.rd .cp-crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; color: var(--muted); margin: 0 0 4px; }
.rd .cp-crumbs a { color: var(--muted); }
.rd h1.rd-title { font-size: 30px; letter-spacing: -.02em; margin: 0; }
.rd .rd-sub { margin: 6px 0 0; color: var(--muted); font-size: 15px; max-width: 780px; }
.rd .rd-chips { display: flex; gap: 6px; overflow-x: auto; padding: 12px 0 2px; scrollbar-width: none; }
.rd .rd-chips::-webkit-scrollbar { display: none; }
.rd .rd-chips a { white-space: nowrap; font-size: 14px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); background: #fff; color: var(--text); text-decoration: none; }
.rd .rd-chips a:hover { border-color: var(--line-strong); color: var(--ink); }
.rd .rd-chips a[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: #fff; font-weight: 600; }

/* ---------- The tool: inputs and the live answer side by side ---------- */
.rd .rd-tool { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--s4); align-items: start; margin-top: 10px; }
.rd .rd-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); padding: var(--s4); }
.rd .rd-card > h2, .rd .rd-label-h { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin: 0 0 10px; font-weight: 600; }
.rd .rd-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3); }
.rd label.rd-l { display: block; font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 4px; }
.rd .rd-field { position: relative; }
.rd .rd-field .u { position: absolute; top: 0; height: 44px; width: 30px; display: grid; place-items: center; color: var(--muted); font-size: 15px; pointer-events: none; }
.rd .rd-field .pre { left: 0; }
.rd .rd-field .post { right: 0; }
.rd .rd-field input, .rd .rd-field select, .rd select.rd-sel {
  width: 100%; height: 44px; box-sizing: border-box; border: 1px solid var(--line-strong); border-radius: var(--r-input);
  background: #fff; color: var(--ink); font: 400 16px/1 var(--font); padding: 0 12px;
}
.rd .rd-field .pre + input { padding-left: 28px; }
.rd .rd-field input.sfx { padding-right: 28px; }
.rd .rd-field input:focus, .rd .rd-field select:focus { outline: 3px solid rgba(27,149,209,.35); border-color: var(--action); }
.rd .rd-hint { font-size: 13px; color: var(--muted); margin: 3px 0 0; min-height: 19px; }
.rd .rd-example {
  display: flex; gap: var(--s2); align-items: center; font-size: 13px; color: var(--warn); background: var(--warn-tint);
  border-radius: var(--r-input); padding: 6px 10px; margin-bottom: var(--s3);
}
.rd .rd-example button { margin-left: auto; background: none; border: 0; color: var(--action); font: 600 13px var(--font); cursor: pointer; padding: 4px 0; }
.rd details.rd-more { margin-top: var(--s3); border-top: 1px solid var(--line); padding-top: 10px; }
.rd details.rd-more > summary { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--action); list-style: none; }
.rd details.rd-more > summary::-webkit-details-marker { display: none; }
.rd details.rd-more > summary::before { content: "+ "; }
.rd details.rd-more[open] > summary::before { content: "- "; }
.rd details.rd-more > summary small { display: block; font-weight: 400; color: var(--muted); font-size: 13px; }
.rd details.rd-more .rd-grid2 { margin-top: 10px; }
.rd .rd-more-title { grid-column: 1 / -1; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); font-weight: 600; margin: 6px 0 -4px; }

/* The live answer */
.rd .rd-res { background: var(--tint); border-color: var(--tint-line); position: sticky; top: 12px; }
.rd .rd-verdict { background: var(--good-tint); color: var(--good); border-radius: var(--r-input); padding: 8px 12px; font-size: 14px; font-weight: 600; }
.rd .rd-verdict.warn { background: var(--warn-tint); color: var(--warn); }
.rd .rd-verdict.bad { background: var(--bad-tint); color: var(--bad); }
.rd .rd-verdict span { font-weight: 400; color: var(--text); }
.rd .rd-big { display: flex; align-items: baseline; gap: 10px; margin: 12px 0 2px; flex-wrap: wrap; }
.rd .rd-big b { font-size: 44px; line-height: 1; color: var(--ink); letter-spacing: -.03em; font-weight: 600; }
.rd .rd-big b.neg { color: var(--bad); }
.rd .rd-big em { font-style: normal; color: var(--muted); font-size: 15px; }
.rd .rd-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s2); margin-top: var(--s3); }
.rd .rd-tile { background: #fff; border: 1px solid #CFE3F1; border-radius: var(--r-input); padding: 9px 10px; }
.rd .rd-tile small { display: block; font-size: 12px; color: var(--muted); line-height: 1.25; }
.rd .rd-tile b { display: block; font-size: 20px; color: var(--ink); margin-top: 2px; letter-spacing: -.01em; font-weight: 600; }
.rd .rd-tile i { font-style: normal; font-size: 12px; color: var(--muted); }
.rd .rd-tile i.ok { color: var(--good); font-weight: 600; }
.rd .rd-tile i.no { color: var(--bad); font-weight: 600; }
.rd .rd-split { margin-top: var(--s3); }
.rd .rd-split p { margin: 0 0 5px; font-size: 13px; color: var(--muted); }
.rd .rd-stack { display: flex; height: 14px; border-radius: 7px; overflow: hidden; background: #fff; border: 1px solid #CFE3F1; }
.rd .rd-stack div { height: 100%; transition: width .15s; }
.rd .rd-s1 { background: var(--ink); } .rd .rd-s2 { background: var(--sky); } .rd .rd-s3 { background: var(--good); }
.rd .rd-key { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; margin-top: 6px; color: var(--text); }
.rd .rd-key span::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px; background: currentColor; }
.rd .rd-key .k1 { color: var(--ink); } .rd .rd-key .k2 { color: var(--sky); } .rd .rd-key .k3 { color: var(--good); }
.rd .rd-key em { font-style: normal; color: var(--text); }
.rd .rd-acts { display: flex; gap: var(--s2); margin-top: 14px; flex-wrap: wrap; }
.rd .rd-acts .rd-btn { flex: 1; min-width: 130px; }
.rd .rd-status { margin: 10px 0 0; font-size: 14px; color: var(--text); }
.rd .rd-status.ok { color: var(--good); font-weight: 600; }
.rd .rd-status.err { color: var(--bad); font-weight: 600; }
.rd .rd-fine { font-size: 13px; color: var(--muted); margin: 10px 0 0; }
.rd .rd-empty { padding: 28px 8px; text-align: center; color: var(--muted); font-size: 15px; }
.rd .rd-tool.stale .rd-live { opacity: .55; }
.rd .rd-error { margin: 10px 0 0; color: var(--bad); font-size: 14px; font-weight: 600; }

/* ---------- Below the first screen ---------- */
.rd .rd-below { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--s4); margin: var(--s4) 0 40px; align-items: start; }
.rd .rd-below h2 { font-size: 20px; margin: 0 0 6px; text-transform: none; letter-spacing: -.01em; color: var(--ink); }
.rd .rd-below .rd-card > section + section, .rd .rd-below .rd-card > details + section, .rd .rd-below .rd-card > section + details { margin-top: var(--s5); }
.rd .rd-answer { border-left: 4px solid var(--gold); padding-left: 12px; margin: 0 0 var(--s4); color: var(--text); }
.rd .rd-below p { margin: 0 0 10px; }
.rd .rd-below table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 0 0 10px; }
.rd .rd-below caption { text-align: left; font-weight: 600; color: var(--ink); padding: 8px 0 4px; }
.rd .rd-below td, .rd .rd-below th { padding: 7px 4px; border-bottom: 1px solid var(--line); text-align: left; font-weight: 400; vertical-align: top; }
.rd .rd-below td:last-child { text-align: right; font-weight: 600; color: var(--ink); white-space: nowrap; }
.rd .rd-tables { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s5); }
.rd details.rd-fold { border-top: 1px solid var(--line); padding: 10px 0; }
.rd details.rd-fold > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; }
.rd details.rd-fold > summary::-webkit-details-marker { display: none; }
.rd details.rd-fold > summary::after { content: "+"; margin-left: auto; color: var(--action); font-weight: 600; font-size: 18px; }
.rd details.rd-fold[open] > summary::after { content: "-"; }
.rd details.rd-fold > summary h2 { margin: 0; font-size: 17px; }
.rd details.rd-fold > :not(summary) { margin-top: 10px; }
.rd details.rd-q { border-bottom: 1px solid var(--line); padding: 9px 0; }
.rd details.rd-q > summary { cursor: pointer; font-weight: 600; color: var(--ink); font-size: 15px; }
.rd details.rd-q > p { margin: 6px 0 0; font-size: 15px; }
.rd .rd-dl dt { font-weight: 600; color: var(--ink); margin-top: 10px; }
.rd .rd-dl dd { margin: 2px 0 0; }
.rd .rd-links a { display: block; padding: 10px 0; border-bottom: 1px solid var(--line); text-decoration: none; font-size: 15px; }
.rd .rd-links h2 { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.rd .rd-src { font-size: 13px; color: var(--muted); margin-top: 10px; }

/* ---------- Phone: the answer stays on screen in a slim bar ---------- */
.rd .rd-dock { display: none; }
.rd .rd-dock[hidden] { display: none !important; }
.rd .cp-note { font-size: 13px; color: var(--muted); }
@media (max-width: 820px) {
  .rd .rd-wrap { padding: 0 16px; }
  .rd h1.rd-title { font-size: 24px; }
  .rd .rd-sub { font-size: 14px; }
  .rd .rd-head { padding: 10px 0 4px; }
  .rd .rd-chips { padding-top: 8px; }
  .rd .rd-tool, .rd .rd-below { grid-template-columns: 1fr; }
  .rd .rd-card { padding: 14px; }
  .rd .rd-res { position: static; }
  .rd .rd-big b { font-size: 38px; }
  .rd .rd-tiles { grid-template-columns: repeat(2, 1fr); }
  .rd .rd-tables { grid-template-columns: 1fr; }
  .rd .rd-example { font-size: 13px; }
  .rd .rd-dock {
    display: flex; position: fixed; left: 0; right: 0; bottom: var(--dcb-h, 0px); background: var(--ink); color: #fff; padding: 9px 16px;
    gap: 16px; align-items: center; z-index: 5; box-shadow: 0 -4px 16px rgba(5,16,54,.2);
  }
  .rd .rd-dock div { line-height: 1.15; }
  .rd .rd-dock small { display: block; font-size: 12px; color: #B9C6E0; }
  .rd .rd-dock b { font-size: 19px; font-weight: 600; }
  .rd .rd-dock a { margin-left: auto; color: #fff; font-size: 13px; font-weight: 600; border: 1px solid #5B6FA3; border-radius: var(--r-input); padding: 8px 10px; text-decoration: none; min-height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; }
  .rd { padding-bottom: 62px; }
}
@media print { .rd .rd-dock, .rd nav.topnav, .rd #daConsentBar { display: none; } }

/* ---------- Step 2 (14 Nov 2026): the other eight calculators, the hubs and the home page ---------- */
.rd .rd-span2 { grid-column: 1 / -1; }
.rd .rd-grid2 > [hidden], .rd .rd-tiles > [hidden], .rd .rd-key > [hidden], .rd details[hidden] { display: none !important; }
.rd .rd-check label { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; color: var(--text); }
.rd .rd-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--action); }
.rd .rd-working { margin: 10px 0 0; font-size: 14px; color: var(--warn); background: var(--warn-tint); border-radius: var(--r-input); padding: 6px 10px; }
.rd .rd-basis { margin: 0; font-size: 14px; color: var(--text); background: #fff; border: 1px solid #CFE3F1; border-radius: var(--r-input); padding: 8px 12px; }
.rd .rd-note { margin: 10px 0 0; font-size: 14px; color: var(--text); }
.rd .rd-note.warn { color: var(--warn); }
.rd .rd-tiles2 { grid-template-columns: repeat(2, 1fr); }
.rd .rd-pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3); margin-top: var(--s3); }
.rd .rd-pair .rd-big { display: block; margin: 0; background: #fff; border: 1px solid #CFE3F1; border-radius: var(--r-input); padding: 10px 12px; }
.rd .rd-pair .rd-big small { display: block; font-size: 13px; color: var(--muted); font-weight: 600; }
.rd .rd-pair .rd-big b { font-size: 30px; display: block; margin-top: 2px; }
.rd .rd-pair .rd-big em { display: block; margin-top: 4px; font-size: 13px; }
.rd details.rd-res-more { margin-top: var(--s3); border-top: 1px solid #CFE3F1; padding-top: 10px; }
.rd .rd-res table { width: 100%; border-collapse: collapse; font-size: 14px; margin-top: 8px; }
.rd .rd-res caption { text-align: left; font-size: 13px; color: var(--muted); padding-bottom: 4px; }
.rd .rd-res th, .rd .rd-res td { padding: 6px 4px; border-bottom: 1px solid #CFE3F1; text-align: left; font-weight: 400; color: var(--text); }
.rd .rd-res thead th { font-weight: 600; color: var(--ink); }
.rd .rd-res td { text-align: right; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.rd .rd-res td.neg, .rd .rd-res b.neg, .rd .rd-res span.neg { color: var(--bad); }
.rd .rd-res tr.grp th { font-weight: 600; color: var(--ink); background: #fff; padding-top: 10px; }
.rd .rd-res .rd-more p { font-size: 13px; color: var(--text); margin: 8px 0 0; }
.rd .rd-links h3 { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin: 16px 0 0; }
.rd .rd-below .cp-table { overflow-x: auto; }
@media (max-width: 820px) {
  .rd .rd-pair { grid-template-columns: 1fr; }
  .rd .rd-pair .rd-big b { font-size: 28px; }
}

/* ---------- Hub pages (calculators.html, tools.html) ---------- */
.rd .rd-hub { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); margin: var(--s4) 0 40px; }
.rd .rd-hubtile { display: block; text-decoration: none; color: var(--text); transition: border-color .15s; }
.rd .rd-hubtile:hover { border-color: var(--action); color: var(--text); }
.rd .rd-hubtile b { display: block; font-size: 17px; font-weight: 600; color: var(--ink); margin-bottom: 4px; }
.rd .rd-hubtile span { font-size: 15px; color: var(--muted); }
@media (max-width: 820px) { .rd .rd-hub { grid-template-columns: 1fr; } }
/* The stamp duty band table keeps every column the same weight (the answer column rule above is for two-column tables). */
.rd .rd-below #sdltBands td { text-align: left; font-weight: 400; color: var(--text); white-space: normal; }