/* 1.0.2 adds only .status and .sm-d (no token changed). 1.0.1: the live site's palette (navy #000080, orange #ff9800, slate #4a6385, light #f8f9fc, text #2f3f54) in the 1.0.0 layout.
   Orange is a surface, rule and focus colour; its text shade is #a65200 (light) and #ffb454 (dark). Dark mode is derived: the live site has none. */
/* assuredcard.co: "statement and card", the sister of assuredcredit.co's "ledger and authorization slip".
   Same system as the sister site (IBM Plex Sans / Sans Condensed / Mono, the key-facts slip, the ledger references),
   in Assured Card's own colours: the black card and grey stripe of its logo, statement-paper greys, a statement-blue
   for links, and the family's orange only for the "On record" stamp and the focus ring. Light and dark themes.
   Signature: the payment strip on the home page (a missed month covered by the card); the footer is the back of the card. */
@font-face{font-family:"Plex Sans";src:url(/assets/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/assets/fonts/ibm-plex-sans-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/assets/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Condensed";src:url(/assets/fonts/ibm-plex-sans-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  color-scheme:light dark;
  --paper:#f8f9fc; --band:#eceff7; --band-2:#f2f4fa; --card:#fff; --ink:#2f3f54; --ink-2:#4a6385; --head:#000080;
  --link:#000080; --link-hover:#2a2a9c; --rule:#cdd3e0; --rule-soft:#e4e7ef;
  --navy:#000080; --stripe:#ff9800; --stripe-soft:#ffd699; --chip-ink:#fff;
  --orange:#ff9800; --orange-ink:#a65200; --target:#fff1d1;
  --missed:#a65200; --missed-bg:#fff6ec;
  --hero-a:#000080; --hero-b:#1a1a8c; --hero-c:#2a2a9c; --hero-notch:#14148a; --hero-ink:#fff; --hero-ink-2:#d2d6f2; --hero-link:#ffc266;
  --shadow:rgba(0,0,60,.18);
  --foot:#000080; --foot-bar:#00005a; --foot-bar-rule:#2a2a9c; --foot-ink:#e8eaf8; --foot-2:#bcc2ec; --foot-link:#ffc266; --foot-rule:rgba(232,234,248,.2);
  --sans:"Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --cond:"Plex Condensed","Plex Sans",system-ui,sans-serif;
  --mono:"Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --wrap:76rem; --measure:44rem; --r:6px;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#0b0d26; --band:#12163f; --band-2:#0f1237; --card:#151a45; --ink:#e3e7f3; --ink-2:#a9b6d3; --head:#e3e7f3;
    --link:#a9bcff; --link-hover:#d6e0ff; --rule:#2e3668; --rule-soft:#222956;
    --navy:#3b47c4; --stripe:#ff9800; --stripe-soft:#6b5a3a;
    --orange:#ff9800; --orange-ink:#ffb454; --target:#3a3020;
    --missed:#ffb454; --missed-bg:#2a2119;
    --hero-a:#000050; --hero-b:#0b0e46; --hero-c:#151a64; --hero-notch:#06094a; --hero-ink:#fff; --hero-ink-2:#cfd5f5; --hero-link:#ffc266;
    --shadow:rgba(0,0,0,.55);
    --foot:#05061a; --foot-bar:#000; --foot-bar-rule:#2e3668; --foot-ink:#e3e7f3; --foot-2:#a9b6d3; --foot-link:#ffc266; --foot-rule:rgba(227,231,243,.18);
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:1.25rem}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.62 var(--sans);font-kerning:normal;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--link-hover);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--orange-ink);outline-offset:2px;border-radius:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}
@media (min-width:700px){.wrap{padding:0 2rem}}
.skip{position:absolute;left:-999px;top:.5rem;background:var(--ink);color:var(--paper);padding:.5rem .9rem;z-index:20;border-radius:var(--r)}
.skip:focus{left:.75rem}
p{margin:0 0 1rem}
strong,b{font-weight:600}
h1,h2,h3{color:var(--head);text-wrap:balance}
h1,h2{font-family:var(--cond);font-weight:600;letter-spacing:-.005em}
h3{font:600 1.12rem/1.35 var(--sans);margin:1.8rem 0 .5rem}

/* ---------------------------------------------------------------- masthead */
.mast{background:var(--card);border-bottom:1px solid var(--rule);position:relative}
.mast-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--head)}
.brand img{width:44px;height:44px;border-radius:5px;box-shadow:0 0 0 1px var(--rule)}
.brand-name{font:600 1.22rem/1.1 var(--cond);letter-spacing:.005em}
.brand-sub{font:400 .78rem/1.2 var(--mono);color:var(--ink-2);border-left:1px solid var(--rule);padding-left:.8rem}
.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:.15rem;align-items:center}
.nav-list a{display:block;white-space:nowrap;padding:.55rem .65rem;color:var(--ink);text-decoration:none;font-size:.95rem;border-radius:4px}
.nav-list a:hover{background:var(--band-2);color:var(--link-hover)}
.nav-list a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--stripe);border-radius:0}
.nav-open,.nav-close{display:none}
@media (max-width:860px){
  .brand-sub{display:none}
  .nav-open{display:inline-block;font-weight:600;text-decoration:none;color:var(--ink);border:1px solid var(--rule);padding:.45rem .9rem;border-radius:var(--r);background:var(--paper)}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--card);border-bottom:1px solid var(--rule);box-shadow:0 14px 30px var(--shadow);padding:.75rem 1.25rem 1.25rem;z-index:15}
  .nav:target{display:block}
  .nav-close{display:inline-block;margin-bottom:.5rem;font-size:.9rem}
  .nav-list{flex-direction:column;align-items:stretch}
  .nav-list a{padding:.7rem .5rem;border-bottom:1px solid var(--rule-soft);border-radius:0}
  .nav-list a[aria-current=page]{box-shadow:inset 3px 0 0 var(--stripe)}
}

/* ---------------------------------------------------------------- hero: the slip on statement paper */
.hero{position:relative;padding:2.5rem 0 3rem;border-bottom:3px solid var(--orange);color:var(--hero-ink);
  background:radial-gradient(circle at 78% 40%,rgba(255,152,0,.09) 0,transparent 55%),linear-gradient(135deg,var(--hero-a) 0%,var(--hero-b) 50%,var(--hero-c) 100%)}
.hero-cols{position:relative;display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.hero-cols{grid-template-columns:minmax(0,1fr) 21.5rem;align-items:start;gap:3.5rem}}
.hero-text{max-width:48rem;min-width:0}
.crumbs ol{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:.85rem;color:var(--ink-2)}
.crumbs li{margin:0}
.crumbs li+li::before{content:"›";margin-right:.5rem;color:var(--ink-2)}
.crumbs a{color:var(--ink-2)}
.kicker{font:500 .82rem/1.3 var(--mono);color:var(--ink-2);margin:0 0 .75rem;letter-spacing:.01em}
.hero h1,.hero .h1{color:var(--hero-ink)}
.hero a{color:var(--hero-link)}
.hero .kicker,.hero .crumbs ol,.hero .crumbs a,.hero .crumbs li+li::before,.hero .paystrip figcaption{color:var(--hero-ink-2)}
.hero .lead,.hero p{color:var(--hero-ink)}
.hero .slip a{color:var(--link)}
.hero .slip p{color:inherit}
.hero h1,.h1{font-size:clamp(2.1rem,1.2rem + 3.4vw,3.5rem);line-height:1.04;margin:0 0 1.1rem}
.lead{font-size:1.16rem;line-height:1.55;max-width:42rem}

.slip{position:relative;min-width:0}
.slip-paper{position:relative;background:var(--card);font:400 .84rem/1.5 var(--mono);color:var(--ink);padding:1.25rem 1.3rem 2.1rem;
  border:1px solid var(--rule);border-bottom:0;box-shadow:0 18px 30px -18px var(--shadow);animation:print .9s cubic-bezier(.2,.7,.2,1) both}
.slip-paper::before{content:"";position:absolute;left:0;right:0;top:-1px;height:6px;
  background:radial-gradient(circle at 5px 0,var(--hero-notch) 3px,transparent 3.5px) 0 0/10px 6px repeat-x}
.slip-paper::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-11px;height:12px;
  background:linear-gradient(135deg,var(--card) 6px,transparent 0) 0 0/12px 12px repeat-x,
             linear-gradient(225deg,var(--card) 6px,transparent 0) 0 0/12px 12px repeat-x}
.slip-head{font:500 .9rem/1.3 var(--mono);margin:0 0 .85rem;padding-bottom:.7rem;border-bottom:1px dashed var(--rule)}
.slip-lines{margin:0}
.slip-row{display:grid;grid-template-columns:6.6rem minmax(0,1fr);gap:.6rem;padding:.42rem 0;border-bottom:1px dotted var(--rule)}
.slip-row dt{color:var(--ink-2)}
.slip-row dd{margin:0}
.slip-foot{margin:.9rem 0 0;padding-right:6.5rem;color:var(--ink-2);font-size:.76rem}
.slip-stamp{position:absolute;right:1rem;bottom:1.35rem;transform:rotate(-7deg);font:500 .72rem/1 var(--mono);letter-spacing:.08em;
  color:var(--orange-ink);border:2px solid var(--orange);border-radius:4px;padding:.35rem .5rem}
@keyframes print{from{clip-path:inset(0 0 100% 0);transform:translateY(-10px)}to{clip-path:inset(0 0 -20px 0);transform:none}}

/* ---------------------------------------------------------------- the payment strip (home) */
.paystrip{margin:1.9rem 0 0;max-width:46rem}
.pm-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.75fr) repeat(2,minmax(0,1fr));gap:.45rem}
.pm{margin:0;position:relative;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:.6rem .65rem .7rem;min-height:4.9rem;
  display:flex;flex-direction:column;gap:.25rem}
.pm-m{font:400 .74rem/1.2 var(--mono);color:var(--ink-2)}
.pm-s{font:600 1rem/1.2 var(--cond);color:var(--ink)}
.pm--paid .pm-s::before{content:"";display:inline-block;width:.42rem;height:.75rem;margin:0 .4rem .1rem .05rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.pm--missed{border:2px dashed var(--missed);background:var(--missed-bg);padding:.55rem .6rem .65rem}
.pm--missed .pm-s{color:var(--missed)}
.pm-cover{display:flex;align-items:center;gap:.4rem;margin-top:auto;font:500 .7rem/1.25 var(--mono);color:var(--ink);
  animation:cover .7s cubic-bezier(.2,.8,.2,1) .55s both}
.pm-chip{flex:none;width:1.9rem;height:1.2rem;border-radius:3px;background:var(--navy);box-shadow:0 0 0 1px var(--stripe-soft);position:relative;overflow:hidden}
.pm-chip::after{content:"";position:absolute;left:3px;right:3px;bottom:3px;height:4px;border-radius:1px;background:var(--stripe)}
@keyframes cover{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.paystrip figcaption{margin-top:.75rem;font-size:.9rem;color:var(--ink-2);max-width:42rem}
@media (max-width:640px){.pm-row{grid-template-columns:repeat(3,minmax(0,1fr))}.pm{min-height:5.2rem}}
@media (prefers-reduced-motion:reduce){.slip-paper,.pm-cover{animation:none}html{scroll-behavior:auto}}

/* ---------------------------------------------------------------- body */
.body-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;padding-top:2.75rem;padding-bottom:3.5rem}
@media (min-width:1150px){.body-cols{grid-template-columns:minmax(0,var(--measure)) 15rem;justify-content:space-between}}
.doc{max-width:var(--measure);min-width:0}
.block{margin:0 0 3.5rem}
.block>h2,.about-page h2{font-size:clamp(1.55rem,1.2rem + 1vw,2rem);line-height:1.15;margin:0 0 1rem;padding-top:1rem;position:relative}
/* the card's mark: a black bar with the grey stripe beneath it */
.block>h2::before,.about-page h2::before{content:"";position:absolute;top:0;left:0;width:2.75rem;height:6px;border-radius:2px;
  background:linear-gradient(180deg,var(--head) 0 3px,transparent 3px 4px,var(--stripe) 4px 6px)}
ul,ol{padding-left:1.25rem;margin:0 0 1.25rem}
li{margin:.3rem 0}
li::marker{color:var(--ink-2)}
.cites{white-space:nowrap}
sup.cite{font-size:.7em;line-height:0;vertical-align:super;white-space:nowrap;margin-left:.05em}
sup.cite a{text-decoration:none;font-weight:600;padding:0 .08em;border-radius:2px}
sup.cite a:hover{text-decoration:underline}
sup.cite a:target{background:var(--target);outline:2px solid var(--orange)}

.toc{position:sticky;top:1.5rem;align-self:start;font-size:.9rem;border-left:1px solid var(--rule);padding-left:1.1rem;display:none}
@media (min-width:1150px){.toc{display:block}}
.toc-h{font:500 .8rem/1.3 var(--mono);color:var(--ink-2);margin:0 0 .6rem}
.toc ol{list-style:none;padding:0;margin:0}
.toc li{margin:.15rem 0}
.toc a{display:block;padding:.25rem 0;color:var(--ink);text-decoration:none;line-height:1.35}
.toc a:hover{color:var(--link-hover);text-decoration:underline}

/* the claim: the one statement the site exists to make clear */
.claim{font:600 clamp(1.35rem,1.05rem + 1.1vw,1.85rem)/1.22 var(--cond);color:var(--ink);margin:0 0 1.1rem;padding:1rem 1.2rem 1rem 1.35rem;
  background:var(--card);border:1px solid var(--rule);border-left:6px solid var(--navy);border-radius:0 var(--r) var(--r) 0;position:relative}
.claim::after{content:"";position:absolute;left:-6px;bottom:-1px;width:6px;height:35%;background:var(--stripe)}
.note{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--stripe);border-radius:0 var(--r) var(--r) 0;padding:1rem 1.2rem;margin:1.5rem 0;max-width:var(--measure)}
.note p:last-child{margin-bottom:0}
.note-h{font-weight:600;margin-bottom:.35rem}
.aside-note{font-size:.93rem;color:var(--ink-2);max-width:var(--measure)}
.ctx{font-size:.95rem;color:var(--ink-2);border-left:2px solid var(--rule);padding-left:.8rem}
.next-links{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.35rem}
.next-links li{margin:0}
.next-links a{font-weight:600}
.quote{font:400 1.12rem/1.6 var(--sans);border-left:4px solid var(--head);padding:.1rem 0 .1rem 1.1rem;margin:1.5rem 0 0}
.quote p{margin:0 0 .35rem}
.quote .quote-by{font-size:.92rem;color:var(--ink-2)}

/* the company's parts of the service */
.parts{margin:1rem 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:0 2rem}
@media (min-width:760px){.parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.part{border-top:2px solid var(--head);padding:.8rem 0 .9rem}
.part dt{font:600 1.08rem/1.3 var(--cond);margin:0 0 .3rem}
.part dd{margin:0}
.steps-mini{padding-left:1.6rem;max-width:var(--measure)}
.steps-mini li{margin:0 0 .6rem}
.sm-d{color:var(--ink)}
.hero .status{font:500 .95rem/1.4 var(--mono);margin:0 0 1rem;padding:.5rem .85rem;border-left:4px solid var(--stripe);background:rgba(255,255,255,.1);max-width:42rem}

/* the program: six numbered steps */
.program{list-style:none;padding:0;margin:1rem 0 0}
.step{margin:0 0 2rem;padding:1.1rem 1.25rem .4rem;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);position:relative}
.step h3{margin:0 0 .6rem;font:600 1.3rem/1.25 var(--cond);display:flex;flex-wrap:wrap;gap:.25rem .7rem;align-items:baseline}
.step-n{font:500 .78rem/1.2 var(--mono);color:var(--chip-ink);background:var(--navy);padding:.3rem .5rem;border-radius:3px;box-shadow:inset 0 -3px 0 var(--stripe)}
.step ul{margin-bottom:1rem}
/* 1.0.3: what the company taught, then what a reader can do today (no colour token added) */
.step-sub{font:500 .78rem/1.3 var(--mono);letter-spacing:.02em;color:var(--ink-2);margin:1rem 0 .45rem}
.step-asked{margin-bottom:.35rem}
.today{background:var(--band-2);border:1px solid var(--rule-soft);border-left:4px solid var(--stripe);border-radius:0 var(--r) var(--r) 0;padding:.2rem 1rem .1rem;margin:.4rem 0 1.1rem}
.today .step-sub{color:var(--head);margin-top:.75rem}
.today ul{margin-bottom:.8rem}
.today li{margin:.45rem 0}
.help-list li{margin:.55rem 0}
.live-list{list-style:none;padding:0;margin:1rem 0 1.25rem;border-top:2px solid var(--head)}
.live-list li{margin:0;padding:.6rem 0;border-bottom:1px solid var(--rule)}
.hero .advice{margin:0 0 .5rem;padding:.55rem .85rem;border-left:4px solid var(--stripe);background:rgba(255,255,255,.1);max-width:42rem}
.hero .advice-line{font-size:.95rem;margin:.2rem 0}

/* ledger timeline, legend, tags, strip (as on the sister site) */
.legend{list-style:none;margin:.5rem 0 1rem;padding:0;display:flex;flex-direction:column;gap:.45rem;font-size:.9rem;color:var(--ink-2);max-width:var(--measure)}
.legend li{margin:0;display:flex;gap:.6rem;align-items:baseline}
.legend .tag{flex:none;min-width:8.6rem;text-align:center}
.tag{display:inline-block;font:500 .7rem/1 var(--mono);letter-spacing:.02em;padding:.3rem .45rem;border-radius:3px;white-space:nowrap}
.tag--rec{background:var(--ink);color:var(--paper)}
.tag--own{background:var(--card);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--stripe)}
.tag--std{background:var(--band);color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule)}
.ledger{list-style:none;margin:1rem 0 .5rem;padding:0 0 0 1.5rem;position:relative;background:var(--card);border:1px solid var(--rule);
  border-top:2px solid var(--head);border-radius:0 0 var(--r) var(--r);overflow:hidden}
.ledger::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.1rem;border-right:1px dashed var(--rule);
  background:radial-gradient(circle at 50% 50%,var(--paper) 3.5px,transparent 4px) 0 .3rem/1.1rem 1.6rem repeat-y}
.ledger-row{display:grid;grid-template-columns:7.6rem minmax(0,1fr);gap:.25rem 1.1rem;margin:0;padding:.75rem 1.1rem .75rem .7rem;border-bottom:1px solid var(--rule-soft)}
.ledger-row:nth-child(odd){background:var(--band-2)}
.ledger-row:last-child{border-bottom:0}
.ledger-date{font:500 .86rem/1.5 var(--mono);color:var(--ink)}
.ledger-entry p{margin:0;font-size:.97rem;line-height:1.5}
.ledger-entry .ledger-meta{margin-top:.4rem}
@media (max-width:560px){.ledger{padding-left:1.3rem}.ledger-row{grid-template-columns:minmax(0,1fr);padding:.7rem .85rem .75rem .6rem}}
.strip{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:44rem;
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.strip li{margin:0;border-left:1px dashed var(--rule)}
.strip li:first-child{border-left:0}
.strip a{display:flex;flex-direction:column;gap:.15rem;height:100%;padding:.75rem .9rem .8rem;color:var(--ink);text-decoration:none}
.strip a:hover{background:var(--band-2)}
.strip-n{font:500 .72rem/1.2 var(--mono);color:var(--ink-2)}
.strip-name{font:600 1.02rem/1.2 var(--cond)}
.strip-yr{font:400 .78rem/1.3 var(--mono);color:var(--ink-2)}
@media (max-width:620px){.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip li:nth-child(3){border-left:0}.strip li:nth-child(n+3){border-top:1px dashed var(--rule)}}

/* tables */
.ltable{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.92rem;line-height:1.45;background:var(--card);border-top:2px solid var(--head)}
.ltable-cap{caption-side:top;text-align:left;font:500 .78rem/1.3 var(--mono);color:var(--ink-2);padding:0 0 .5rem}
.ltable th,.ltable td{text-align:left;vertical-align:top;padding:.65rem .75rem;border-bottom:1px solid var(--rule)}
.ltable thead th{font:500 .74rem/1.3 var(--mono);color:var(--ink-2);background:var(--card)}
.ltable tbody tr:nth-child(odd){background:var(--band-2)}
.ltable tbody th{font-weight:600;width:28%}
@media (max-width:700px){
  .ltable thead{display:none}
  .ltable-cap{display:block;width:100%}
  .ltable,.ltable tbody,.ltable tr,.ltable th,.ltable td{display:block;width:100%}
  .ltable tbody th{width:100%;padding:.7rem .8rem .2rem;border:0}
  .ltable td{border:0;padding:.35rem .8rem}
  .ltable tr{border-bottom:1px solid var(--rule);padding-bottom:.45rem}
  .ltable td::before{content:attr(data-label);display:block;font:500 .7rem/1.3 var(--mono);color:var(--ink-2);margin-bottom:.1rem}
}

/* FAQ, about this page */
.qa{border-top:1px solid var(--rule);padding:.6rem 0 .2rem}
.qa h3{margin:.6rem 0 .35rem}
.about-page{margin:1rem 0 0;padding:1.4rem 1.5rem .4rem;background:var(--band-2);border-radius:var(--r);font-size:.94rem}
.about-page h2{font-size:1.3rem;margin:0 0 .7rem;padding-top:.9rem}
.nf-list{columns:2 16rem}

/* ---------------------------------------------------------------- references: the statement ledger */
.references{background:var(--card);border-top:1px solid var(--rule);padding:2.75rem 0 2.5rem}
.references h2{font-size:1.75rem;margin:0 0 .4rem}
.ref-intro{color:var(--ink-2);font-size:.92rem;margin-bottom:1.25rem}
.references ol{margin:0;padding:0 0 0 2.6rem;list-style:decimal;font-size:.9rem;line-height:1.5;position:relative;max-width:62rem}
.references ol::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.1rem;
  background:radial-gradient(circle at 50% 50%,var(--paper) 3.5px,transparent 4px) 0 0/1.1rem 1.6rem repeat-y;border-right:1px dashed var(--rule)}
.references li{padding:.55rem .75rem .55rem .5rem;margin:0}
.references li:nth-child(odd){background:var(--band-2)}
.references li::marker{font-family:var(--mono);color:var(--ink-2);font-size:.85em}
.references li:target{background:var(--target);outline:2px solid var(--orange);outline-offset:-2px}
.ref-back{margin-right:.4rem;font-family:var(--mono);text-decoration:none}
.ref-back a{text-decoration:none;font-family:var(--mono);padding:0 .1rem}
.ref-title{font-weight:600}
.ref-site{color:var(--ink-2)}
.further-reading{background:var(--card);padding:0 0 3rem}
.further-reading .wrap>div{border-top:1px dashed var(--rule);padding-top:2rem}
.further-reading h2{font-size:1.35rem;margin:0 0 .4rem}
.further-reading ul{list-style:none;margin:0;padding:0;font-size:.88rem;line-height:1.5;max-width:62rem;columns:2 22rem;column-gap:2.5rem}
.further-reading li{margin:0 0 .5rem;padding-left:1rem;position:relative;break-inside:avoid}
.further-reading li::before{content:"";position:absolute;left:0;top:.6em;width:.4rem;height:.4rem;border:1px solid var(--ink-2);border-radius:50%}
.further-reading a{font-weight:600}

/* ---------------------------------------------------------------- footer: the back of the card */
.foot{background:var(--foot);color:var(--foot-ink);padding:0 0 1.5rem;font-size:.93rem}
.foot::before{content:"";display:block;height:2.4rem;background:var(--foot-bar);border-bottom:1px solid var(--foot-bar-rule);margin-bottom:2.6rem}
.foot a{color:var(--foot-link)}
.foot a:hover{color:#fff}
.foot-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
@media (min-width:800px){.foot-cols{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}}
.foot-brand img{width:56px;height:56px;border-radius:5px;margin-bottom:.9rem;box-shadow:0 0 0 1px var(--foot-bar-rule)}
.foot-about{max-width:28rem}
.foot-h{font:500 .8rem/1.3 var(--mono);color:var(--foot-2);margin:0 0 .6rem}
.foot-col ul{list-style:none;padding:0;margin:0}
.foot-col li{margin:.3rem 0}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;border-top:1px solid var(--foot-rule);margin-top:2.5rem;padding-top:1.25rem;font-size:.84rem;color:var(--foot-2)}
.foot-base p{margin:0}
@media print{.mast,.toc,.foot,.slip-stamp{display:none}.hero{background:none}.slip-paper,.pm-cover{animation:none;box-shadow:none}a{color:inherit}}