/* The Fix Journal: design system (refresh, Nov 10, 2026)
   Type: Newsreader (display) / Source Serif 4 (text) / IBM Plex Mono (functional)
   All three OFL. Public Sans retired: it is the USWDS default face and read as
   a web app at text sizes; the journal's text voice is now serif throughout.
   Motif: the case file, deepened into furniture: punched case tag, the seal as a
   typographic stamp, ruled verdict document, folio lines, chapter rules.
   Register: calm, competent, diagnostic. Paper, ink, one green, family accents.
   Print devices over app devices: rules instead of radii, mounts instead of
   cards, contents lists instead of card grids. */

:root{
  --paper:#FAF6EE;
  --paper-2:#F3EDDF;
  --card:#FFFDF7;
  --ink:#20241F;
  --ink-soft:#454B42;
  --muted:#6B7263;
  --line:#D9D2BE;
  --line-strong:#B9AF8E;
  --line-soft:#E6E0CC;
  --brand:#24473A;
  --brand-soft:#E4EBE2;
  --amber-bg:#FBF1DA;
  --amber-line:#C08A2D;
  --alert-bg:#F9E9E4;
  --alert-line:#B4552F;
  --fam:#24473A;
  --radius:2px;
}
*{box-sizing:border-box}
html{margin:0;padding:0}
body{
  margin:0;padding:0;color:var(--ink);
  background-color:var(--paper);
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="260" height="260"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 0.16 0 0 0 0 0.15 0 0 0 0 0.11 0 0 0 0.055 0"/></filter><rect width="260" height="260" filter="url(%23n)"/></svg>');
  font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
  font-size:17.5px;line-height:1.6;
  overflow-x:clip;
}
img,svg{max-width:100%}
a{color:var(--brand);text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
.narrow{max-width:740px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:"Newsreader",Georgia,serif;font-weight:560;line-height:1.16;color:var(--ink);letter-spacing:-.004em}
h2{
  font-size:1.66rem;margin:2.3em 0 .55em;padding-top:16px;
  background:
    linear-gradient(var(--fam),var(--fam)) left top/58px 3px no-repeat,
    linear-gradient(var(--ink),var(--ink)) left top 6px/58px 1px no-repeat;
}
h3{font-size:1.26rem;margin:1.6em 0 .4em}
p{margin:.7em 0}
.mono{font-family:"IBM Plex Mono",monospace}

/* ---------- header ---------- */
.site-head{border-bottom:4px double var(--line-strong);background:var(--paper)}
.head-in{display:flex;align-items:center;gap:18px;padding:13px 20px;max-width:1060px;margin:0 auto;flex-wrap:wrap}
.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.wordmark .seal{flex:none}
.wordmark .wm-name{font-family:"Newsreader",Georgia,serif;font-size:1.46rem;font-weight:640;letter-spacing:.005em}
.wordmark .wm-sub{display:block;font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:1px}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{display:block;padding:7px 10px;border-radius:var(--radius);text-decoration:none;color:var(--ink-soft);font-size:.98rem;font-weight:600}
.main-nav a:hover{background:var(--paper-2);color:var(--ink)}
.main-nav a[aria-current]{background:var(--brand-soft);color:var(--brand)}
.nav-toggle{display:none}
@media (max-width:900px){
  .main-nav{display:none}
  .nav-toggle{display:block;margin-left:auto}
  .nav-toggle summary{cursor:pointer;font-family:"IBM Plex Mono",monospace;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;background:var(--card);list-style:none}
  .nav-toggle summary::-webkit-details-marker{display:none}
  .nav-toggle ul{list-style:none;margin:10px 0 4px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
  .nav-toggle a{display:block;padding:7px 6px;text-decoration:none;color:var(--ink);font-weight:600}
}

/* compact header (problem pages only): the wordmark and one menu control.
   The family index opens as an overlay panel under the control; it never
   pushes the page down. Scoped by .compact-head so hubs, the homepage and
   the standards page keep the full header above. */
.compact-head .nav-toggle{display:block;margin-left:auto;position:relative}
.compact-head .nav-toggle summary{cursor:pointer;font-family:"IBM Plex Mono",monospace;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;background:var(--card);list-style:none}
.compact-head .nav-toggle summary::-webkit-details-marker{display:none}
.compact-head .nav-toggle ul{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:232px;list-style:none;margin:0;padding:10px;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 12px 30px rgba(32,36,31,.16)}
.compact-head .nav-toggle a{display:block;padding:7px 6px;text-decoration:none;color:var(--ink);font-weight:600}
.compact-head .nav-toggle a:hover{background:var(--paper-2)}
@media (max-width:520px){
  /* the compact header holds one line at phone width: wordmark, then the
     menu control, nothing wraps */
  .compact-head .head-in{flex-wrap:nowrap;padding:13px 14px;gap:10px}
  .compact-head .wordmark{gap:9px}
  .compact-head .wordmark .seal{width:34px;height:34px}
  .compact-head .wordmark .wm-name{font-size:1.26rem}
  .compact-head .nav-toggle summary{padding:7px 10px}
}

/* ---------- heroes ---------- */
.hero{padding:46px 0 6px}
.hero .kicker,.kicker{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin:0 0 12px}
.hero h1{font-size:2.6rem;margin:.1em 0 .35em;max-width:19em}
.hero .support{font-size:1.16rem;color:var(--ink-soft);max-width:37em;margin:.2em 0 0;line-height:1.55}
@media (max-width:640px){.hero h1{font-size:2.02rem}.hero{padding-top:30px}}
.byline{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin-top:14px}

/* homepage hero composition: headline block beside the plate, the front-page
   arrangement. The figure moves inside the hero section (markup order keeps
   headline, support, then image for narrow screens). */
@media (min-width:901px){
  .hero:has(.plate){display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);column-gap:44px;align-items:start}
  .hero:has(.plate) .kicker{grid-column:1;grid-row:1}
  .hero:has(.plate) h1{grid-column:1;grid-row:2}
  .hero:has(.plate) .support{grid-column:1;grid-row:3}
  .hero:has(.plate) .plate{grid-column:2;grid-row:1 / span 3;margin-top:10px}
}

/* case tag: a punched paper tag, not a pill. Square stock, ringed hole,
   perforated stub line between the hole and the text. */
.case-tag{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius);
  padding:7px 14px 7px 34px;font-family:"IBM Plex Mono",monospace;
  font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);
  box-shadow:0 1px 0 rgba(32,36,31,.05);
}
.case-tag::before{content:"";position:absolute;left:25px;top:4px;bottom:4px;border-left:2px dotted var(--line-strong)}
.case-tag .hole{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--paper);border:2px solid var(--fam);box-shadow:inset 0 0 0 1.5px var(--card);flex:none}
.case-tag .fam-name{color:var(--fam);font-weight:600}

/* family breadcrumb (problem pages): the quiet wayfinding line that stands
   where the case tag stood. One link, back to the family hub. */
.crumb{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px}
.crumb a{color:var(--brand);text-decoration:none;font-weight:600}
.crumb a:hover{text-decoration:underline}

/* ---------- figures: the plate mount ----------
   Every image is mounted like a plate in a reference book: square stock,
   hairline frame with an offset second rule, the caption written for the
   reader in italic serif, the credit in small mono beneath or beside it.

   PRODUCT REFERENCE STAGING SPEC (Photoroom pass, the Journal treatment):
   product photographs are never placed raw. Each is processed through the
   Photoroom API with ONE staging recipe so every product on the site sits in
   the same room: background removed, product re-staged on the Reference Stone
   backdrop (#EDE8DC, a warm matte stone), centered, product height ~72% of
   frame, a soft contact shadow beneath it, 4:3 frame, exported 1200x900
   with a 640x480 variant. The processed file then sits in this .figure mount
   inside the product card. Source images come only from affiliate programme
   asset feeds or manufacturer press assets (see IMAGE-BACKLOG.md).
   Evidence rules (Nov 10 research verdict, binding on this spec): the photo
   must be the exact product, variant, and pack count recommended; treatment
   and aspect consistent across the site; the card reads editorial, never
   ad-like; files ship as compressed WebP/AVIF with reserved width/height
   and lazy loading so no load regression eats the gain. The expected lift
   (roughly 10 to 30 percent relative on slot clicks) is a planning
   assumption from NN/g and eBay evidence, not an A/B result on affiliate
   cards; it gets confirmed in our own affiliate_click data once wired. */
.figure{margin:26px 0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:9px 9px 0}
.figure .mat{background:var(--paper-2);border:1px solid var(--line-soft);padding:6px}
.figure img{display:block;width:100%;height:auto;border:1px solid var(--line-soft);outline:1px solid var(--line-soft);outline-offset:3px}
.figure figcaption{padding:11px 6px 12px;font-size:.98rem;color:var(--ink-soft)}
.figure figcaption .cap-main{color:var(--ink);font-style:italic}
.figure .credit{display:block;margin-top:4px;font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.06em;color:var(--muted);font-style:normal}
.figure.hero-figure{margin-top:22px}
.product .figure{margin:12px 0 6px}
.refmark{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fam);font-weight:600}

/* the hero plate: the front image of a hub or the home page, mounted wider
   and quieter than an in-situ figure. No card, no mat colour: just the
   double-ruled frame and a caption line ruled off beneath. */
.figure.plate{background:transparent;border:none;padding:0;margin:30px 0 8px}
.figure.plate .mat{background:transparent;border:none;padding:0}
.figure.plate img{border:1px solid var(--line-strong);outline:1px solid var(--line);outline-offset:6px}
.figure.plate figcaption{border-top:1px solid var(--line);margin-top:15px;padding:9px 0 0}
.figure.plate .cap-main{display:block;max-width:62ch}
.figure.plate .credit{margin-top:4px;text-align:right}
@media (max-width:640px){.figure.plate .credit{text-align:left}}

/* ---------- verdict card: a ruled document, family thick-thin rule on top.
   Position is a traffic requirement: immediately after the hero block. ---------- */
.verdict{
  position:relative;background:var(--card);border:1px solid var(--line-strong);
  border-radius:var(--radius);
  padding:20px 22px 14px;margin:24px 0 8px;
}
.verdict::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:4px;background:var(--fam)}
.verdict::after{content:"";position:absolute;top:5px;left:0;right:0;border-top:1px solid var(--fam);opacity:.55}
.verdict .v-label{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fam);margin:2px 0 8px;font-weight:600}
.verdict p{margin:.45em 0;font-size:1.08rem}
.verdict .v-fix{font-weight:700}

/* ---------- triage gate ---------- */
.triage{
  background:var(--alert-bg);border:1px solid var(--alert-line);border-left:4px solid var(--alert-line);border-radius:var(--radius);
  padding:16px 20px 10px;margin:24px 0;
}
.triage .t-label{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--alert-line);font-weight:600;margin:0 0 6px}
.triage p{margin:.4em 0}

/* ---------- ladder: numbered like a file, square markers, double ring ---------- */
.ladder{list-style:none;margin:18px 0;padding:0;counter-reset:step}
.ladder li{
  position:relative;background:var(--card);border:1px solid var(--line-soft);
  border-radius:var(--radius);padding:16px 20px 10px 66px;margin:0 0 12px;
}
.ladder li::before{
  counter-increment:step;content:counter(step);
  position:absolute;left:18px;top:15px;width:29px;height:29px;border-radius:var(--radius);
  border:1.5px solid var(--fam);outline:1px solid var(--fam);outline-offset:2px;
  color:var(--fam);background:var(--paper);
  font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:.92rem;
  display:flex;align-items:center;justify-content:center;
}
.ladder h3{margin:.05em 0 .3em;font-size:1.18rem}
.ladder li.is-product{border-color:var(--fam);border-width:1.5px;background:#FDFBF3}
.ladder .step-kind{font-family:"IBM Plex Mono",monospace;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}

/* product card */
.product{
  border:1.5px solid var(--fam);border-radius:var(--radius);background:var(--card);
  padding:18px 20px 12px;margin:16px 0;
}
.product .p-label{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fam);font-weight:600;margin:0 0 6px}
.product .p-name{font-family:"Newsreader",Georgia,serif;font-size:1.38rem;font-weight:600;margin:0 0 4px}
.product .p-meta{color:var(--ink-soft);margin:.3em 0}
.product .p-price{font-weight:700}

/* ---------- evidence tiers ---------- */
.evidence{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);padding:6px 20px 12px;margin:22px 0}
.evidence .tier{border-top:1px dashed var(--line-strong);padding:12px 0 6px}
.evidence .tier:first-of-type{border-top:none}
.evidence .tier-label{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--brand);font-weight:600;margin:0 0 4px}
.evidence p{margin:.35em 0}
.rating{font-weight:700;color:var(--ink)}

/* ---------- anchor callout ---------- */
.anchor-note{border-left:4px solid var(--amber-line);background:var(--amber-bg);border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px 8px;margin:22px 0}
.anchor-note .a-label{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:#8A5F14;font-weight:600;margin:0 0 4px}
.anchor-note p{margin:.35em 0}

/* ---------- flaws ---------- */
.flaws{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--alert-line);border-radius:var(--radius);padding:16px 20px 10px;margin:22px 0}
.flaws .f-label{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--alert-line);font-weight:600;margin:0 0 6px}
.flaws ul{margin:.4em 0 .8em;padding-left:1.15em}
.flaws li{margin:.35em 0}

/* ---------- comparison ---------- */
.compare{width:100%;border-collapse:collapse;margin:16px 0;font-size:.98rem}
.compare th,.compare td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.compare th{background:var(--paper-2);font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.compare td.win{background:#EFF4EA}
@media (max-width:640px){
  .compare,.compare tbody,.compare tr,.compare td{display:block;width:100%}
  .compare thead{display:none}
  .compare tr{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;background:var(--card);overflow:hidden}
  .compare td{border:none;border-top:1px solid var(--line-soft)}
  .compare td:first-child{border-top:none;font-weight:700}
  .compare td::before{content:attr(data-label);display:block;font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
}

/* ---------- FAQ / sources / siblings ---------- */
.faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:12px 18px 6px;margin:0 0 10px}
.faq summary{cursor:pointer;font-family:"Newsreader",Georgia,serif;font-size:1.14rem;font-weight:600;padding-bottom:6px}
.sources{border-top:1px solid var(--line);margin-top:34px;padding-top:14px;color:var(--ink-soft);font-size:.94rem}
.sources .s-label{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);font-weight:600}
.sibling-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 6px}
@media (max-width:640px){.sibling-nav{grid-template-columns:1fr}}
.sibling-nav a{display:block;background:var(--card);border-top:3px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:14px 16px;text-decoration:none;color:var(--ink)}
.sibling-nav a:hover{border-top-color:var(--fam)}
.sibling-nav .s-kind{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}
.sibling-nav .s-title{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:1.1rem}
.back-hub{font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}

/* routing cards (gateway pages) */
.routes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
@media (max-width:640px){.routes{grid-template-columns:1fr}}
.routes a{display:block;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--fam);border-radius:var(--radius);padding:14px 16px;text-decoration:none;color:var(--ink)}
.routes .r-if{font-family:"IBM Plex Mono",monospace;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fam);font-weight:600;display:block;margin-bottom:4px}
.routes .r-title{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:1.12rem}

/* ---------- doors become a contents index ----------
   Ruled rows, not cards: name and description on the left, the count
   right-aligned in mono. The first family is set as a feature entry. */
.doors{margin:30px 0 8px;border-bottom:1px solid var(--line)}
.door{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:26px;align-items:baseline;background:transparent;border:none;border-top:1px solid var(--line);border-radius:0;padding:17px 4px;text-decoration:none;color:var(--ink)}
.door:hover{background:var(--paper-2)}
.door .d-name{font-family:"Newsreader",Georgia,serif;font-size:1.42rem;font-weight:620;display:block;margin-bottom:3px}
.door:hover .d-name{text-decoration:underline;text-underline-offset:3px}
.door .d-desc{color:var(--ink-soft);font-size:1rem;display:block;max-width:57ch;line-height:1.5}
.door .d-count{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--fam);display:block;font-weight:600;white-space:nowrap;padding-top:6px}
.door:first-child{border-top:4px double var(--ink);padding-top:22px}
.door:first-child .d-name{font-size:1.85rem}
.door:first-child .d-desc{font-size:1.06rem}
@media (max-width:640px){
  .door{grid-template-columns:1fr}
  .door .d-count{padding-top:7px}
}
.spoke-list{list-style:none;margin:14px 0;padding:0}
.spoke-list li{border-top:1px solid var(--line-soft)}
.spoke-list li:first-child{border-top:none}
.spoke-list a{display:flex;gap:14px;align-items:baseline;padding:14px 4px;text-decoration:none;color:var(--ink)}
.spoke-list a:hover{background:var(--paper-2)}
.spoke-list a:hover .sp-title{text-decoration:underline;text-underline-offset:3px}
.spoke-list .sp-title{display:block;font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:1.12rem;line-height:1.3}
.spoke-list .sp-prod{display:block;color:var(--ink-soft);font-size:.94rem;margin-top:2px}

/* ---------- proof grid becomes a colophon band ----------
   One ruled strip; the three statements divided by hairlines, the
   numerals set in Newsreader beside the text they count. */
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:22px 0;border-top:4px double var(--ink);border-bottom:1px solid var(--line)}
@media (max-width:760px){.proof-grid{grid-template-columns:1fr}}
.proof-card{background:transparent;border:none;border-left:1px solid var(--line-soft);border-radius:0;padding:16px 20px 14px}
.proof-card:first-child{border-left:none;padding-left:2px}
@media (max-width:760px){.proof-card{border-left:none;border-top:1px solid var(--line-soft);padding-left:2px}.proof-card:first-child{border-top:none}}
.proof-card .p-num{display:block;font-family:"Newsreader",Georgia,serif;font-weight:650;font-size:2.05rem;color:var(--brand);line-height:1;margin-bottom:7px}
.proof-card .p-text{display:block;color:var(--ink-soft);font-size:.99rem;line-height:1.52}

/* ---------- folio: the running foot of a case file ---------- */
.folio{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin:42px 0 2px;padding-top:10px;font-family:"IBM Plex Mono",monospace;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.folio .f-case{color:var(--fam);font-weight:600}

/* sign-off line (standards page): the house rule, stated once, at the end */
.signoff{font-family:"Newsreader",Georgia,serif;font-size:1.32rem;font-weight:620;color:var(--brand);margin:38px 0 0}
@media (max-width:520px){.folio{flex-wrap:wrap}}

/* ---------- footer ---------- */
.site-foot{border-top:4px double var(--brand);background:var(--card);margin-top:56px;padding:36px 0 30px}
.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:900px){.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.foot-grid h4{font-family:"Newsreader",Georgia,serif;font-size:1.04rem;font-weight:620;margin:0 0 6px}
.foot-grid h4 a{color:var(--ink);text-decoration:none}
.foot-grid h4 a:hover{text-decoration:underline}
.foot-grid p{color:var(--ink-soft);font-size:.92rem;line-height:1.5;margin:0}
.foot-note{border-top:1px solid var(--line-soft);margin-top:26px;padding-top:16px;color:var(--ink-soft);font-size:.88rem;line-height:1.55}