.cd-root{--cd-navy:#0a0f1e;--cd-gold:#c9a84c;--cd-line:rgba(159,159,161,0.3);}
.cd-root .cd-page{max-width:920px;margin:0 auto;padding:0 24px;}
/* 9rem top clears the site's FIXED navbar — the same value .yi-masthead uses, and for the same
   reason. At 44px the eyebrow and h1 rendered underneath the logo (caught in a screenshot, not by
   reading the markup: nothing about the fragment's own HTML hints that the page it lands in has a
   fixed header). Any future full-width page built as a base.html fragment needs this too. */
.cd-root .cd-masthead{padding:9rem 0 28px;}
.cd-root .cd-eyebrow{font-family:'Cinzel',Georgia,serif;font-size:10px;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--cd-gold);margin:0 0 10px;}
.cd-root .cd-masthead h1{font-size:30px;line-height:1.2;margin:0 0 12px;}
.cd-root .cd-sub{font-size:15px;line-height:1.6;max-width:62ch;opacity:0.85;}
.cd-root .cd-actions{margin-top:18px;display:flex;gap:14px;flex-wrap:wrap;}
.cd-root .cd-csv,.cd-root .cd-meth{display:inline-block;padding:9px 16px;border:1px solid var(--cd-gold);
  border-radius:4px;font-size:13px;text-decoration:none;color:var(--cd-gold);}
.cd-root .cd-csv:hover,.cd-root .cd-meth:hover{background:rgba(201,168,76,0.12);}
.cd-root .cd-figures{padding:8px 0 32px;}
/* scroll-margin: arriving on /data#bank-rate must not land the figure under a sticky site header —
   the one figure someone followed a citation to see is the one that must be visible. */
.cd-root .cd-fig{border-top:1px solid var(--cd-line);padding:22px 0;scroll-margin-top:72px;}
.cd-root .cd-fig:target{background:rgba(201,168,76,0.09);box-shadow:inset 3px 0 0 var(--cd-gold);
  padding-left:14px;}
.cd-root .cd-fig-head{display:flex;align-items:baseline;gap:8px;}
.cd-root .cd-fig-label{font-size:14px;font-weight:600;margin:0;letter-spacing:0.01em;}
.cd-root .cd-permalink{opacity:0;text-decoration:none;color:var(--cd-gold);font-weight:700;}
.cd-root .cd-fig:hover .cd-permalink,.cd-root .cd-fig:target .cd-permalink{opacity:1;}
.cd-root .cd-value{font-size:34px;font-weight:600;margin:6px 0 12px;font-variant-numeric:tabular-nums;}
.cd-root .cd-meta{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:0 0 14px;font-size:13px;}
.cd-root .cd-meta dt{opacity:0.6;}
.cd-root .cd-meta dd{margin:0;}
.cd-root .cd-cite{border-left:2px solid var(--cd-gold);padding:10px 0 10px 14px;background:rgba(201,168,76,0.05);}
.cd-root .cd-cite-lbl{font-family:'Cinzel',Georgia,serif;font-size:9px;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--cd-gold);display:block;margin-bottom:6px;}
.cd-root .cd-cite-text{font-size:13px;line-height:1.55;margin:0 0 10px;}
.cd-root .cd-copy{font-size:12px;padding:6px 12px;border:1px solid var(--cd-line);border-radius:4px;
  background:transparent;color:inherit;cursor:pointer;}
.cd-root .cd-copy:hover{border-color:var(--cd-gold);color:var(--cd-gold);}
.cd-root .cd-terms{padding:28px 0;border-top:1px solid var(--cd-line);}
.cd-root .cd-terms h2{font-size:16px;margin:0 0 10px;}
.cd-root .cd-terms h3{font-size:13px;margin:18px 0 6px;color:var(--cd-gold);}
.cd-root .cd-terms p{font-size:13.5px;line-height:1.6;max-width:70ch;opacity:0.88;}
.cd-root .cd-footer{padding:18px 0 40px;font-size:12px;opacity:0.6;}
@media (max-width:640px){
  .cd-root .cd-masthead{padding-top:7rem;}
  .cd-root .cd-masthead h1{font-size:24px;}
  .cd-root .cd-value{font-size:28px;}
  .cd-root .cd-meta{grid-template-columns:1fr;gap:0 0;}
  .cd-root .cd-meta dt{margin-top:6px;}
}