/* Bead site: the SUB-PAGES of "The thread" (bead-pages.css v1, site refresh 2026-09-27).
   Loaded straight after assets/bead.css by privacy, terms, support, changelog, early-access and 404.
   bead.css owns every colour (tokens, nav, footer, focus rings, skip link); this file only lays the
   article out, so the contrast proof covers both files at once. The article copy on these pages is
   unchanged from before the refresh; only the chrome around it is new.
   No script on these pages: no html.js class, so the nav is drawn opaque, nothing animates and there is
   no Pause motion chip (nothing moves). Never red; amber only for the Waiting lane (none here). */
body.subpage{display:flex;flex-direction:column;min-height:100svh}
main.pagemain{flex:1 0 auto;padding:calc(var(--navh) + 26px) var(--pad) 56px;background:radial-gradient(70% 36% at 50% 0%,rgba(61,123,255,.1),transparent 70%)}
main.pagemain::before{content:"";display:block;max-width:44rem;height:2px;margin:0 auto 22px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--thread) 12%,var(--thread) 88%,transparent)}
article.page{max-width:44rem;margin:0 auto;padding:26px 20px 30px;border-radius:24px;background:rgba(18,21,28,.8);border:1px solid var(--line)}
article.page h1{font-family:var(--display);font-weight:600;font-size:clamp(2rem,6.4vw,2.8rem);line-height:1.08;letter-spacing:-.012em;color:var(--ink)}
article.page .updated{color:var(--dim);font-size:.92rem;line-height:1.5;margin:.5rem 0 1.4rem}
article.page h2{font-family:var(--display);font-weight:600;font-size:clamp(1.3rem,3.8vw,1.6rem);line-height:1.2;letter-spacing:0;margin:1.9rem 0 .5rem;max-width:none}
article.page h3{font-family:var(--display);font-weight:560;font-size:1.15rem;line-height:1.25}
article.page p,article.page li{color:var(--text);font-size:1rem;line-height:1.66}
article.page p+p{margin-top:.8rem}
article.page ul{margin:.7rem 0;padding-left:1.25rem}
article.page li{padding:.15em 0}
article.page li::marker{color:var(--mist)}
article.page a{color:var(--mist);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
article.page strong{color:var(--ink)}
article.page em{font-style:italic}
article.page .card{background:rgba(61,123,255,.08);border:1px solid rgba(111,157,255,.3);border-radius:16px;padding:16px 18px;margin:16px 0}
article.page .fine{color:var(--dim);font-size:.92rem}
.log-entry{margin-top:1.1rem;padding:18px 20px;border-radius:18px;background:var(--bg);border:1px solid var(--line)}
.log-entry h2{margin:0}
.log-entry .date{color:var(--dim);font-size:.86rem;margin-top:.25rem}
.log-entry p+p{margin-top:.6rem}
.foot{padding-bottom:40px}
@media (min-width:900px){article.page{padding:40px 44px 44px;border-radius:28px}main.pagemain{padding-top:calc(var(--navh) + 44px)}}