/* AwardTape news front (AWARDTAPE_UI=news, Oct 8 2026). Loaded after style.css only on news builds.
   Ledger rules hold: Inter, tabular numbers, sentence case, hairline rules, no fills, no pills, no shadows, no gradients.
   Hierarchy is typography: one big headline, then lists. Tape Yellow only on the lead number and the one trial button. */
body.news{font-size:15.5px}
.news .tick .up{color:var(--paper)}  /* yellow stays on the lead number and the one trial button */
/* header: sections left, the quiet Terminal line right; the old yellow Plans button never renders in news mode */
.news nav.main a{padding:0 10px}
.news .nf-navsep{flex:0 0 1px;background:var(--line);margin:16px 8px}
.news nav.main a.nf-quiet{color:var(--faint);font-weight:400}
.news nav.main a.nf-quiet:hover{color:var(--paper)}
@media (max-width:1060px){.news nav.main a{padding:0 7px;font-size:13.5px}}
@media (max-width:960px){
  .news .menu-btn{display:block}
  .news nav.main{display:none;position:absolute;top:56px;left:0;right:0;height:auto;background:var(--ink);border-bottom:1px solid var(--line);padding:0 var(--pad) 16px;flex-direction:column}
  .news nav.main.open{display:flex}
  .news nav.main a{padding:14px 0;border-bottom:1px solid var(--line);margin:0;font-size:15px}
  .news nav.main a.on{border-bottom-color:var(--line);color:var(--paper);font-weight:600}
  .news .nf-navsep{display:none}
}

/* ---- front page ---- */
.nf-mast{padding:14px 0 0;border-top:0}
.nf-dateline{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0;max-width:none;padding-bottom:12px;border-bottom:1px solid var(--line-2);
  font:400 13px/1.4 var(--ui);color:var(--faint);font-variant-numeric:tabular-nums}
.nf-dateline span:first-child{color:var(--paper);font-weight:500}
section.nf-front{padding:28px 0 40px;border-top:0}
.nf-cols{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:0 48px}
.nf-cols.nf-even{grid-template-columns:repeat(2,minmax(0,1fr))}
.nf-rail{border-left:1px solid var(--line);padding-left:32px}
.nf-rail .nf-sec+.nf-sec,.nf-main .nf-sec{margin-top:32px}
@media (max-width:900px){
  .nf-cols,.nf-cols.nf-even{grid-template-columns:1fr}
  .nf-rail{border-left:0;padding-left:0;border-top:1px solid var(--line-2);margin-top:32px;padding-top:4px}
  .nf-even .nf-sec+.nf-sec{margin-top:32px}
}
.nf-over{font:500 13px/1.3 var(--ui);color:var(--faint);margin:0 0 10px}
.nf-lead h1{font-size:clamp(28px,3.4vw,44px);line-height:1.1;letter-spacing:-.022em;margin:0 0 14px;max-width:24ch}
.nf-lead h1 a{text-decoration:none;color:var(--paper)}
.nf-lead h1 a:hover{text-decoration:underline;text-decoration-color:var(--tape);text-decoration-thickness:2px}
.nf-dek{font-size:17px;line-height:1.5;color:var(--dim);margin:0 0 10px;max-width:66ch;font-variant-numeric:tabular-nums}
.nf-key{color:var(--tape);font-weight:600}
.nf-lead{padding-bottom:24px;border-bottom:1px solid var(--line-2)}

/* section heads: plain sentence-case labels on a strong hairline */
.nf-k{font:600 15px/1.3 var(--ui);letter-spacing:0;margin:0;padding:0 0 10px;border-bottom:1px solid var(--line-2)}
.nf-k a{text-decoration:none;color:var(--paper)}
.nf-k a:hover{text-decoration:underline;text-decoration-color:var(--tape)}

/* headline lists: one hairline per item, headline then one muted facts line */
.nf-list{list-style:none;margin:0;padding:0}
.nf-list li{padding:12px 0;border-bottom:1px solid var(--line)}
.nf-h{display:block;font:500 16px/1.4 var(--ui);color:var(--paper);text-decoration:none;font-variant-numeric:tabular-nums;text-wrap:pretty}
a.nf-h:hover{text-decoration:underline;text-decoration-color:var(--tape)}
.nf-rail .nf-h{font-size:15px}
.nf-m{display:block;font:400 13px/1.5 var(--ui);color:var(--faint);margin-top:3px;font-variant-numeric:tabular-nums}
.nf-m a{color:var(--dim)}
.nf-when{color:var(--dim);margin-right:8px}
.nf-more{margin:12px 0 0;font:500 14px/1.4 var(--ui)}
.nf-more a{color:var(--dim)}
.nf-more a:hover{color:var(--paper)}
section.nf-band{padding:36px 0}

/* reference browsers: a definition list, never a card grid */
.nf-ref{display:grid;grid-template-columns:200px minmax(0,1fr);margin:0}
.nf-ref dt,.nf-ref dd{padding:12px 0;border-bottom:1px solid var(--line);margin:0}
.nf-ref dt{font:600 15px/1.4 var(--ui)}
.nf-ref dt a{text-decoration:none}
.nf-ref dd{color:var(--dim);font-size:14.5px;line-height:1.55}
@media (max-width:600px){.nf-ref{grid-template-columns:1fr}.nf-ref dt{border-bottom:0;padding-bottom:0}.nf-ref dd{padding-top:4px}}
.nf-recap p{color:var(--dim)}
.nf-recap .signup{margin-top:12px}

/* ---- release-day pages ---- */
.nf-day li{padding:14px 0}
.nf-day .nf-h{font-size:17px}
.nf-day .nf-h1{font:600 clamp(22px,2.4vw,28px)/1.2 var(--ui);letter-spacing:-.015em}
.nf-day li:target{background:var(--ink-2);box-shadow:-12px 0 0 var(--ink-2),12px 0 0 var(--ink-2)}

/* ---- entity pages in news mode: facts line instead of a KPI grid, FAQs as a list ---- */
.nf-facts{margin:4px 0 8px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none;
  font-size:15px;color:var(--dim);font-variant-numeric:tabular-nums}
.nf-facts b{color:var(--paper);font-weight:600}
.nf-facts b:first-child{color:var(--tape)}
.news .grid.faq{display:block;border:0}
.news .grid.faq>.cell{border:0;border-bottom:1px solid var(--line);padding:14px 0}

/* ---- the single trial ask: after the answer, same place on every page ---- */
section.nf-cta{padding:40px 0 48px;border-top:1px solid var(--line-2)}
.nf-cta-in{max-width:640px}
.nf-cta-k{font:600 13px/1.3 var(--ui);color:var(--faint);margin:0 0 8px}
.nf-cta-t{font:500 19px/1.45 var(--ui);color:var(--paper);margin:0 0 8px;letter-spacing:-.008em}
.nf-cta-s{font:400 13.5px/1.5 var(--ui);color:var(--faint);margin:0 0 18px}

/* functional briefs: sentences, then the document trail */
.nf-day .nf-act{display:block;margin:0 0 8px;font:600 17px/1.35 var(--ui);color:var(--paper);letter-spacing:-.01em}
.nf-day .nf-act.nf-h1{font-size:clamp(22px,2.4vw,28px);line-height:1.22;letter-spacing:-.015em}
.nf-day .nf-ctx{display:block;margin:0 0 8px;max-width:68ch;font:400 15.5px/1.5 var(--ui);color:var(--dim)}
.nf-day .nf-src{display:block;margin:8px 0 0;font:500 13px/1.45 var(--ui)}
.nf-day .nf-src a{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--line-2);margin-right:12px}
.nf-day .nf-src a:hover{border-bottom-color:var(--tape)}

.nf-scan{margin-top:0}
.nf-day + .nf-k{margin-top:36px}

/* product line under the menu on the home page: one sentence, not a banner */
.nf-product{margin:0;padding:12px 0 2px;max-width:none;font:400 14.5px/1.45 var(--ui);color:var(--dim)}

/* object pages: Sources and Related, after the answer, before the trial ask */
section.nf-walk{padding:8px 0 12px}
.nf-walk .nf-k{margin-top:22px}
.nf-walk .nf-k:first-child{margin-top:0}
.nf-walk .nf-src{display:block;margin:10px 0 0;font:500 14px/1.55 var(--ui)}
.nf-walk .nf-src a{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--line-2);margin:0 14px 6px 0;display:inline-block}
.nf-walk .nf-src a:hover{border-bottom-color:var(--tape)}
/* copy pass Oct 8 2026: Terminal link in paper colour; Browse rows are a link plus a count */
.news nav.main a.nf-term{color:var(--paper);font-weight:500}
.nf-browse{grid-template-columns:240px minmax(0,1fr)}
.nf-browse dd{font-variant-numeric:tabular-nums}
@media (max-width:600px){.nf-browse{grid-template-columns:1fr auto}.nf-browse dt{border-bottom:1px solid var(--line);padding-bottom:12px}.nf-browse dd{padding-top:12px;text-align:right}}
.nf-cat{font:600 13px/1.3 var(--ui);color:var(--dim);margin:22px 0 4px}
.nf-cat small{font-weight:400;color:var(--faint);margin-left:6px}
