:root{ --bg:#f7f7f5; --ink:#111111; --muted:#626262; --line:#d9d8d3; --surface:#ffffff; --surface-2:#eeeeea; --accent:#202020; --focus:#4d4d4d; --radius-sm:4px; --radius-md:8px; --shadow:0 12px 35px rgba(0,0,0,.08); --nav-h:58px; } [data-theme="night"]{ --bg:#101010; --ink:#efefec; --muted:#aaa8a2; --line:#2d2d2a; --surface:#171717; --surface-2:#21211f; --accent:#f4f4ef; --focus:#d8d8d2; --shadow:0 12px 35px rgba(0,0,0,.28); } *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:72px} body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;transition:background .2s ease,color .2s ease} a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:12px;top:-48px;z-index:999;background:var(--ink);color:var(--bg);padding:.55rem .75rem;border-radius:var(--radius-sm)}.skip-link:focus{top:12px} :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.topbar{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:40;background:color-mix(in srgb,var(--surface) 86%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar nav{height:100%}.brand{display:inline-flex;gap:.55rem;align-items:center;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--ink);font-size:.74rem}.top-links{display:flex;gap:.3rem;align-items:center;overflow-x:auto;white-space:nowrap}.top-links a,.theme-toggle{border:1px solid var(--line);background:var(--surface);padding:.42rem .64rem;border-radius:var(--radius-sm);font-size:.82rem;color:var(--muted)}.top-links a:hover,.theme-toggle:hover{color:var(--ink);border-color:var(--ink)}.theme-toggle{min-width:60px}.console-screen{position:relative;min-height:100vh;padding:calc(var(--nav-h) + 24px) 1rem 4.5rem;display:grid;place-items:center;overflow:hidden}.console-screen:before{content:"";position:absolute;inset:72px 18px 70px;border:1px solid var(--line);pointer-events:none}.console-screen:after{content:"";position:absolute;left:50%;top:50%;width:min(76vw,760px);height:min(76vw,760px);transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%;opacity:.55;pointer-events:none}.console-panel{position:relative;z-index:2;width:min(820px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2.5rem);text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.68rem;color:var(--muted);margin:0 0 .65rem}.console-panel h1{font-size:clamp(2rem,5vw,4.6rem);letter-spacing:-.06em;line-height:.96;margin:0 auto 1rem;max-width:760px}.lead{max-width:650px;margin:0 auto;color:var(--muted);font-size:1rem}.title-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:1.5rem auto}.title-icons a,.bottom-icons a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);font-size:1.15rem;transition:transform .16s ease,border-color .16s ease,background .16s ease}.title-icons a:hover,.bottom-icons a:hover{transform:translateY(-2px) scale(1.08);border-color:var(--ink);background:var(--surface)}.console-actions{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.fixed-cluster{position:absolute;z-index:3;display:flex;flex-direction:column;gap:.42rem}.cluster-left{left:24px;top:26vh}.cluster-right{right:24px;top:26vh}.fixed-cluster a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.45rem .7rem;font-size:.82rem;box-shadow:var(--shadow)}.scroll-cue{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);z-index:4;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translate(-50%,110%);z-index:45;width:min(1120px,calc(100% - 18px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-md);padding:.38rem;backdrop-filter:blur(14px);transition:transform .2s ease}.bottom-nav.visible{transform:translate(-50%,0)}.bottom-icons{display:flex;gap:.25rem;justify-content:center;overflow-x:auto}.bottom-icons a{width:32px;height:32px;font-size:1rem;flex:0 0 auto}.chapter-link{display:flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.42rem .58rem;font-size:.78rem;color:var(--muted);white-space:nowrap}.document-shell{min-height:100vh;border-top:1px solid var(--line);padding:4rem 0 5.4rem;background:var(--surface-2)}.doc-heading{max-width:850px;margin:0 0 1.4rem}.doc-heading h2,.audit-panel h2{font-size:clamp(1.7rem,3.5vw,3rem);letter-spacing:-.05em;margin:0 0 .5rem}.doc-heading p{color:var(--muted);max-width:760px}.toolbar{position:sticky;top:calc(var(--nav-h) + 8px);z-index:10;display:flex;gap:.75rem;justify-content:space-between;align-items:center;margin:1rem 0 1.4rem;padding:.55rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.search-box{display:flex;align-items:center;gap:.5rem;min-width:min(420px,100%);color:var(--muted);font-size:.82rem}.search-box input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--radius-sm);padding:.48rem .58rem}.mode-switch{display:flex;gap:.25rem}.mode-switch button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:var(--radius-sm);padding:.45rem .6rem;font-size:.8rem}.mode-switch button.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:.8rem}.chapter-card,.section-card,.audit-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 1px 0 rgba(0,0,0,.02);padding:1rem}.chapter-kicker,.section-chapter{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:700}.chapter-card h3{font-size:1.15rem;letter-spacing:-.03em;margin:.35rem 0}.chapter-card p,.section-card p{color:var(--muted);margin-bottom:0}.sections-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.section-card{min-height:260px;scroll-margin-top:95px}.section-head{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.8rem}.section-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);font-size:1.35rem;flex:0 0 auto}.section-card h3{font-size:1.05rem;letter-spacing:-.03em;margin:.1rem 0 0}.file-list{display:grid;gap:.4rem;margin-top:.9rem}.file-row{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;padding:.55rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.file-row:hover{border-color:var(--ink)}.file-icon{width:26px;text-align:center}.file-copy{display:grid}.file-copy strong{font-size:.88rem}.file-copy small{color:var(--muted);font-size:.76rem}.file-arrow{color:var(--muted)}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-sm);padding:.8rem;color:var(--muted);font-size:.84rem}.audit-panel{margin-top:1rem;display:grid;gap:.8rem}.audit-status{border:1px solid var(--line);background:var(--bg);border-radius:var(--radius-sm);padding:.6rem;color:var(--muted)}.audit-results{display:grid;gap:.38rem;max-height:440px;overflow:auto}.audit-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:.7rem;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.55rem;background:var(--bg)}.audit-row a{font-weight:650;overflow-wrap:anywhere}.audit-row small{color:var(--muted);overflow-wrap:anywhere}.badge-soft{border:1px solid var(--line);border-radius:999px;padding:.2rem .45rem;font-size:.72rem;color:var(--muted)}.site-footer{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:1rem;color:var(--muted);font-size:.82rem;background:var(--surface)}.toast-wrap{position:fixed;right:12px;bottom:76px;z-index:60}.mini-toast{opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;background:var(--ink);color:var(--bg);border-radius:var(--radius-sm);padding:.6rem .75rem;box-shadow:var(--shadow);font-size:.86rem}.mini-toast.show{opacity:1;transform:translateY(0)}.map-list{display:grid;gap:.65rem;margin:0;padding-left:1.2rem}.map-list li a{display:flex;gap:.6rem;font-weight:700}.map-list small{display:block;color:var(--muted);margin-left:1.85rem}.sections-grid.files .section-card{min-height:auto}.sections-grid.files .section-card>p{display:none}.sections-grid.text .section-card{display:block}.sections-grid.text .section-head,.sections-grid.text .file-icon,.sections-grid.text .file-arrow{display:none}.sections-grid.text .file-row{display:block;background:transparent}.is-hidden{display:none!important}@media (max-width:1100px){.sections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fixed-cluster{display:none}}@media (max-width:720px){.top-links{display:none}.console-screen:before{inset:68px 10px 64px}.console-panel{text-align:left}.title-icons,.console-actions{justify-content:flex-start}.chapter-grid,.sections-grid{grid-template-columns:1fr}.toolbar{position:static;display:grid}.mode-switch{overflow-x:auto}.chapter-link span{display:none}.bottom-nav{grid-template-columns:auto 1fr auto}.toast-wrap{left:12px;right:12px}.mini-toast{text-align:center}} /* Link/category differentiation and PDF browser */ .file-row,.pdf-card{--kind-accent:var(--line);--kind-bg:var(--bg)} .link-kind-pdf{--kind-accent:#0f766e;--kind-bg:color-mix(in srgb,#0f766e 9%,var(--bg))} .link-kind-applet{--kind-accent:#2563eb;--kind-bg:color-mix(in srgb,#2563eb 8%,var(--bg))} .link-kind-bot{--kind-accent:#c2410c;--kind-bg:color-mix(in srgb,#c2410c 9%,var(--bg))} .link-kind-external{--kind-accent:#b45309;--kind-bg:color-mix(in srgb,#b45309 9%,var(--bg))} .link-kind-github{--kind-accent:#334155;--kind-bg:color-mix(in srgb,#334155 9%,var(--bg))} .link-kind-tool{--kind-accent:#0369a1;--kind-bg:color-mix(in srgb,#0369a1 9%,var(--bg))} .link-kind-archive{--kind-accent:#7c2d12;--kind-bg:color-mix(in srgb,#7c2d12 9%,var(--bg))} .link-kind-presentation{--kind-accent:#be123c;--kind-bg:color-mix(in srgb,#be123c 8%,var(--bg))} .link-kind-media{--kind-accent:#166534;--kind-bg:color-mix(in srgb,#166534 8%,var(--bg))} .file-row{border-left:4px solid var(--kind-accent);background:var(--kind-bg)} .kind-pill{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--kind-accent) 45%,var(--line));color:var(--kind-accent);background:color-mix(in srgb,var(--kind-accent) 8%,var(--surface));border-radius:999px;padding:.08rem .38rem;margin-right:.28rem;font-size:.68rem;font-weight:750;white-space:nowrap}.filename{color:color-mix(in srgb,var(--muted) 78%,var(--ink));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.72rem}.pdf-library{scroll-margin-top:95px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 1px 0 rgba(0,0,0,.02);padding:1rem;margin:0 0 .8rem}.pdf-library-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;margin-bottom:1rem}.pdf-library h2{font-size:clamp(1.45rem,3vw,2.45rem);letter-spacing:-.05em;margin:0 0 .45rem}.pdf-library p{color:var(--muted);max-width:780px;margin:0}.pdf-library code{font-size:.86em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.04rem .24rem}.pdf-mode-switch{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.pdf-mode-switch button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:var(--radius-sm);padding:.45rem .6rem;font-size:.8rem}.pdf-mode-switch button.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pdf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.pdf-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon summary" "icon filename" "icon open";gap:.18rem .55rem;align-items:start;border:1px solid var(--line);border-left:4px solid var(--kind-accent);border-radius:var(--radius-sm);background:var(--kind-bg);padding:.65rem;min-height:142px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.pdf-card:hover{transform:translateY(-2px);border-color:var(--kind-accent);background:color-mix(in srgb,var(--kind-bg) 75%,var(--surface))}.pdf-symbol{grid-area:icon;display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--kind-accent) 45%,var(--line));border-radius:var(--radius-sm);background:var(--surface);font-size:1.08rem}.pdf-title{grid-area:title;font-weight:780;letter-spacing:-.02em;line-height:1.18}.pdf-summary{grid-area:summary;color:var(--muted);font-size:.8rem}.pdf-filename{grid-area:filename;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.7rem;overflow-wrap:anywhere}.pdf-open{grid-area:open;color:var(--kind-accent);font-weight:750;font-size:.76rem}.pdf-library[data-pdf-mode="icons"] .pdf-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.pdf-library[data-pdf-mode="icons"] .pdf-card{display:grid;place-items:center;min-height:50px;padding:.45rem;border-left-width:1px}.pdf-library[data-pdf-mode="icons"] .pdf-symbol{width:38px;height:38px}.pdf-library[data-pdf-mode="icons"] .pdf-title,.pdf-library[data-pdf-mode="icons"] .pdf-summary,.pdf-library[data-pdf-mode="icons"] .pdf-filename,.pdf-library[data-pdf-mode="icons"] .pdf-open{display:none}.pdf-library[data-pdf-mode="title"] .pdf-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pdf-library[data-pdf-mode="title"] .pdf-card{min-height:82px}.pdf-library[data-pdf-mode="title"] .pdf-summary,.pdf-library[data-pdf-mode="title"] .pdf-filename,.pdf-library[data-pdf-mode="title"] .pdf-open{display:none}.pdf-library[data-pdf-mode="summary"] .pdf-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pdf-library[data-pdf-mode="summary"] .pdf-card{min-height:112px}.pdf-library[data-pdf-mode="summary"] .pdf-filename{display:none}.scanner-policy{border:1px dashed var(--line);border-radius:var(--radius-sm);padding:.55rem;color:var(--muted);font-size:.8rem;background:var(--bg)}.section-card.is-active{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 10%,transparent),var(--shadow)}.audit-row{border-left:4px solid var(--kind-accent,var(--line))}.audit-badge-source{border-color:#0f766e;color:#0f766e}.audit-badge-known{border-color:#334155;color:#334155}.audit-badge-review{border-color:#b45309;color:#b45309}.audit-badge-new{border-color:#0369a1;color:#0369a1}@media (max-width:1100px){.pdf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pdf-library-head{grid-template-columns:1fr}.pdf-mode-switch{justify-content:flex-start}}@media (max-width:720px){.pdf-grid{grid-template-columns:1fr}.pdf-card{min-height:auto}.pdf-mode-switch{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.kind-pill{margin-bottom:.18rem}} /* Ownership reference system and stable filtering */ .link-kind-dataset{--kind-accent:#0e7490;--kind-bg:color-mix(in srgb,#0e7490 9%,var(--bg))} .link-kind-source{--kind-accent:#475569;--kind-bg:color-mix(in srgb,#475569 9%,var(--bg))} .link-kind-main-branch{--kind-accent:#1d4ed8;--kind-bg:color-mix(in srgb,#1d4ed8 8%,var(--bg))} .section-meta{display:flex;flex-wrap:wrap;gap:.28rem;margin-top:.28rem;color:var(--muted);font-size:.72rem;font-weight:720;letter-spacing:.01em}.section-meta span{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:.08rem .4rem}.filter-status{align-self:center;color:var(--muted);font-size:.8rem;border:1px dashed var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:.42rem .55rem}.is-filter-muted{opacity:.27;filter:grayscale(.45);transition:opacity .15s ease,filter .15s ease}.is-filter-hit{outline:2px solid color-mix(in srgb,var(--kind-accent,var(--ink)) 42%,transparent);outline-offset:2px}.reference-page{padding:88px 1rem 2rem;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 80%,var(--surface-2)));min-height:100vh}.reference-hero,.ownership-strip,.reference-tools,.source-map-panel{max-width:1440px;margin:0 auto .9rem}.reference-hero{border:1px solid var(--line);border-radius:var(--radius-md);background:radial-gradient(circle at 100% 0,color-mix(in srgb,#0f766e 13%,transparent),transparent 34%),var(--surface);box-shadow:var(--shadow);padding:clamp(1.1rem,3vw,2rem)}.reference-hero h1{font-size:clamp(2rem,5vw,4.8rem);line-height:.92;letter-spacing:-.08em;max-width:980px;margin:.2rem 0 .7rem}.reference-hero p{color:var(--muted);max-width:980px}.reference-stats{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}.reference-stats span,.legend-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--kind-accent,var(--ink)) 35%,var(--line));background:color-mix(in srgb,var(--kind-bg,var(--surface-2)) 72%,var(--surface));border-radius:999px;padding:.32rem .58rem;font-size:.78rem;font-weight:760;color:color-mix(in srgb,var(--kind-accent,var(--ink)) 82%,var(--ink))}.ownership-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.5fr);gap:1rem;align-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:1rem}.ownership-strip h2{font-size:clamp(1.25rem,3vw,2rem);letter-spacing:-.045em;margin:0}.ownership-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.45rem}.ownership-icons a{display:grid;place-items:center;min-height:58px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);text-decoration:none;position:relative;font-size:1.35rem;transition:transform .14s ease,border-color .14s ease}.ownership-icons a:hover{transform:translateY(-2px);border-color:var(--ink)}.ownership-icons small{position:absolute;right:.28rem;bottom:.2rem;color:var(--muted);font-size:.62rem;font-weight:800}.reference-tools{display:grid;grid-template-columns:minmax(260px,420px) minmax(200px,1fr);gap:.65rem;align-items:start;position:sticky;top:64px;z-index:6;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);padding:.65rem}.category-legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.32rem}.reference-card h2{font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:-.04em;margin:0}.source-structure{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:.7rem;margin-top:.8rem}.source-owner-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:.85rem;box-shadow:0 1px 0 rgba(0,0,0,.02)}.source-owner-head{display:flex;gap:.65rem;align-items:center;margin-bottom:.55rem}.source-owner-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);font-size:1.45rem}.source-owner-card h3{margin:0;font-size:1.05rem;letter-spacing:-.025em}.source-owner-card p{color:var(--muted);font-size:.8rem;margin:.4rem 0 .65rem}.source-owner-links{display:grid;gap:.35rem;max-height:340px;overflow:auto;padding-right:.2rem}.source-link{display:grid;gap:.05rem;border-left:4px solid var(--kind-accent,var(--line));border-radius:var(--radius-sm);background:var(--kind-bg,var(--bg));padding:.42rem .52rem;color:var(--ink);text-decoration:none}.source-link span{font-weight:760;font-size:.84rem}.source-link small{color:var(--muted);font-size:.72rem}.shadow-bonus-live{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;border:1px dashed var(--line);border-radius:var(--radius-md);padding:.7rem;background:radial-gradient(circle at 0 0,color-mix(in srgb,#111 8%,transparent),transparent 40%),var(--surface)}.shadow-bonus-live strong{margin-right:.35rem}.shadow-bonus-live a{color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);padding:.28rem .55rem;font-weight:760}.section-card[data-title*="sheep"]{--kind-accent:#0f766e}.section-card[data-title*="shadow"]{--kind-accent:#111827} @media (max-width:900px){.ownership-strip,.reference-tools{grid-template-columns:1fr}.reference-tools{position:static}.source-structure{grid-template-columns:1fr}} .more-row{--kind-accent:var(--ink);--kind-bg:color-mix(in srgb,var(--ink) 5%,var(--surface));border-style:dashed}.more-row .file-copy small{display:block;color:var(--muted)} /* CSS-aware layout modes */ .layout-audit,.utility-chrome-panel,.chapter-reference,.pdf-only-panel{max-width:1440px;margin:0 auto .9rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 1px 0 rgba(0,0,0,.02);padding:1rem}.layout-audit-head{display:grid;gap:.25rem;margin-bottom:.9rem}.layout-audit h2,.utility-chrome-panel h2,.chapter-reference-card h2,.pdf-only-panel h2{font-size:clamp(1.45rem,3vw,2.6rem);letter-spacing:-.055em;margin:0}.layout-audit p,.utility-chrome-panel p,.chapter-reference-card p,.pdf-only-panel p{color:var(--muted);max-width:920px}.layout-zone-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.layout-zone-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 48%,var(--surface)));padding:.72rem}.layout-zone-card h3{font-size:.98rem;letter-spacing:-.025em;margin:0 0 .25rem}.layout-zone-card p{font-size:.8rem;margin:.2rem 0;color:var(--muted)}.layout-zone-card small{display:block;color:color-mix(in srgb,var(--muted) 82%,var(--ink));font-size:.7rem;line-height:1.4}.layout-zone-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-weight:800}.reference-mode-switch{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.reference-mode-switch button,.manual-highlight{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:var(--radius-sm);padding:.45rem .6rem;font-size:.8rem;font-weight:720}.reference-mode-switch button.active,.reference-mode-switch button:hover,.manual-highlight:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.reference-mode-panel[hidden]{display:none!important}.layout-note{display:grid;gap:.18rem;border:1px dashed var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-2) 68%,var(--surface));padding:.55rem;margin:.75rem 0;color:var(--muted);font-size:.78rem}.layout-note b{color:var(--ink);font-size:.82rem}.layout-note span{font-weight:720}.layout-note small{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:color-mix(in srgb,var(--muted) 80%,var(--ink))}.layout-note em{font-style:normal}.manual-highlight{margin:0 0 .7rem}.chapter-reference{display:grid;gap:.8rem;background:transparent;border:0;padding:0;box-shadow:none}.chapter-reference-card{scroll-margin-top:95px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:1rem;box-shadow:var(--shadow)}.chapter-reference-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:start}.chapter-reference-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);font-size:1.7rem}.chapter-trigger{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.5rem;align-items:center;margin:.85rem 0;border:1px solid color-mix(in srgb,var(--kind-accent,#1d4ed8) 30%,var(--line));border-left:4px solid var(--kind-accent,#1d4ed8);border-radius:var(--radius-sm);background:var(--kind-bg,var(--surface-2));padding:.65rem;color:var(--ink);text-decoration:none}.chapter-trigger span{font-size:1.3rem}.chapter-trigger small{color:var(--muted)}.chapter-section-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 1rem}.chapter-section-pills a{display:inline-flex;align-items:center;gap:.32rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);padding:.25rem .55rem;color:var(--ink);font-size:.78rem;font-weight:750}.chapter-section-pills a:hover{border-color:var(--ink);background:var(--surface)}.branch-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.85rem}.branch-columns h3{font-size:.86rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .45rem}.branch-link-list{display:grid;gap:.38rem}.branch-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon meta";gap:.04rem .5rem;align-items:start;border:1px solid var(--line);border-left:4px solid var(--kind-accent,var(--line));border-radius:var(--radius-sm);background:var(--kind-bg,var(--bg));padding:.5rem;color:var(--ink);text-decoration:none}.branch-row>span{grid-area:icon;display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--kind-accent,var(--line)) 42%,var(--line));border-radius:var(--radius-sm);background:var(--surface)}.branch-row>b{grid-area:title;font-size:.86rem;letter-spacing:-.015em}.branch-row>small{grid-area:meta;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}.branch-main{background:linear-gradient(135deg,color-mix(in srgb,#1d4ed8 8%,var(--surface)),var(--kind-bg,var(--surface-2)));border-left-width:6px}.pdf-only-panel{scroll-margin-top:95px}.pdf-only-head{margin-bottom:.9rem}.utility-chrome-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(260px,1.2fr);gap:1rem;align-items:start}.utility-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.42rem}.utility-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon meta";gap:.04rem .45rem;border:1px dashed var(--line);border-left:4px solid var(--kind-accent,var(--line));border-radius:var(--radius-sm);background:var(--kind-bg,var(--surface-2));padding:.52rem;color:var(--ink);text-decoration:none}.utility-row>span{grid-area:icon}.utility-row>b{grid-area:title;font-size:.84rem}.utility-row>small{grid-area:meta;color:var(--muted);font-size:.72rem}.chapter-reference-card.is-active,.pdf-card.is-active{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent),var(--shadow)}.reference-page[data-reference-mode="chapters"] .ownership-strip,.reference-page[data-reference-mode="pdfs"] .ownership-strip{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface-2) 76%,var(--surface)))} @media (max-width:1200px){.layout-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-tools{grid-template-columns:1fr}.branch-columns,.utility-chrome-panel{grid-template-columns:1fr}} @media (max-width:720px){.layout-zone-grid{grid-template-columns:1fr}.chapter-reference-head,.chapter-trigger{grid-template-columns:1fr}.chapter-reference-icon{width:46px;height:46px}.reference-mode-switch{overflow-x:auto;flex-wrap:nowrap}.reference-mode-switch button{white-space:nowrap}} /* Joyful reference upgrades: warmer palette, clearer target pins, and category glow. */ :root{ --bg:#fff9ed; --ink:#172033; --muted:#667085; --line:#eadfca; --surface:#fffefb; --surface-2:#fff2d7; --accent:#ff7a59; --focus:#00a6a6; --joy:#ffb703; --mint:#49c6a9; --sky:#4ea3f1; --rose:#ff5d8f; --radius-sm:14px; --radius-md:24px; --shadow:0 18px 52px rgba(40,64,84,.13); } [data-theme="night"]{ --bg:#111820; --ink:#f8f4e8; --muted:#b7bdc7; --line:#2b3642; --surface:#17212b; --surface-2:#202b35; --accent:#ff9f7a; --focus:#54d6cf; --joy:#ffd166; --mint:#71dfbe; --sky:#7ab8ff; --rose:#ff85aa; --shadow:0 18px 54px rgba(0,0,0,.36); } body{background:radial-gradient(circle at 7% 7%,color-mix(in srgb,var(--joy) 24%,transparent),transparent 28rem),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--sky) 20%,transparent),transparent 27rem),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 78%,var(--surface-2)));} .topbar{background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 8px 30px rgba(40,64,84,.07)} .brand-mark{border-radius:12px;border:0;background:linear-gradient(135deg,var(--joy),var(--accent));color:#172033;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 22%,transparent)} .top-links a,.theme-toggle,.reference-mode-switch button,.manual-highlight{border-radius:999px;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.top-links a:hover,.theme-toggle:hover,.reference-mode-switch button:hover,.manual-highlight:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(40,64,84,.1)} .top-links a[data-reference-mode-jump="pdfs"],.btn-joy{background:linear-gradient(135deg,var(--joy),var(--accent));border-color:transparent!important;color:#172033!important;font-weight:800;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 22%,transparent)} .reference-hero,.layout-audit,.ownership-strip,.reference-tools,.utility-chrome-panel,.source-map-panel{border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface-2) 82%,transparent));border-color:color-mix(in srgb,var(--line) 70%,var(--joy));box-shadow:var(--shadow)} .reference-hero{position:relative;overflow:hidden}.reference-hero:after{content:"";position:absolute;right:-80px;top:-100px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--joy) 40%,transparent),transparent 67%);pointer-events:none}.reference-hero>*{position:relative;z-index:1} .reference-stats span,.legend-pill,.kind-pill{border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,var(--kind-bg,var(--surface-2)));border:1px solid color-mix(in srgb,var(--kind-accent,var(--line)) 36%,var(--line));box-shadow:0 1px 0 rgba(255,255,255,.55) inset}.legend-pill{display:inline-flex;align-items:center;gap:.35rem}.legend-pill:before{content:"";width:.58rem;height:.58rem;border-radius:50%;background:var(--kind-accent,var(--joy));box-shadow:0 0 0 3px color-mix(in srgb,var(--kind-accent,var(--joy)) 18%,transparent)} .reference-tools{grid-template-columns:minmax(260px,1fr) auto auto auto;gap:.55rem;align-items:center}.reference-tools .category-legend{grid-column:1/-1}.filter-mode-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:38px;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:.35rem .65rem;color:var(--ink);font-weight:800;font-size:.82rem;white-space:nowrap;cursor:pointer}.filter-mode-toggle input{width:1rem;height:1rem;accent-color:var(--accent)}.filter-mode-toggle:has(input:not(:checked)){background:color-mix(in srgb,var(--surface) 76%,var(--sky));border-color:color-mix(in srgb,var(--sky) 42%,var(--line))}.filter-status{align-self:center;justify-self:start;border-radius:999px;background:color-mix(in srgb,var(--mint) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--mint) 35%,var(--line));padding:.43rem .65rem;font-size:.78rem;font-weight:800;color:var(--ink)} .section-card,.chapter-reference-card,.pdf-card,.layout-zone-card,.source-owner-card,.utility-row,.branch-row,.file-row,.source-link{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease,filter .16s ease}.section-card,.chapter-reference-card,.source-owner-card{position:relative;overflow:hidden}.section-card:before,.chapter-reference-card:before,.source-owner-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--kind-accent,var(--accent)),var(--joy),var(--mint));opacity:.9}.section-card:hover,.chapter-reference-card:hover,.pdf-card:hover,.layout-zone-card:hover,.source-owner-card:hover{transform:translateY(-2px)} .section-icon,.chapter-reference-icon,.layout-zone-icon,.source-owner-icon,.file-icon,.pdf-symbol{border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--kind-accent,var(--accent)) 18%,var(--surface)),color-mix(in srgb,var(--joy) 18%,var(--surface-2)));box-shadow:inset 0 1px 0 rgba(255,255,255,.55)} .file-row:hover,.branch-row:hover,.utility-row:hover,.source-link:hover{border-color:var(--kind-accent,var(--accent));box-shadow:0 10px 22px color-mix(in srgb,var(--kind-accent,var(--accent)) 14%,transparent);transform:translateY(-1px)} .is-filter-muted{opacity:.2;filter:saturate(.3) grayscale(.45)}.is-filter-hit{box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 24%,transparent),0 10px 24px rgba(40,64,84,.08)!important} .is-focus-target,.is-owner-preview{position:relative;border-color:var(--joy)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--joy) 35%,transparent),0 16px 38px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow)!important}.is-focus-target{animation:targetPulse .85s ease both}.is-focus-target:after{content:"✨ pinned";position:absolute;right:.7rem;top:.65rem;z-index:3;border-radius:999px;background:linear-gradient(135deg,var(--joy),var(--accent));color:#172033;font-size:.7rem;font-weight:900;letter-spacing:.03em;padding:.22rem .5rem;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 25%,transparent)}.is-owner-preview{transform:translateY(-1px)} .is-owner-link{border-color:var(--joy)!important;background:color-mix(in srgb,var(--joy) 18%,var(--surface))!important;color:var(--ink)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--joy) 22%,transparent)!important}.ownership-icons a.is-owner-link{transform:translateY(-2px) scale(1.08)} @keyframes targetPulse{0%{transform:scale(.992)}55%{transform:scale(1.01)}100%{transform:scale(1)}} .section-card[data-tone="pastoral"]{--kind-accent:#32b889;background:linear-gradient(135deg,color-mix(in srgb,#32b889 12%,var(--surface)),var(--surface))}.section-card[data-tone="pastoral"] .section-chapter:after{content:" · counter garden";color:#0f766e;font-weight:850}.section-card[data-tone="solar"]{--kind-accent:#ffb703;background:linear-gradient(135deg,color-mix(in srgb,#ffb703 18%,var(--surface)),var(--surface))}.section-card[data-tone="solar"] .section-chapter:after{content:" · PDF meadow";color:#b45309;font-weight:850}.section-card[data-tone="archive"]{--kind-accent:#ff7a59;border-style:dashed;background:linear-gradient(135deg,color-mix(in srgb,#ff7a59 13%,var(--surface)),var(--surface-2))}.section-card[data-tone="archive"] .section-chapter:after{content:" · terminal";color:#c2410c;font-weight:850}.section-card[data-tone="tool"],.section-card[data-tone="gear"]{--kind-accent:#4ea3f1}.section-card[data-tone="lab"],.section-card[data-tone="helix"]{--kind-accent:#49c6a9}.section-card[data-tone="shadow"],.section-card[data-tone="atomic"]{--kind-accent:#475569}.chapter-reference-card[data-tone="chapter"]{--kind-accent:var(--sky)} .link-kind-pdf{--kind-accent:#16a34a;--kind-bg:color-mix(in srgb,#16a34a 11%,var(--surface))}.link-kind-applet{--kind-accent:#0284c7;--kind-bg:color-mix(in srgb,#0284c7 10%,var(--surface))}.link-kind-bot{--kind-accent:#f97316;--kind-bg:color-mix(in srgb,#f97316 11%,var(--surface))}.link-kind-tool{--kind-accent:#0891b2;--kind-bg:color-mix(in srgb,#0891b2 11%,var(--surface))}.link-kind-dataset{--kind-accent:#0d9488;--kind-bg:color-mix(in srgb,#0d9488 11%,var(--surface))}.link-kind-presentation{--kind-accent:#e11d48;--kind-bg:color-mix(in srgb,#e11d48 9%,var(--surface))}.link-kind-media{--kind-accent:#65a30d;--kind-bg:color-mix(in srgb,#65a30d 10%,var(--surface))} .pdf-only-panel{padding:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--joy) 15%,var(--surface)),var(--surface))}.pdf-grid{gap:.6rem}.pdf-card{border-radius:18px}.pdf-open{font-weight:900;color:color-mix(in srgb,var(--kind-accent) 80%,var(--ink))}.branch-main{background:linear-gradient(135deg,color-mix(in srgb,var(--joy) 20%,var(--surface)),var(--kind-bg,var(--surface-2)))} @media (max-width:1200px){.reference-tools{grid-template-columns:1fr auto auto}.reference-tools .reference-mode-switch,.reference-tools .category-legend{grid-column:1/-1}} @media (max-width:720px){.reference-tools{grid-template-columns:1fr}.filter-status{justify-self:stretch;text-align:center}.filter-mode-toggle{justify-self:start}.is-focus-target:after{right:.45rem;top:.45rem}} /* Viewport-aware target lighting: visible boxes tint their matching top/bottom links; pinned still glows brighter. */ .is-in-view-target:not(.is-focus-target):not(.is-owner-preview){position:relative;border-color:color-mix(in srgb,var(--mint,#49c6a9) 44%,var(--line))!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mint,#49c6a9) 18%,transparent),0 8px 22px color-mix(in srgb,var(--mint,#49c6a9) 10%,transparent)!important}.is-in-view-target:not(.is-focus-target):not(.is-owner-preview):before{opacity:1}.is-visible-owner-link:not(.is-owner-link){border-color:color-mix(in srgb,var(--mint,#49c6a9) 58%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mint,#49c6a9) 16%,var(--surface)),color-mix(in srgb,var(--joy,#ffd166) 10%,var(--surface)))!important;color:var(--ink)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--mint,#49c6a9) 18%,transparent),0 8px 18px color-mix(in srgb,var(--mint,#49c6a9) 10%,transparent)!important}.bottom-icons a.is-visible-owner-link:not(.is-owner-link),.title-icons a.is-visible-owner-link:not(.is-owner-link),.ownership-icons a.is-visible-owner-link:not(.is-owner-link){transform:translateY(-1px) scale(1.06)}.bottom-icons a.is-owner-link,.title-icons a.is-owner-link,.chapter-link.is-owner-link,.top-links a.is-owner-link{transform:translateY(-2px) scale(1.1)}.chapter-link.is-visible-owner-link:not(.is-owner-link),.top-links a.is-visible-owner-link:not(.is-owner-link),.manual-highlight.is-visible-owner-link:not(.is-owner-link){font-weight:850}.section-card,.chapter-card,.chapter-reference-card,.layout-zone-card,.layout-audit,.ownership-strip,.reference-tools,.reference-hero,.pdf-library,.reference-mode-panel,.utility-chrome-panel,.source-owner-card,.audit-panel,.document-shell,.console-screen{scroll-margin-top:92px}.section-card,.chapter-card,.chapter-reference-card,.source-owner-card,.layout-zone-card{cursor:default}.section-card:hover,.chapter-card:hover,.chapter-reference-card:hover,.source-owner-card:hover,.layout-zone-card:hover{border-color:color-mix(in srgb,var(--joy,#ffd166) 46%,var(--line))}