/* trpgphysics.org — design rev5 (November 2026)
   Light academic pages, dark "observatory" bands for the hero, mastheads and the lab.
   Palette: horizon navy #0E1B2C, deep #13253B, accretion amber #F5C518, spectral blue #6FA8DC,
   paper #F7F9FB, ink #1B2635. System fonts only: the site loads nothing from other servers. */
:root{
  --navy:#0E1B2C;--deep:#13253B;--deep2:#1A3150;--amber:#F5C518;--amber-ink:#715800;--blue:#6FA8DC;
  --bg:#F7F9FB;--card:#FFFFFF;--fg:#1B2635;--muted:#566476;--line:#DCE3EA;--link:#1D5FA7;--code:#EEF2F6;
  --serif:Charter,"Bitstream Charter","Iowan Old Style","Sitka Text",Cambria,Georgia,serif;
  --sans:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",sans-serif;
  --math:"Cambria Math","STIX Two Math","Latin Modern Math",Cambria,Georgia,serif;
  --r-s:6px;--r-m:12px;--r-l:20px;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0B1522;--card:#111F31;--fg:#E6ECF2;--muted:#9AA9BA;--line:#22344B;--link:#8EC2F0;--code:#16273C;--amber-ink:#F8D547}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.7 var(--serif)}
h1,h2,h3,h4,.brand,nav,.btn,table,footer,.menu,.label,.stat,figcaption,.tile,.meta,summary,label,dt{font-family:var(--sans)}
h1{font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.1;font-weight:650;letter-spacing:-.015em;margin:0 0 .35em}
h2{font-size:1.6rem;line-height:1.25;font-weight:650;letter-spacing:-.01em;margin:2.2em 0 .6em}
h3{font-size:1.15rem;line-height:1.35;font-weight:650;margin:1.6em 0 .4em}
p,li,dd{max-width:72ch}
a{color:var(--link);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
@media (max-width:600px){.wrap{padding:0 16px}body{font-size:17px}}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--card);padding:6px 10px;z-index:20}

/* ---------- header ---------- */
header.site{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--fg);text-decoration:none;font-size:1.05rem;white-space:nowrap}
.brand small{display:block;font-weight:500;color:var(--muted);font-size:.72rem;letter-spacing:.01em}
nav#nav{display:flex;align-items:center;gap:2px 16px;margin-left:auto;font-size:.92rem;flex-wrap:nowrap;white-space:nowrap}
nav#nav a{color:var(--muted);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
nav#nav a:hover{color:var(--fg)}nav#nav a[aria-current]{color:var(--fg);border-bottom-color:var(--amber)}
nav#nav a.pill{border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--fg);margin-left:6px}
nav#nav a.pill:hover{border-color:var(--amber)}
.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:7px 16px;font-size:.9rem}
@media (max-width:1140px){.menu{display:block}nav#nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:4px 0 14px}.navtoggle:checked~nav#nav{display:flex}.bar{flex-wrap:wrap}nav#nav a.pill{margin:6px 0 0}}
body.home header.site{background:transparent;border-bottom-color:rgba(255,255,255,.08);position:absolute;left:0;right:0;backdrop-filter:none}
body.home header.site .brand,body.home nav#nav a[aria-current],body.home nav#nav a:hover,body.home .menu{color:#fff}
body.home nav#nav a{color:#B9C6D4}body.home nav#nav a.pill{color:#fff;border-color:rgba(255,255,255,.3)}body.home .menu{border-color:rgba(255,255,255,.3)}
@media (max-width:1140px){body.home .navtoggle:checked~nav#nav{background:var(--navy);margin:0 -24px;padding:8px 24px 16px;width:calc(100% + 48px)}}

/* ---------- dark bands ---------- */
.dark{background:var(--navy);color:#E6ECF2}
.dark a{color:#9CCAF3}.dark .muted,.dark .note{color:#A8B6C6}
.masthead{background:var(--navy);color:#E6ECF2;padding:56px 0 44px;position:relative;overflow:hidden}
.masthead::after{content:"";position:absolute;inset:0;background:url(contours.svg) right center/auto 140% no-repeat;opacity:.35;pointer-events:none}
.masthead .wrap{position:relative;z-index:1}
.masthead h1{color:#fff;max-width:20ch}
.masthead .lede{color:#C9D5E1;font-size:1.22rem;max-width:58ch;margin:0}
main{padding:40px 0 72px}

/* ---------- hero (home) ---------- */
.hero{background:radial-gradient(1200px 600px at 78% 40%,#1B3557 0%,var(--navy) 60%);color:#fff;padding:128px 0 0;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:center}
.hero h1{font-size:clamp(2.4rem,5.6vw,4.3rem);color:#fff;max-width:12ch;letter-spacing:-.025em}
.hero .authors{color:#F7DA6A;font-family:var(--sans);font-weight:600;font-size:1.05rem;margin:.2em 0 1em}
.hero .lede{font-size:1.28rem;color:#D3DEE9;max-width:34ch}
.hero figure{margin:0;position:relative}
#field{width:100%;aspect-ratio:1.2/1;display:block}
.hero figcaption{font-size:.8rem;color:#93A6BA;text-align:right;margin-top:-8px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1);margin-top:40px}
.stat{padding:22px 18px;border-left:1px solid rgba(255,255,255,.1)}.stat:first-child{border-left:0;padding-left:0}
.stat b{display:block;font-size:2rem;font-weight:600;color:#fff;line-height:1.1}
.stat span{color:#A8B6C6;font-size:.88rem}
@media (max-width:860px){.hero{padding-top:104px}.hero-grid{grid-template-columns:1fr}.hero figure{order:-1;max-width:520px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0;padding-left:0}}

/* ---------- buttons ---------- */
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#1B1203;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:650;font-size:.98rem;border:1px solid transparent;cursor:pointer}
.btn:hover{background:#F8D547}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.dark .btn.ghost,.hero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}
main .btn.ghost{border-color:var(--line);color:var(--fg)}
button.btn{font-size:1rem}

/* ---------- home sections ---------- */
.section{padding:72px 0}
.section.tight{padding:48px 0}
.section h2:first-child{margin-top:0}
.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:28px}}
.abstract p{font-size:1.06rem}
.callout{border-left:3px solid var(--amber);padding:6px 0 6px 22px}
.callout .bigeq{font-family:var(--math);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.4;color:var(--fg)}
.callout p{font-size:.95rem;color:var(--muted);margin:.6em 0 0}
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.area{text-decoration:none;color:var(--fg);text-align:center;padding:26px 16px 22px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--card)}
.area:hover{border-color:var(--amber)}
.area svg{width:64px;height:64px;color:var(--fg)}
.area h3{margin:.7em 0 .25em;font-size:1.05rem}.area p{font-size:.9rem;color:var(--muted);margin:0 auto;font-family:var(--sans);line-height:1.5}
@media (max-width:860px){.areas{grid-template-columns:repeat(2,1fr)}}
.featured{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feat{text-decoration:none;color:inherit;display:block}
.feat img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-m);display:block;border:1px solid rgba(255,255,255,.08)}
.feat h3{margin:.8em 0 .2em;font-size:1.02rem;color:#fff}.feat p{margin:0;font-size:.9rem;color:#A8B6C6;font-family:var(--sans);line-height:1.5}
.feat:hover h3{color:var(--amber)}
@media (max-width:980px){.featured{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.featured{grid-template-columns:1fr}}
.head-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.head-row a{font-family:var(--sans);font-size:.95rem}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{display:block;text-decoration:none;color:#E6ECF2;background:var(--deep);border:1px solid var(--deep2);border-radius:var(--r-m);padding:22px}
.tile:hover{border-color:var(--amber)}
.tile svg{width:28px;height:28px;color:var(--amber)}
.tile strong{display:block;margin:.7em 0 .2em;font-size:1.02rem;color:#fff}.tile span{font-size:.88rem;color:#A8B6C6;line-height:1.45;display:block}
@media (max-width:860px){.tiles{grid-template-columns:repeat(2,1fr)}}
/* notes (blog) */
.notes{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px}
.post-feature{display:block;text-decoration:none;color:#fff;border-radius:var(--r-l);overflow:hidden;position:relative;min-height:320px;background:var(--navy) url(img/waves.png) center/cover}
.post-feature .over{position:absolute;inset:auto 0 0 0;padding:28px;background:linear-gradient(transparent,rgba(14,27,44,.92) 38%)}
.post-feature h3{font-size:1.5rem;margin:.2em 0 .3em;color:#fff}.post-feature p{margin:0;color:#D3DEE9;font-size:1rem}
.meta{font-size:.82rem;color:var(--muted)}.post-feature .meta{color:#F7DA6A}
.recent{list-style:none;padding:0;margin:0}
.recent li{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);max-width:none}
.recent img{width:72px;height:72px;object-fit:cover;border-radius:var(--r-s)}
.recent a{font-family:var(--sans);font-weight:600;color:var(--fg);text-decoration:none;line-height:1.35}.recent a:hover{color:var(--link)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.chips li a,.chips li span{display:inline-block;font-family:var(--sans);font-size:.85rem;padding:5px 12px;border-radius:999px;background:var(--code);color:var(--fg);text-decoration:none}
@media (max-width:860px){.notes{grid-template-columns:1fr}}
/* authors + publications */
.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.person{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:18px}
.mono{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--amber);font-family:var(--sans);font-weight:700;font-size:1.2rem}
.person strong{font-family:var(--sans);display:block}.person span{font-size:.9rem;color:var(--muted)}
.pubs{list-style:none;padding:0;margin:0}
.pubs li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);max-width:none}
.pubs svg{width:20px;height:20px;color:var(--muted);margin-top:4px}
.pubs a{font-family:var(--sans);font-weight:600;text-decoration:none;color:var(--fg)}.pubs a:hover{color:var(--link)}
.pubs .meta{display:block}
@media (max-width:600px){.people{grid-template-columns:1fr}}
.young-strip{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:24px 28px}
.young-strip p{margin:0;font-size:1.1rem}

/* ---------- content components ---------- */
.lede{font-size:1.2rem;max-width:60ch}
.note{color:var(--muted);font-size:.93rem}
.authors{font-family:var(--sans);font-weight:600}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:20px 22px}.card h3{margin-top:0}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:28px 0}
a.card.link{color:var(--fg);text-decoration:none;display:block}a.card.link:hover{border-color:var(--amber)}a.card.link p{color:var(--muted);font-size:.95rem;margin:.3em 0 0}
.predict{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:var(--r-m);padding:6px 26px 14px;margin:32px 0}
.predict h2{margin-top:.8em}
table{border-collapse:collapse;width:100%;font-size:.93rem;margin:1em 0;display:block;overflow-x:auto;line-height:1.5}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:.85rem;border-bottom-width:2px}
table.results{display:table}@media (max-width:700px){table.results{display:block}}
.files code{font-size:.72rem;word-break:break-all}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--code);border-radius:var(--r-s)}
code{padding:1px 6px;font-size:.85em}pre{padding:16px;overflow-x:auto;font-size:.82rem;line-height:1.5}
pre.cite{white-space:pre-wrap}
.eq{font-family:var(--math);font-size:1.12rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:16px 20px;overflow-x:auto;line-height:1.9}
.eq.big{font-size:1.12rem;margin:22px 0;border-left:3px solid var(--amber)}
.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:8px 24px 14px;margin:24px 0 32px;font-family:var(--sans);font-size:.92rem}
.toc ul{padding-left:1.1em;margin:.3em 0}.toc h2{font-size:1rem;margin:.9em 0 .3em}
ul.cols{columns:2;column-gap:32px}@media (max-width:640px){ul.cols{columns:1}}
blockquote{border-left:3px solid var(--line);margin:1em 0;padding:.2em 1em;color:var(--muted)}
.doc{max-width:74ch}
.placeholder{background:#FFE7B3;color:#5B3D00;padding:0 5px;border-radius:4px;font-weight:700}
.paper-title{font-size:clamp(1.6rem,3.4vw,2.3rem)!important;max-width:30ch!important}
.paper h2{font-size:1.3rem}.paper ul,.paper ol{padding-left:1.3em}
/* framework */
.idea{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:8px 28px 18px;margin:28px 0}
.idea h2{margin-top:.8em}
.layer-label{font-family:var(--sans);font-size:.85rem;font-weight:650;color:var(--amber-ink);margin:1.1em 0 .2em}
.idea details{border-top:1px solid var(--line);padding:10px 0}
.idea summary{cursor:pointer;font-weight:600;font-size:.98rem;list-style-position:outside}
.idea details[open] summary{color:var(--amber-ink)}
.status{font-size:.96rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-bottom:0}
/* equations */
.eqentry{border-top:1px solid var(--line);padding-top:8px;margin-top:26px}
.eqdl{display:grid;grid-template-columns:11em 1fr;gap:8px 18px;margin:14px 0}
.eqdl dt{font-size:.85rem;font-weight:650;color:var(--amber-ink);padding-top:4px}.eqdl dd{margin:0}
@media (max-width:640px){.eqdl{grid-template-columns:1fr}.eqdl dd{margin-bottom:8px}}
.meq{display:flex;align-items:center;gap:14px;margin:10px 0}.meq .eq{flex:1;margin:0;padding:12px 18px}
.eqno{font-family:var(--sans);color:var(--muted);font-size:.85rem;min-width:3em;text-align:right}
.mtext{color:var(--muted);font-size:.96rem;margin:16px 0 6px}
/* validation */
.ok{color:#2F7D32;font-weight:700}.bad{color:#B3261E;font-weight:700}
@media (prefers-color-scheme:dark){.ok{color:#81C784}.bad{color:#EF9A9A}}
.lab{background:var(--navy);color:#E6ECF2;border-radius:var(--r-l);padding:28px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:28px;margin:24px 0}
.lab h3{color:#fff;margin:0 0 .4em}
.lab canvas{width:100%;aspect-ratio:16/10;display:block;background:var(--deep);border-radius:var(--r-m)}
.controls{display:flex;flex-direction:column;gap:18px;font-family:var(--sans);font-size:.95rem}
.controls label{display:flex;flex-direction:column;gap:6px;color:#C9D5E1}
.controls output{color:#fff;font-weight:650}
.controls input[type=range]{accent-color:var(--amber);width:100%}
.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.readout div{background:var(--deep);border-radius:var(--r-s);padding:10px 12px}
.readout b{display:block;font-size:1.25rem;color:#fff}.readout span{font-size:.78rem;color:#A8B6C6}
.verdict{font-family:var(--sans);font-size:.95rem}
.verdict .ok{color:#81C784}.verdict .bad{color:#EF9A9A}
@media (max-width:860px){.lab{grid-template-columns:1fr;padding:20px}}
/* young, glossary, references */
.young{margin:18px 0}.young h2{margin-top:.3em}
.tryit{background:var(--code);border-radius:var(--r-m);padding:12px 16px;font-size:.98rem}
.glossary dt{font-weight:650;margin-top:.9em}.glossary dd{margin:0 0 0 1.2em}
.refs li{margin:.4em 0;font-size:.96rem}
/* updates page */
.post{border-top:1px solid var(--line);padding-top:10px;margin-top:40px}
.post h2{margin-top:.4em}
.post img{width:100%;max-width:760px;border-radius:var(--r-m);display:block;margin:12px 0}

/* ---------- footer ---------- */
footer.site{background:var(--navy);color:#A8B6C6;font-family:var(--sans);font-size:.9rem;padding:48px 0 36px}
footer.site a{color:#D3DEE9;text-decoration:none}footer.site a:hover{color:var(--amber)}
.fcols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.fcols h4{color:#fff;font-size:.95rem;margin:0 0 .6em}.fcols ul{list-style:none;padding:0;margin:0}.fcols li{margin:.35em 0}
.fbrand p{margin:.5em 0;max-width:34ch}
.fbase{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:860px){.fcols{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
img{max-width:100%;height:auto}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{header.site,footer.site,.cta,.menu,.masthead::after{display:none}body{background:#fff;color:#000}.masthead{background:none;color:#000;padding:0}.masthead h1{color:#000}}
.mast-meta{color:#F7DA6A;margin:0 0 .6em}
.mast-authors{color:#F7DA6A;margin:-.1em 0 1em}
.masthead .cta{margin-bottom:0}
.masthead .btn.ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.controls{min-width:0}.controls label,.controls p{width:100%;max-width:none;margin:0}
@media (max-width:600px){.brand small{display:none}.bar{min-height:60px}}
.lab .note{color:#A8B6C6}

/* ---------- rev8: content carried over from the earlier site, restyled ---------- */
.hero .eyebrow{font:600 .78rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:0 0 14px}
.hero .quote{color:#C9D5E2;font-size:1.02rem;max-width:60ch;border-left:3px solid var(--amber);padding-left:14px;margin:0 0 22px}
.pictures{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:18px 0}
.pictures .card{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--amber);border-radius:var(--r-m);padding:18px 22px}
.pictures .card h3{margin-top:.2em}
.pictures .card p{font-size:.98rem;margin-bottom:.4em}
.predict{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--amber);border-radius:var(--r-m);padding:6px 24px 14px;margin:28px 0}
.picture-layer{background:color-mix(in srgb,var(--amber) 9%,var(--card));border-left:4px solid var(--amber);border-radius:var(--r-s);padding:10px 16px;margin:8px 0 12px}
.picture-layer p{margin:.3em 0}
.layer-label{font:600 .8rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--amber-ink);margin:1.1em 0 .2em}
.badge{display:inline-block;font:700 .72rem/1 var(--sans);letter-spacing:.05em;padding:4px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap;vertical-align:middle}
.badge-pass{color:#1E7A46}.badge-fail{color:#B3261E}.badge-partial{color:var(--amber-ink)}
.badge-nty,.badge-norerun,.badge-input,.badge-inherited{color:var(--muted)}
@media (prefers-color-scheme:dark){.badge-pass{color:#6FD39A}.badge-fail{color:#FF8A80}}
.tag{display:inline-block;font:600 .74rem/1.2 var(--sans);padding:3px 8px;border-radius:var(--r-s);background:var(--code)}
.tag-own{background:color-mix(in srgb,var(--amber) 30%,var(--card));color:var(--fg)}
.tag-mixed{background:color-mix(in srgb,var(--blue) 22%,var(--card));color:var(--fg)}
.tag-others{background:var(--code);color:var(--fg)}
article.check{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:6px 22px 12px;margin:18px 0}
article.check>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
article.check>header h3{margin:.8em 0 .4em}
dl.calc{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;margin:10px 0;font-size:.95rem}
dl.calc dt{color:var(--muted);font-weight:600;font-size:.85rem;padding-top:3px}dl.calc dd{margin:0;max-width:none}
@media (max-width:600px){dl.calc{grid-template-columns:1fr}dl.calc dd{margin-bottom:6px}}
section.codeblock{border-top:1px solid var(--line);margin-top:28px}
pre.src,pre.license{white-space:pre;max-height:70vh}
table.originals{display:table}@media (max-width:700px){table.originals{display:block}}
tr.odd td{background:color-mix(in srgb,var(--code) 50%,transparent)}
.dl{font-family:var(--sans);font-size:.95rem}
.carried{border:1px dashed var(--line);border-radius:var(--r-m);padding:4px 22px 12px;margin:28px 0}
.fixbox{background:color-mix(in srgb,var(--amber) 12%,var(--card));border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:var(--r-m);padding:8px 22px 12px;margin:22px 0}
.fixbox h3{margin-top:.6em}
article.doc.record{max-width:none}
main code{overflow-wrap:anywhere;word-break:break-word}main pre code{overflow-wrap:normal;word-break:normal}
main h2,main h3{overflow-wrap:anywhere}
main table{max-width:100%}
.toc a,main td a{overflow-wrap:anywhere;word-break:break-word}
article.record col{width:auto!important}article.record table{table-layout:auto}
article.record table{display:table;width:100%;font-size:.85rem}article.record td,article.record th{overflow-wrap:anywhere;word-break:break-word;padding:8px}
article.record p,article.record li{overflow-wrap:anywhere}

.navtoggle{position:absolute;opacity:0;width:1px;height:1px;margin:0}.menu{cursor:pointer}.navtoggle:focus-visible~.menu{outline:2px solid var(--amber);outline-offset:2px}
.section.flush-top{padding-top:0}.blk{display:block}
.tl{text-align:left}
.w10{width:10%}.w13{width:13%}.w15{width:15%}.w17{width:17%}.w22{width:22%}.w27{width:27%}.w3{width:3%}.w31{width:31%}.w34{width:34%}.w35{width:35%}.w37{width:37%}.w40{width:40%}.w42{width:42%}.w44{width:44%}.w45{width:45%}.w55{width:55%}.w59{width:59%}.w6{width:6%}.w67{width:67%}.w97{width:97%}.w98{width:98%}.w99{width:99%}