/* Copyright 2026 GuardLatice. Sciences:local CSS, no remote assets. */

/* 1. Palette, type, document flow */
:root {
 color-scheme:light;
 --paper:#f6f3ef;
 --ink:#261e21;
 --muted:#6e6266;
 --accent:#683243;
 --accent-hover:#421322;
 --cover:#38222b;
 --rule:#d8ccc8;
 --field:#8c777e;
 --hover:#eee6e0;
 --page:1200px;
 --gutter:32px;
 --reading:760px;
 --measure:66ch;
 --editorial:Georgia, "Palatino Linotype", Palatino, "Book Antiqua", serif;
 --motion:180ms ease;
}
* { box-sizing:border-box; }
html { scroll-padding-top:24px; }
body {
 margin:0;
 min-height:100vh;
 display:flex;
 flex-direction:column;
 background:var(--paper);
 color:var(--ink);
 font:400 16px/1.7 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 -webkit-font-smoothing:antialiased;
}
button, input, select, textarea, code, pre { font:inherit; }
button, input, select { color:inherit; }
a {
 color:inherit;
 text-underline-offset:4px;
 text-decoration-thickness:1px;
}
a:hover { color:var(--accent); }
:focus-visible {
 outline:2px solid var(--accent);
 outline-offset:4px;
}
#main:focus { outline:none; }
h1, h2, h3, p, ul, ol, dl, blockquote { margin:0; }
h1, h2, h3 { font-weight:500; line-height:1.25; }
h1, h2, h3, p, li, dd, a { overflow-wrap:anywhere; }
h1 {
 font:400 clamp(2.3rem, 4vw, 3.5rem)/1.1 var(--editorial);
 letter-spacing:-.035em;
}
h2 { font-size:1.25rem; letter-spacing:-.015em; }
h3 { font-size:1.125rem; letter-spacing:-.01em; }
p + p { margin-top:16px; }
::selection { background:#e4c8d0; color:var(--ink); }
.masthead, main, .footer {
 width:calc(100% - var(--gutter) * 2);
 max-width:var(--page);
 margin-inline:auto;
}
main { flex:1; min-width:0; }
.home main { width:100%; max-width:none; }
.overline {
 font-size:.75rem;
 font-weight:500;
 line-height:1.5;
 letter-spacing:.12em;
 text-transform:uppercase;
 color:var(--muted);
}
.lead { max-width:var(--measure); margin-top:20px; color:var(--muted); }
.hero { padding:64px 0 40px; }
.text-link, .source-link, .citation-link {
 display:inline-flex;
 align-items:center;
 min-height:44px;
 max-width:100%;
 color:var(--accent);
 font-size:.875rem;
 line-height:1.6;
}
.source-link { font-weight:500; }
.citation-link { color:var(--muted); }
.link-arrow { display:inline-block; flex-shrink:0; margin-left:8px; }
.button-dark, .site-nav .start-link, .search-form button {
 border:1px solid var(--accent);
 border-radius:6px;
 background:var(--accent);
 color:#fff;
 transition:background-color var(--motion);
}
.button-dark:hover, .site-nav .start-link:hover, .search-form button:hover { background:var(--accent-hover); color:#fff; }
.button-dark {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:16px;
 min-height:48px;
 padding:11px 20px;
 font-size:.875rem;
 line-height:1.5;
 text-decoration:none;
}

/* 2. Navigation and native disclosure panels */
.masthead {
 position:relative;
 z-index:10;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:24px;
 min-height:84px;
}
.brand {
 display:inline-flex;
 align-items:center;
 flex-shrink:0;
 gap:10px;
 min-width:32px;
 min-height:44px;
 text-decoration:none;
 white-space:nowrap;
}
.brand-mark {
 width:24px;
 height:28px;
 flex-shrink:0;
 fill:none;
 stroke:var(--accent);
 stroke-width:1.5;
}
.brand-name {
 color:var(--ink);
 font-size:1.0625rem;
 font-weight:600;
 letter-spacing:-.035em;
}
.brand-section { color:var(--accent); font-size:.875rem; }
.site-nav {
 display:flex;
 align-items:center;
 gap:24px;
 min-width:0;
 font-size:.875rem;
 line-height:1.4;
}
.site-nav > a {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:44px;
 min-height:44px;
 padding:8px 0;
 text-decoration:none;
 white-space:nowrap;
}
.site-nav a[aria-current] {
 color:var(--accent);
 text-decoration:underline;
 text-underline-offset:6px;
}
.site-nav > a:hover { text-decoration:underline; text-underline-offset:6px; }
.site-nav .start-link {
 gap:12px;
 padding:10px 18px;
}
.site-nav .start-link:hover { text-decoration:none; }
.menu, .account-menu { position:relative; }
.mobile-menu, .menu-panel .mobile-account { display:none; }
:is(.menu, .account-menu, .disclosure) > summary {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:14px;
 min-height:44px;
 cursor:pointer;
 list-style:none;
}
:is(.menu, .account-menu) > summary {
 gap:8px;
 padding:8px 0;
 white-space:nowrap;
}
:is(.menu, .account-menu, .disclosure, .paper) > summary::-webkit-details-marker { display:none; }
:is(.menu, .account-menu, .disclosure, .paper) > summary::marker { content:""; }
:is(.menu, .account-menu, .disclosure) > summary::after {
 content:"";
 display:block;
 flex-shrink:0;
 width:6px;
 height:6px;
 margin:0 2px 3px;
 border-right:1px solid currentColor;
 border-bottom:1px solid currentColor;
 transform:rotate(45deg);
 transition:transform var(--motion);
}
:is(.menu, .account-menu)[open] > summary { color:var(--accent); }
:is(.menu, .account-menu, .disclosure)[open] > summary::after { transform:rotate(225deg); }
.menu-panel, .account-panel {
 position:absolute;
 z-index:20;
 top:calc(100% + 12px);
 right:0;
 max-width:calc(100vw - 32px);
 border:1px solid var(--rule);
 border-radius:6px;
 background:var(--paper);
 box-shadow:0 12px 32px #261e2114;
 white-space:normal;
}
.menu-panel { width:224px; padding:8px 20px; }
.menu-panel > a {
 display:flex;
 align-items:center;
 min-height:44px;
 padding:10px 0;
 text-decoration:none;
}
.menu-panel > a:hover, .footer a:hover, .back-link a:hover { text-decoration:underline; }
.menu-panel .lab-link { margin-top:6px; border-top:1px solid var(--rule); }
.account-panel {
 width:310px;
 padding:24px;
 font-size:.875rem;
 line-height:1.7;
 color:var(--muted);
}
.account-panel > strong { display:block; color:var(--ink); font-size:.9375rem; font-weight:500; }
.account-panel p { margin-top:12px; }
.account-panel a { color:var(--accent); }

/* 3. Cover and BraidCell */
.home .masthead { width:100%; max-width:none; padding-inline:max(var(--gutter), calc((100% - var(--page)) / 2)); border-bottom:1px solid #b27c8a29; background:var(--cover); }
.home .brand-name, .home .site-nav { color:#f4eae3; }
.home .brand-mark { stroke:#d6c8c2; }
.home .brand-section { color:#c9b9bf; }
.home .site-nav > a:hover, .home .site-nav > a[aria-current], .home .menu[open] > summary, .home .account-menu[open] > summary { color:#fff3e9; }
.home .site-nav .start-link { background:#ece6df; border-color:#ece6df; color:#422832; }
.home .site-nav .start-link:hover { background:#fff7ee; color:#421526; }
.home .menu-panel { color:var(--ink); }
.home .brand:focus-visible, .home .site-nav > a:focus-visible, .home .site-nav summary:focus-visible { outline-color:#f5dfcf; }
.cover { overflow:hidden; background:radial-gradient(ellipse at 78% 32%, #8e758124, transparent 65%), var(--cover); color:var(--paper); }
.cover-inner {
 position:relative; isolation:isolate; display:grid;
 grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
 align-items:center; gap:12px; min-height:640px;
 width:calc(100% - var(--gutter) * 2); max-width:var(--page); margin-inline:auto; padding:30px 0 44px;
}
.cover-copy { position:relative; z-index:1; min-width:0; }
.cover .overline { margin-bottom:24px; color:#c7b7be; letter-spacing:.16em; }
.cover h1 { max-width:12ch; font:400 clamp(3.75rem, 7.6vw, 6.5rem)/.98 var(--editorial); letter-spacing:-.055em; }
.cover h1 em { color:#dfd3cf; }
.cover .lead { max-width:38ch; margin-top:30px; color:#d5c9ce; font-size:1rem; line-height:1.75; }
.cover-link { display:inline-flex; align-items:center; gap:20px; min-height:48px; margin-top:26px; color:#f7e9df; font-size:.875rem; text-decoration:none; }
.cover-link > span { display:grid; place-items:center; width:34px; height:34px; border:1px solid #bd909d; border-radius:50%; transition:transform 240ms ease, background-color 240ms ease; }
.cover-link:hover { color:#fff; }
.cover-link:hover > span { transform:translateY(3px); background:#73384a; }
.cover :focus-visible { outline-color:var(--paper); }
.braid-art { display:grid; grid-template-columns:minmax(0, 1fr) auto; grid-template-areas:"stage stage" "caption control"; align-items:center; gap:12px; min-width:0; margin:0; }
.braid-stage { --braid-cycle:20s; grid-area:stage; min-width:0; width:100%; }
.braid-svg { display:block; width:100%; height:auto; max-height:470px; overflow:visible; }
.braid-caption { grid-area:caption; color:#c3b4bc; font-size:.75rem; line-height:1.6; }
.motion-control { grid-area:control; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px 0 8px 12px; color:#dfc7ce; font-size:.75rem; cursor:pointer; }
.motion-control:hover { color:#fff2e8; }
.motion-icon { display:inline-block; width:9px; height:10px; border-inline:3px solid currentColor; }
#braid-motion:focus-visible + .motion-control { outline:2px solid #f7f3ed; outline-offset:4px; }
#braid-motion:checked + .motion-control { color:#fff3e8; }
#braid-motion:checked + .motion-control .motion-icon { border:1px solid; background:currentColor; }
.motion-resume, #braid-motion:checked + .motion-control .motion-pause { display:none; }
#braid-motion:checked + .motion-control .motion-resume { display:inline; }
#braid-motion:checked ~ .braid-stage *, #braid-motion:checked ~ .braid-stage *::before { animation-play-state:paused; }
.motion-reduced { display:none; }
.braid-orbit { transform-origin:50% 50%; transform-box:view-box; animation:braid-drift var(--braid-cycle) ease-in-out infinite; }
.braid-phase-1, .braid-phase-2, .braid-phase-3, .braid-phase-4 { color:#baabb3; animation:braid-phase var(--braid-cycle) linear infinite both; }
.braid-signal { stroke-dasharray:8 92; animation:braid-transmit var(--braid-cycle) linear infinite both; }
.braid-peer-edge, .braid-lock-edge, .braid-commit-edge, .braid-state-edge { animation-name:braid-seal; }
.braid-phase-2, .signal-lock { animation-delay:-15s; }
.braid-phase-3, .signal-commit { animation-delay:-10s; }
.braid-phase-4, .signal-state { animation-delay:-5s; }
.braid-phases { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; padding:0; margin:8px 0 0; list-style:none; border-top:1px solid #c298a23d; }
.braid-phases li { position:relative; padding-top:12px; font-size:.75rem; line-height:1.5; }
.braid-phases li::before { content:""; position:absolute; top:-1px; left:0; width:28px; height:1px; background:currentColor; }
.braid-phases span { display:block; margin-bottom:4px; font:.5625rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }

/* 4. Publication cards */
.reading-index, .resource-index, .corpus-note { max-width:var(--page); margin-inline:auto; }
.home .reading-index, .home .resource-index, .home .corpus-note { width:calc(100% - var(--gutter) * 2); }
.reading-index { padding-top:64px; scroll-margin-top:24px; }
:is(.welcome, .catalogue) .hero + .reading-index,
.catalogue .hero + .resource-index { padding-top:0; }
.index-header {
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:32px;
 margin-bottom:28px;
}
.index-header .overline { margin-bottom:10px; }
.section-description { max-width:38ch; color:var(--muted); font-size:.9375rem; line-height:1.65; }
.index-header h2 {
 font:400 clamp(1.9rem, 3vw, 2.5rem)/1.15 var(--editorial);
 letter-spacing:-.03em;
}
.compact-search {
 display:flex;
 align-items:center;
 flex:0 1 330px;
 min-width:0;
 border-bottom:1px solid var(--field);
}
.compact-search input:not([type=hidden]) {
 flex:1;
 width:100%;
 min-width:0;
 min-height:48px;
 padding:10px 4px 10px 0;
 border:0;
 border-radius:0;
 background:transparent;
 color:var(--ink);
 font-size:1rem;
}
.compact-search input::placeholder { color:var(--muted); opacity:1; }
.compact-search button {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
 width:44px;
 min-height:44px;
 padding:10px;
 border:0;
 border-radius:0;
 background:transparent;
 color:var(--accent);
 cursor:pointer;
 transition:background-color var(--motion);
}
.compact-search button:hover { background:var(--hover); }
.compact-search button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
.paper-list { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:start; gap:28px; }
.paper { min-width:0; overflow:clip; border:1px solid #e2dcd7; border-radius:8px; background:#fbf9f6; scroll-margin-top:24px; transition:border-color 400ms ease; }
.paper > summary { display:grid; grid-template-columns:minmax(0, 1fr) 64px; align-items:center; cursor:pointer; list-style:none; }
.paper-art { grid-column:1 / -1; position:relative; display:block; height:210px; overflow:hidden; content-visibility:auto; }
.paper-art svg { display:block; width:100%; height:100%; }
.art-object { transform-origin:50% 50%; transform-box:view-box; transition:transform 900ms cubic-bezier(.2,.7,.2,1); }
.paper-number { position:absolute; top:20px; left:24px; color:#795560; font:.6875rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.06em; }
.paper-heading { display:block; min-width:0; padding:26px 0 26px 24px; }
.paper-meta { display:block; color:var(--accent); font-size:.8125rem; line-height:1.65; }
.paper-title { display:block; min-height:2.48em; max-width:26ch; margin-top:12px; font:400 clamp(1.5rem, 2.25vw, 1.875rem)/1.24 var(--editorial); letter-spacing:-.03em; }
.paper-author { display:block; margin-top:12px; color:var(--muted); font-size:.8125rem; }
.paper-prompt { display:block; margin-top:22px; color:var(--accent); font-size:.875rem; }
.paper-close, .paper[open] .paper-read { display:none; }
.paper[open] .paper-close { display:inline; }
.paper-toggle { position:relative; align-self:end; justify-self:center; width:34px; height:34px; margin:0 12px 22px 0; border:1px solid #c9aeb6; border-radius:50%; color:var(--accent); }
.paper-toggle::before, .paper-toggle::after { content:""; position:absolute; top:50%; left:50%; background:currentColor; transform:translate(-50%, -50%); }
.paper-toggle::before { width:12px; height:1px; }
.paper-toggle::after { width:1px; height:12px; transition:transform 240ms ease; }
.paper[open] { border-color:#b08893; }
.paper[open] .paper-toggle { background:var(--accent); border-color:var(--accent); color:#fff; }
.paper[open] .paper-toggle::after { transform:translate(-50%, -50%) scaleY(0); }
.paper > summary:focus-visible { outline-offset:-5px; border-radius:8px; }
.paper-body { margin:0 24px; padding:22px 0 28px; border-top:1px solid var(--rule); }
.paper[open] .paper-body { animation:reading-enter 240ms ease-out; }
.paper-abstract { font-size:1rem; line-height:1.8; }
.paper-scope { margin-top:16px; color:var(--muted); font-size:.875rem; line-height:1.75; }
.paper-scope strong { color:var(--ink); font-weight:500; }
.paper-actions { display:flex; align-items:center; flex-wrap:wrap; gap:4px 22px; margin-top:18px; }
.paper:focus-within { border-color:#b7a3aa; }
.paper:focus-within .art-object { transform:translateY(-1px) scale(1.004); }

/* 5. Documentation and seven direct-access resources */
.resource-index { padding-top:72px; scroll-margin-top:24px; }
.resource-list { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.resource-item { display:flex; flex-direction:column; min-width:0; gap:22px; padding:26px; border:1px solid var(--rule); border-radius:8px; transition:border-color 240ms ease, background-color 240ms ease; }
.resource-item:first-child { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:40px; background:#eee4dd; }
.resource-copy { flex:1; min-width:0; }
.resource-kind { color:var(--accent); font-size:.75rem; line-height:1.6; letter-spacing:.07em; text-transform:uppercase; }
.resource-copy h3 { margin-top:10px; font:400 1.4rem/1.3 var(--editorial); letter-spacing:-.02em; }
.resource-summary { max-width:67ch; margin-top:12px; color:var(--muted); font-size:.9375rem; line-height:1.75; }
.resource-actions { display:flex; align-items:flex-start; flex-wrap:wrap; gap:4px 20px; }
.resource-item:first-child .resource-actions { flex-direction:column; }
.resource-item:focus-within { border-color:#a77d88; }
.corpus-note { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-top:40px; padding-top:22px; color:var(--muted); font-size:.875rem; line-height:1.75; }
.corpus-note p { max-width:78ch; }
.corpus-note .text-link { flex-shrink:0; }
@media (hover:hover) and (pointer:fine) {
 .paper:hover { border-color:#b7a3aa; }
 .paper:hover .art-object { transform:translateY(-1px) scale(1.004); }
 .resource-item:hover { background:#f1e9e2; border-color:#b4919b; }
}

/* 6. Search results and the existing public lists */
.section-head { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:16px; }
.section-head h2 { font-size:1.125rem; font-weight:500; letter-spacing:0; }
.section-note { color:var(--muted); font-size:.875rem; }
.records { list-style:none; padding:0; border-top:1px solid var(--rule); }
.resource-row, .search-row { border-bottom:1px solid var(--rule); }
.record-link {
 display:grid;
 grid-template-columns:minmax(0, 1fr) 16px;
 align-items:center;
 gap:24px;
 min-height:72px;
 padding:26px 0;
 text-decoration:none;
 transition:background-color var(--motion), color var(--motion);
}
.record-link:is(:hover, :focus-visible) { background:var(--hover); }
.record-link:is(:hover, :focus-visible) h3 { color:var(--accent); }
.record-link h3 {
 min-width:0;
 font:400 clamp(1.25rem, 1.8vw, 1.5rem)/1.35 var(--editorial);
 transition:color var(--motion);
}
.record-arrow { display:block; color:var(--muted); font-size:1rem; line-height:1; }
.result-meta, .result-original { margin-top:8px; color:var(--muted); font-size:.8125rem; line-height:1.6; }
.search-excerpt { max-width:70ch; margin-top:12px; font-size:.9375rem; line-height:1.75; }
.record-copy { min-width:0; }
.search-form {
 display:grid;
 grid-template-columns:minmax(0, 1fr) 228px auto;
 align-items:end;
 gap:16px;
 margin-bottom:40px;
}
.search-form label { display:block; margin-bottom:8px; font-size:.875rem; }
.search-form input, .search-form select {
 width:100%;
 min-width:0;
 min-height:48px;
 padding:10px 12px;
 border:1px solid var(--field);
 border-radius:6px;
 background:var(--paper);
 color:var(--ink);
 font-size:1rem;
}
.search-form input::placeholder { color:var(--muted); opacity:1; }
.search-form button {
 min-height:48px;
 padding:11px 22px;
 font-size:.875rem;
 cursor:pointer;
}
.form-help { grid-column:1 / -1; color:var(--muted); font-size:.875rem; }
.search-query { margin:0 0 24px; font-size:.9375rem; }
.search-reset { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); font-size:.875rem; }
.empty-state { max-width:var(--measure); padding-top:24px; border-top:1px solid var(--rule); }
.links { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 24px; margin-top:16px; }

/* 7. Scientific notices, references and method */
.detail main, .method main { max-width:var(--reading); }
.back-link { margin-top:24px; color:var(--muted); font-size:.875rem; }
.back-link a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.detail .hero { padding:24px 0; }
.detail h1 { font-size:clamp(2rem, 3.7vw, 3rem); line-height:1.15; letter-spacing:-.025em; }
.document-original { margin-top:20px; color:var(--muted); font-size:.9375rem; line-height:1.65; }
.document-type { margin-bottom:12px; color:var(--muted); font-size:.8125rem; line-height:1.5; }
.authors { margin-top:16px; color:var(--muted); font-size:.875rem; }
.reading-body { font-size:1.0625rem; line-height:1.8; }
.reading-body > section { max-width:var(--measure); margin-bottom:32px; }
.reading-body > section > h2 { margin-bottom:14px; font-size:1.25rem; font-weight:500; }
.caption { color:var(--muted); font-size:.875rem; }
.reading-body section > .caption { margin-top:16px; }
.reading-actions, .reading-nav, .welcome-guide { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; }
.reading-actions { margin:24px 0 0; }
.reading-actions > a { min-height:44px; padding:9px 16px; border:1px solid var(--rule); border-radius:6px; text-decoration:none; }
.reading-actions > a:first-child { background:var(--accent); border-color:var(--accent); color:#fff; }
.reading-actions > a:first-child:hover { background:var(--accent-hover); }
.reading-nav { margin-bottom:36px; padding:8px 0; border-block:1px solid var(--rule); }
.reading-nav a, .welcome-guide a { display:inline-flex; align-items:center; min-height:44px; font-size:.875rem; color:var(--accent); }
.welcome-guide { margin:-16px 0 36px; }
.catalogue .page-index-title, .welcome .page-index-title { font-size:1.25rem; letter-spacing:-.015em; }
.continue-reading { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; margin-top:40px; padding-top:24px; border-top:1px solid var(--rule); }
.continue-reading a { min-width:0; padding:18px; border:1px solid var(--rule); border-radius:8px; text-decoration:none; }
.continue-reading a:hover { background:var(--hover); }
.continue-label { display:block; margin-bottom:8px; color:var(--muted); font-size:.8125rem; }
.continue-title { display:block; font:400 1.25rem/1.4 var(--editorial); }
.disclosure { border-top:1px solid var(--rule); }
.disclosure:last-child { border-bottom:1px solid var(--rule); }
.disclosure > summary { padding:20px 0; font-size:1.125rem; line-height:1.6; }
.disclosure > summary:hover { color:var(--accent); }
.disclosure > summary h2 { min-width:0; font-size:inherit; font-weight:500; letter-spacing:0; }
.disclosure-body { max-width:var(--measure); padding:0 0 24px; font-size:1rem; line-height:1.8; }
.disclosure-body > h3, .reading-body > section > h3 { margin:24px 0 8px; }
.metadata { margin:0 0 24px; }
.metadata > div { display:grid; grid-template-columns:128px minmax(0, 1fr); gap:16px; padding:8px 0; }
.metadata dt { color:var(--muted); font-size:.875rem; }
.metadata dd { margin:0; font-size:.9375rem; }
.metadata a, .citation a { display:inline-block; max-width:100%; min-height:44px; padding:8px 0; }
.citation { margin:0 0 16px; font-size:1rem; }
.citation-code {
 margin:24px 0 0;
 padding:16px 0;
 border-top:1px solid var(--rule);
 border-bottom:1px solid var(--rule);
 font-size:.8125rem;
 line-height:1.75;
 white-space:pre-wrap;
 overflow-wrap:anywhere;
 tab-size:2;
}
.reading-list { padding-left:20px; margin:16px 0 24px; }
.reading-list li { padding-left:4px; margin:8px 0; }
.steps { padding-left:22px; margin:24px 0 0; }
.steps > li { padding-left:8px; margin:0 0 24px; }
.steps > li::marker { color:var(--muted); font-size:.8125rem; }
.steps h3 { margin-bottom:8px; }
.case { margin-top:24px; padding-top:24px; border-top:1px solid var(--rule); }
.case h3 { margin-bottom:8px; }
.case p { margin-bottom:16px; }
.case .metadata { margin-bottom:0; }
.error .hero { max-width:var(--reading); }
.access-message { max-width:680px; margin-inline:auto; padding:88px 0 56px; }
.access-message h1 { margin-top:20px; }
.access-message > p:not(.overline) { max-width:49ch; margin-top:24px; color:var(--muted); }
.access-message .button-dark { margin-top:28px; }

/* 8. Footer and keyboard access */
.footer {
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:20px;
 margin-top:64px;
 padding:26px 0 30px;
 border-top:1px solid var(--rule);
 color:var(--muted);
 font-size:.875rem;
 line-height:1.5;
}
.footer-identity { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; }
.footer-identity > span { color:var(--ink); }
.footer a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.footer nav { display:flex; flex-wrap:wrap; gap:8px 24px; }
.skip {
 position:absolute;
 z-index:100;
 top:12px;
 left:20px;
 min-height:44px;
 padding:10px 16px;
 border:1px solid var(--accent);
 background:var(--paper);
 color:var(--accent);
 transform:translateY(-200%);
}
.skip:focus { transform:translateY(0); }
.visually-hidden {
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 overflow:hidden;
 clip-path:inset(50%);
 white-space:nowrap;
 border:0;
}

/* 9. Responsive layout */
@media (max-width:1040px) {
 .site-nav { gap:20px; }
 .site-nav .nav-explore { display:none; }
 .mobile-menu { display:block; }
 .brand { gap:8px; }
 .brand-section { font-size:.8125rem; }
 .cover-inner { grid-template-columns:minmax(0, 1fr) minmax(0, 1.08fr); min-height:570px; }
 .cover h1 { font-size:clamp(3.5rem, 7.6vw, 5rem); }
 .braid-art { grid-template-areas:"stage stage" "caption caption" "control control"; justify-items:center; gap:2px; }
 .braid-caption { text-align:center; }
 .braid-phases { gap:8px; }
 .paper-art { height:200px; }
 .resource-item { padding:22px; }
}
@media (max-width:760px) {
 :root { --gutter:24px; }
 .masthead { min-height:76px; gap:20px; }
 .brand-name { display:none; }
 .brand-section { font-size:.875rem; }
 .site-nav { position:relative; gap:18px; }
 .menu, .account-menu { position:static; }
 .reading-index, .resource-index { padding-top:48px; }
 .index-header { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:24px; }
 .compact-search { flex:none; width:100%; max-width:420px; }
 .corpus-note { flex-direction:column; gap:8px; }
 .hero { padding:48px 0 36px; }
 .record-link { gap:20px; padding:20px 0; }
 .search-form { grid-template-columns:minmax(0, 1fr) auto; }
 .search-field { grid-column:1 / -1; }
 .access-message { padding-top:60px; }
 .footer { margin-top:48px; }
 .cover-inner { grid-template-columns:minmax(0, 1fr); gap:18px; min-height:0; padding:40px 0 32px; }
 .cover-copy { max-width:620px; }
 .cover h1 { font-size:clamp(3.5rem, 11vw, 5rem); }
 .cover .lead { max-width:42ch; margin-top:24px; }
 .braid-art { width:100%; max-width:560px; margin-inline:auto; }
 .braid-svg { max-height:420px; }
 .paper-list { grid-template-columns:minmax(0, 1fr); gap:24px; }
 .paper > summary { grid-template-columns:minmax(0, 1fr) 50px; }
 .paper-art { height:210px; }
 .paper-heading { padding:22px 0 24px 22px; }
 .paper-title { font-size:1.75rem; }
 .paper-body { margin-inline:22px; }
 .paper-toggle { margin-right:8px; }
 .resource-list { grid-template-columns:repeat(2, minmax(0, 1fr)); }
 .resource-item:first-child { gap:24px; }
}
@media (max-width:600px) {
 .resource-list { grid-template-columns:minmax(0, 1fr); }
 .resource-item:first-child { grid-template-columns:minmax(0, 1fr); gap:18px; }
 .resource-item:first-child .resource-actions { flex-direction:row; }
}
@media (max-width:540px) {
 :root { --gutter:20px; }
 .masthead { min-height:72px; gap:12px; }
 .brand { gap:7px; }
 .brand-section { font-size:.8125rem; }
 .site-nav { gap:12px; }
 .account-menu { display:none; }
 .menu-panel .mobile-account { display:flex; border-top:1px solid var(--rule); }
 .site-nav .start-link { gap:8px; padding:10px 12px; }
 .site-nav .start-link > span { display:none; }
 .menu > summary { gap:6px; }
 .menu > summary::after { width:5px; height:5px; }
 .reading-index, .resource-index { padding-top:40px; }
 .index-header h2 { font-size:1.9375rem; }
 .compact-search { max-width:none; }
 .corpus-note { margin-top:28px; }
 .hero { padding:40px 0 32px; }
 .section-head { gap:12px; margin-bottom:12px; }
 .record-link { gap:12px; padding:20px 0; }
 .search-form { margin-bottom:32px; }
 .detail .hero { padding:16px 0 24px; }
 .detail h1 { font-size:2rem; }
 .back-link { margin-top:16px; }
 .metadata > div { grid-template-columns:minmax(0, 1fr); gap:0; padding:8px 0; }
 .access-message { padding:48px 0 32px; }
 .access-message h1 { font-size:2.6rem; }
 .access-message > p:not(.overline) { font-size:.9375rem; }
 .footer { gap:12px; padding:24px 0; }
 .footer nav { gap:4px 20px; }
 .cover-inner { gap:12px; padding:36px 0 24px; }
 .cover .overline { margin-bottom:20px; }
 .cover h1 { font-size:clamp(2.75rem, 11.7vw, 3.75rem); line-height:1.02; }
 .cover .lead { max-width:34ch; margin-top:22px; font-size:.9375rem; }
 .cover-link { margin-top:20px; }
 .braid-svg { width:calc(100% + 32px); max-width:none; max-height:none; margin-left:-16px; }
 .braid-phases { gap:6px; }
 .paper-number { top:18px; left:22px; }
 .paper-title { min-height:0; font-size:1.625rem; }
 .paper-prompt { margin-top:18px; }
 .paper-body { padding-bottom:24px; }
 .continue-reading { grid-template-columns:minmax(0, 1fr); }
}
@media (max-width:420px) {
 .search-form { grid-template-columns:minmax(0, 1fr); }
 .search-field, .form-help { grid-column:1; }
 .search-form button { width:100%; }
}
@media (max-width:380px) {
 :root { --gutter:16px; }
 .masthead { gap:10px; }
 .site-nav { gap:10px; }
 .paper-art { height:195px; }
 .paper-title { font-size:1.5rem; }
}

/* 10. Motion and fallbacks */
@keyframes reading-enter { from { opacity:.65; } to { opacity:1; } }
@keyframes braid-drift { 0%, 100% { transform:translateY(0) rotate(-.15deg); } 50% { transform:translateY(-2px) rotate(.15deg); } }
@keyframes braid-phase { 0%, 22% { color:#eee5df; } 25%, 100% { color:#baabb3; } }
@keyframes braid-seal { 0%, 18%, 25%, 100% { color:#baabb3; } 20%, 23% { color:#eee5df; } }
@keyframes braid-transmit {
 0% { opacity:0; stroke-dashoffset:100; }
 2% { opacity:1; stroke-dashoffset:100; }
 18% { opacity:1; stroke-dashoffset:8; }
 20%, 100% { opacity:0; stroke-dashoffset:8; }
}
@media (prefers-reduced-motion:reduce) {
 *, *::before, *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
 #braid-motion, .motion-control { display:none; }
 .motion-reduced { display:block; }
 .braid-signal { stroke-dasharray:none; opacity:.35; }
 .paper:focus-within .art-object, .paper:hover .art-object, .cover-link:hover > span { transform:none; }
}
@media (forced-colors:active) {
 .paper, .resource-item, .continue-reading a, .reading-actions a { border-color:CanvasText; }
 .brand-mark, .compact-search svg { stroke:CanvasText; }
 .reading-actions > a:first-child, .site-nav .start-link { background:ButtonFace; color:ButtonText; }
}
@media print {
 :root { --paper:#fff; --ink:#000; --muted:#333; --accent:#000; --rule:#aaa; }
 body { display:block; min-height:0; font-size:10pt; }
 .masthead, .footer, .skip, .search-form, .compact-search, .back-link,
 .record-arrow, .link-arrow, .braid-art, .paper-art, .reading-nav, .continue-reading,
 .cover-link, .paper-toggle, .paper-prompt { display:none; }
 main, .home main, .detail main, .method main,
 .home .reading-index, .home .resource-index, .home .corpus-note,
 .cover-inner { width:100%; max-width:none; }
 .cover { overflow:visible; background:none; color:#000; }
 .cover-inner { display:block; min-height:0; padding:0 0 20pt; }
 .cover-copy { width:100%; max-width:none; }
 .cover .overline, .cover .lead { color:#333; }
 .cover h1 em { color:#000; }
 h1, .cover h1, .detail h1 { max-width:none; font-size:22pt; }
 .hero, .detail .hero, .access-message { padding:0 0 20pt; }
 .reading-index, .resource-index { padding-top:20pt; }
 .index-header { display:block; margin-bottom:12pt; }
 .index-header h2 { font-size:17pt; }
 .paper-list, .resource-list { display:block; }
 .paper, .resource-item { border:0; border-bottom:1px solid #aaa; border-radius:0; background:none; }
 .resource-item:first-child { display:block; background:none; }
 .paper > summary { display:block; padding:14pt 0 10pt; }
 .paper-heading { padding:0; }
 .paper-title { max-width:none; min-height:0; font-size:14pt; }
 .paper-body, .disclosure-body { display:block !important; max-width:none; margin-inline:0; padding-bottom:14pt; }
 .reading-body, .disclosure-body { font-size:10pt; line-height:1.5; }
 details::details-content { content-visibility:visible; block-size:auto; }
 .paper-abstract { font-size:10pt; }
 .paper-scope { font-size:9pt; }
 .paper-actions { gap:4pt 14pt; margin-top:8pt; }
 .resource-item { display:block; padding:14pt 0; }
 .resource-copy h3 { font-size:14pt; }
 .resource-actions { display:block; padding-top:4pt; }
 .resource-actions a { margin-right:12pt; }
 .corpus-note { display:block; margin-top:14pt; padding-top:10pt; }
 .button-dark, .reading-actions > a:first-child { border-color:#777; background:none; color:#000; }
 a { color:#000; text-decoration:underline; }
 .disclosure > summary { padding:14pt 0 8pt; }
 .disclosure > summary::after { display:none; }
 .disclosure > summary h2 { font-size:11pt; }
 .record-link { display:block; padding:12pt 0; }
 .reading-body > section, .case { max-width:none; break-inside:avoid; }
 .citation-code { font-size:8pt; }
}


/* Published collaborative articles */
.scientific-article .hero{padding-bottom:48px;border-bottom:1px solid var(--rule)}
.scientific-article .hero h1{max-width:18ch}
.article-public-meta{display:flex;flex-wrap:wrap;gap:18px 34px;margin-top:30px;color:var(--muted)}
.article-public-meta div{display:grid;gap:2px}
.article-public-meta dt{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.article-public-meta dd{margin:0;color:var(--ink);font-size:.86rem}
.article-content{padding:62px 0 34px;font:400 1.08rem/1.9 var(--editorial)}
.article-content h2,.article-content h3,.article-content h4{max-width:28ch;margin:2.2em 0 .75em;font-family:var(--editorial);font-weight:500;letter-spacing:-.025em}
.article-content h2{font-size:2rem}.article-content h3{font-size:1.55rem}.article-content h4{font-size:1.2rem}
.article-content p{max-width:68ch;margin:0 0 1.35em}
.article-content ul{max-width:64ch;margin:0 0 1.5em;padding-left:1.4em}
.article-content li{margin:.45em 0}
.article-content pre{max-width:100%;overflow:auto;margin:1.8em 0;padding:22px;border-radius:8px;background:#2b1d23;color:#f8f3f5;font:400 .78rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:700px){.article-public-meta{display:grid;grid-template-columns:1fr 1fr}.article-content{padding-top:42px;font-size:1rem}.article-content h2{font-size:1.65rem}}

.cms-paper-art{display:grid;place-items:center;background:linear-gradient(145deg,#eeeae5,#dfd9d4)}
.cms-paper-sheet{position:relative;width:52%;height:64%;transform:rotate(-4deg);border:1px solid rgba(255,255,255,.82);background:linear-gradient(150deg,#fffdf9,#ece7e1);box-shadow:18px 20px 34px rgba(58,42,48,.13)}
.cms-paper-sheet:before,.cms-paper-sheet:after{content:"";position:absolute;inset:9% -8% -7% 7%;z-index:-1;border:1px solid rgba(255,255,255,.7);background:#e7e0db}
.cms-paper-sheet:after{inset:18% -15% -13% 14%;background:#d9cfd0}
.cms-paper-sheet i{display:block;width:68%;height:1px;margin:13% 0 0 15%;background:#c8bbb7}
.cms-paper-sheet i+i{width:56%;margin-top:10%}
.cms-paper-sheet i+i+i{width:62%}
.cms-paper-sheet b{position:absolute;right:14%;bottom:14%;width:22%;height:22%;border:1px solid #835365;border-radius:50%}
.cms-paper-sheet b:after{content:"";position:absolute;left:25%;right:25%;top:48%;height:1px;background:#835365}


/* Public engagement without a reading wall */
.public-engagement{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:30px}
.public-engagement form{margin:0}
.engagement-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid var(--rule);border-radius:6px;background:transparent;color:var(--ink);font-size:.76rem;font-weight:650;text-decoration:none;cursor:pointer;transition:background var(--motion),border-color var(--motion),color var(--motion)}
.engagement-button:hover,.engagement-button.active{border-color:#bda8af;background:#eee4e7;color:var(--accent)}
.engagement-button.primary{border-color:var(--accent);background:var(--accent);color:#fff}
.engagement-button.primary:hover{background:var(--accent-hover);color:#fff}
.engagement-button span{font-size:1rem;line-height:1}
.engagement-hint{flex-basis:100%;margin-top:2px;color:var(--muted);font-size:.69rem}
.engagement-library-link{margin-left:auto;color:var(--accent);font-size:.75rem;font-weight:650}
.public-notice{max-width:var(--reading);margin:30px auto 0;padding:13px 16px;border:1px solid #d3e3d8;border-radius:6px;background:#edf5ef;color:#2f674c;font-size:.8rem}
.continue-research{margin-top:60px!important;padding:34px;border:1px solid var(--rule);border-radius:8px;background:#fbf8f5}
.continue-research h2{max-width:24ch;margin:7px 0 10px;font:400 1.85rem/1.2 var(--editorial);letter-spacing:-.025em}
.continue-research>p:not(.document-type){max-width:55ch;color:var(--muted)}
.continue-research .public-engagement{margin-top:22px}
@media(max-width:700px){
 .public-engagement{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
 .public-engagement form,.public-engagement .engagement-button{width:100%}
 .public-engagement .engagement-button.primary{grid-column:1/-1}
 .engagement-hint,.engagement-library-link{grid-column:1/-1;margin-left:0}
 .continue-research{padding:24px 20px}
 .continue-research h2{font-size:1.55rem}
}
@media print{
 .public-engagement,.public-notice,.continue-research{display:none!important}
}


/* Immutable artifacts frozen with a published article version */
.public-artifacts{margin-top:62px;padding-top:40px;border-top:1px solid var(--rule)}
.public-artifacts>p{max-width:68ch;color:var(--muted);line-height:1.75}
.public-artifact-list{display:flex;flex-direction:column;margin-top:22px;border-top:1px solid var(--rule)}
.public-artifact-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--rule)}
.public-artifact-list .artifact-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;color:var(--accent);font:700 .68rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.public-artifact-list h3{margin:3px 0 5px;font:400 1.25rem/1.3 var(--editorial)}
.public-artifact-list article p:not(.document-type){max-width:64ch;color:var(--muted);font-size:.88rem;line-height:1.65}
.artifact-integrity{margin-top:7px!important;font-size:.72rem!important}.artifact-integrity code{word-break:break-all;color:var(--ink)}
@media(max-width:620px){.public-artifact-list article{grid-template-columns:36px minmax(0,1fr)}.public-artifact-list .text-link{grid-column:2}.artifact-integrity code{display:block;margin-top:4px}}
@media print{.public-artifacts .text-link{display:none}.public-artifact-list article{break-inside:avoid}}

/* Public reading system: discovery first, motion on request. */
.site-nav .public-login{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.paper-list{gap:0 36px;align-items:stretch}
.publication-card{min-width:0;display:flex;flex-direction:column;padding:26px 0 24px;border-top:1px solid var(--rule)}
.publication-meta{font-size:.75rem;line-height:1.6;color:var(--muted)}
.publication-title{font:400 clamp(1.45rem,2.25vw,1.9rem)/1.25 var(--editorial);letter-spacing:-.025em;margin-top:10px}
.publication-title a{text-decoration:none}
.publication-title a:hover{text-decoration:underline;text-decoration-thickness:1px}
.publication-authors{font-size:.8125rem;color:var(--muted);margin-top:12px}
.publication-summary{font-size:.9375rem;line-height:1.65;color:var(--muted);margin-top:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.publication-read{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;margin-top:14px;font-size:.875rem;font-weight:600;color:var(--accent)}
.publication-card:focus-within .publication-title a{color:var(--accent)}
.collaboration .reading-body{max-width:var(--reading)}
@media(max-width:760px){
.publication-card{padding:20px 0}
.publication-title{font-size:1.5rem;margin-top:8px}
.publication-summary{font-size:.875rem;line-height:1.6;-webkit-line-clamp:2}
.publication-read{margin-top:8px}
}
@media(max-width:540px){.site-nav .public-login{display:none}}
@media print{.publication-card{break-inside:avoid}.publication-summary{display:block;overflow:visible}}

/* Read-first article action; participation remains contextual below the work. */
.scientific-article .public-reading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.scientific-article .public-read-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;background:var(--accent);border:1px solid var(--accent);border-radius:5px;color:#fff;font-size:.875rem;font-weight:600;text-decoration:none}
.scientific-article .public-read-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.scientific-article #article-content{scroll-margin-top:24px}
@media(max-width:540px){.scientific-article .public-reading-actions{margin-top:20px}.scientific-article .public-read-primary{width:100%}}
@media(forced-colors:active){.scientific-article .public-read-primary{background:ButtonFace;color:ButtonText;border-color:ButtonText}}
@media print{.scientific-article .public-reading-actions{display:none}}

/* Quality pass: readable hierarchy, unambiguous native controls. */
.overline{font-size:.8125rem;letter-spacing:.025em;text-transform:none}
.publication-meta{font-size:.8125rem;line-height:1.6}
.article-public-meta dt{font-size:.75rem;letter-spacing:.025em;text-transform:none}
.engagement-hint{font-size:.75rem;line-height:1.65}
.publication-title,.scientific-article h1,.hero h1{ text-wrap:balance }
.publication-read,.scientific-article .public-read-primary{gap:8px}
.collaboration .steps>li{padding-left:12px;margin-bottom:28px}
.collaboration .steps>li::marker{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--accent)}

/* Inline query recovery stays in the public reading flow. */
.catalogue-search-error{max-width:66ch;margin:8px 0 20px;color:var(--accent);font-size:.9375rem;line-height:1.65}
.compact-search input[aria-invalid=true]{box-shadow:inset 0 -2px var(--accent)}
.compact-search input[aria-invalid=true]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(forced-colors:active){.compact-search input[aria-invalid=true]{border-bottom:2px solid CanvasText;box-shadow:none}}

/* Restore the original homepage hero label without changing other pages. */
.home .cover .overline{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}

/* Original homepage refinement: preserve its editorial composition and mechanism. */
.home .masthead{border-bottom-color:#b68e9c30}
.home .cover{background:radial-gradient(ellipse at 78% 45%,#81576438,transparent 62%),linear-gradient(115deg,#342029,#422a35);color:#faf5ef}
.home .cover-inner{min-height:600px;gap:36px;padding:44px 0 48px}
.home .cover h1{font-size:clamp(3.75rem,7.1vw,6rem);line-height:1.02;letter-spacing:-.05em}
.home .cover h1 em{color:#e8d9d3}
.home .cover .overline{color:#d4c0c8;font-size:.75rem;letter-spacing:.13em}
.home .cover .lead{font-size:1.0625rem;line-height:1.7;color:#e0d3d8;max-width:37ch;margin-top:28px}
.home .cover-link{font-size:.9375rem;font-weight:500;margin-top:24px}
.home .cover-link>span{width:38px;height:38px;border-color:#d3aeb9}
.home .braid-svg{max-height:410px}
.home .braid-svg text{fill:#ede2dc}
.home .braid-svg [stroke="#89787e"],.home .braid-svg [stroke="#88757c"]{stroke:#b29ca6}
.home .braid-witness-link{stroke:#d1bec6;opacity:.75}
.home .braid-phases{gap:16px;border-color:#b18b9a66}
.home .braid-phases li{font-size:.8125rem;line-height:1.5;padding-top:14px}
.home .braid-caption{color:#d4c2ca;font-size:.8125rem}
.home .motion-control{font-size:.8125rem;color:#eddee4;min-height:44px}
.home .braid-phase-1,.home .braid-phase-2,.home .braid-phase-3,.home .braid-phase-4{color:#c9b8c1}
.home .reading-index{padding-top:52px}
.home .index-header{margin-bottom:28px}
.home .paper-list{gap:24px 28px}
.home .publication-card{padding:28px 28px 24px;border:1px solid #ded3cf;border-radius:6px;background:#fffcf8}
.home .publication-title{font-size:clamp(1.5rem,2.25vw,1.9rem);line-height:1.28}
.home .publication-authors{color:#61545a}
.home .publication-summary{color:#61545a;line-height:1.7}
.home .publication-read{margin-top:18px}
.home .publication-card:focus-within{border-color:var(--accent)}
@media(max-width:900px){
.home .cover-inner{gap:24px}
.home .cover h1{font-size:clamp(3.5rem,7.5vw,5rem)}
}
@media(max-width:760px){
.home .cover-inner{min-height:0;gap:20px;padding:36px 0 28px}
.home .cover h1{font-size:clamp(3.1rem,10.7vw,4.6rem)}
.home .cover .lead{font-size:1rem;line-height:1.7;max-width:40ch;margin-top:24px}
.home .braid-art{gap:12px;max-width:560px}
.home .braid-svg{max-height:none}
.home .reading-index{padding-top:36px}
.home .paper-list{gap:18px}
.home .publication-card{padding:24px 22px 20px}
}
@media(max-width:540px){
.home .cover-inner{padding:30px 0 24px;gap:12px}
.home .cover .overline{margin-bottom:18px}
.home .cover h1{font-size:clamp(2.75rem,11.7vw,3.75rem)}
.home .cover .lead{font-size:.9375rem;max-width:34ch;margin-top:20px}
.home .cover-link{margin-top:16px}
.home .braid-svg{width:100%;margin-left:0}
.home .braid-phases{gap:8px}
.home .braid-phases li{font-size:.75rem;padding-top:10px}
.home .braid-caption,.home .motion-control{font-size:.75rem}
.home .publication-title{font-size:1.55rem}
.home .index-header h2{font-size:1.9rem}
}
@media print{.home .cover{background:none;color:#000}.home .cover .lead,.home .cover h1 em{color:#222}.home .cover-inner{min-height:0}.home .publication-card{background:none;border-color:#aaa}}

/* Public research family: expressive discovery, calm cataloguing and reading.
   Scoped to public page types; no authentication/editor styles or content changes. */
:is(.catalogue,.method,.collaboration,.detail) .masthead{border-bottom:1px solid var(--rule)}
:is(.home,.catalogue,.method,.collaboration,.detail) .site-nav>a[aria-current]{text-decoration-thickness:2px;text-underline-offset:8px}
:is(.catalogue,.method,.collaboration,.detail) .site-nav .start-link{border-radius:6px}
:is(.catalogue,.method,.collaboration,.detail) .footer{margin-top:72px;padding-top:28px}
:is(.catalogue,.method,.collaboration) main>.hero{padding:52px 0 36px}
:is(.catalogue,.method,.collaboration) main>.hero h1{color:#422832;font-size:clamp(2.75rem,4.7vw,4rem);line-height:1.08;letter-spacing:-.04em;max-width:24ch}
:is(.catalogue,.method,.collaboration) main>.hero .lead{font-size:1.125rem;line-height:1.7;color:#61545a;max-width:54ch}
.catalogue main>.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.catalogue main>.hero .lead{margin:0;max-width:38ch;justify-self:end}
.catalogue .index-header{padding:24px 28px;margin-bottom:8px;background:#eee6e0;border:1px solid #ded3cf;border-radius:8px;align-items:center}
.catalogue .page-index-title{font:400 1.55rem/1.2 var(--editorial)}
.catalogue .compact-search{max-width:430px;min-height:48px;background:#fffcf8;border:1px solid #b5a1a7;border-radius:5px;padding:0 10px 0 14px}
.catalogue .compact-search input{background:transparent;min-height:48px}
.catalogue .compact-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.catalogue .paper-list{gap:0 40px}
.catalogue .publication-card{padding:30px 0;border-top:0;border-bottom:1px solid var(--rule)}
.catalogue .publication-title{font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.25}
.catalogue .publication-authors{font-size:.875rem;color:#61545a}
.catalogue .publication-summary{font-size:1rem;color:#61545a;line-height:1.7}
.catalogue .publication-read{margin-top:auto;padding-top:16px}
.catalogue .search-query,.catalogue .catalogue-search-error{margin:18px 0 22px}
.detail.scientific .back-link{margin-top:22px}
.detail.scientific .scientific-article>.hero{padding:24px 0 32px;border-top:2px solid var(--accent)}
.detail.scientific .scientific-article>.hero h1{max-width:24ch;font-size:clamp(2.1rem,3.6vw,3.25rem);line-height:1.12;letter-spacing:-.035em;color:#422832}
.detail.scientific .scientific-article .lead{font-size:1.125rem;line-height:1.75}
.detail.scientific .authors{color:#61545a;font-size:.9375rem;margin-top:22px}
.detail.scientific .article-public-meta{gap:16px 32px;margin-top:24px;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.detail.scientific .article-public-meta dt{font-size:.8125rem;color:#61545a}
.detail.scientific .article-public-meta dd{font-size:.875rem}
.detail.scientific .scientific-article>.article-content{padding-top:32px;font-size:1.125rem;line-height:1.85}
.detail.scientific .article-content>:first-child{margin-top:0}
.detail.scientific .article-content h2{font-size:1.9rem}
.detail.scientific .article-content h3{font-size:1.5rem}
.detail.scientific .continue-research{background:#eee6e0;border-color:#ded3cf;box-shadow:none}
.method main{max-width:820px}
.method main>.hero{padding-bottom:36px}
.method .disclosure>summary{padding:24px 0;font:400 1.5rem/1.35 var(--editorial);color:#422832}
.method .disclosure>summary h2{font:inherit}
.method .disclosure-body{font-size:1.0625rem;line-height:1.8;padding-bottom:32px}
.method .steps>li{padding-left:10px;margin-bottom:28px}
.method .steps>li::marker{font:400 1.15rem var(--editorial);color:var(--accent)}
.collaboration main{max-width:1080px}
.collaboration main>.hero h1{max-width:22ch}
.collaboration .reading-body{max-width:none}
.collaboration .reading-body>p{max-width:66ch}
.collaboration .reading-nav{margin-top:26px;margin-bottom:40px;padding:10px 0;gap:8px 28px}
.collaboration .reading-body>section{max-width:none;margin-bottom:52px}
.collaboration .reading-body>section>h2{font:400 1.9rem/1.25 var(--editorial);color:#422832;max-width:28ch;margin-bottom:28px}
.collaboration .steps{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:0}
.collaboration .steps>li{margin:0;padding:18px 0 0 8px;border-top:1px solid var(--rule)}
.collaboration .steps>li::marker{font:400 1.15rem var(--editorial);color:var(--accent)}
.collaboration .steps h3{font-size:1.125rem;line-height:1.4;margin-bottom:12px}
.collaboration .steps p{font-size:1rem;line-height:1.75}
.collaboration .case{max-width:760px}
.detail:not(.scientific) .hero h1{color:#422832;line-height:1.12}
.detail:not(.scientific) .reading-body>section>h2{font:400 1.7rem/1.3 var(--editorial);color:#422832}
@media(max-width:760px){
:is(.catalogue,.method,.collaboration) main>.hero{padding:34px 0 28px}
:is(.catalogue,.method,.collaboration) main>.hero h1{font-size:2.6rem;line-height:1.1}
:is(.catalogue,.method,.collaboration) main>.hero .lead{font-size:1rem;line-height:1.7;margin-top:20px}
.catalogue main>.hero{display:block}
.catalogue main>.hero .lead{max-width:40ch}
.catalogue .index-header{padding:20px;gap:20px;align-items:stretch}
.catalogue .compact-search{max-width:none;width:100%}
.catalogue .publication-card{padding:24px 0}
.catalogue .publication-title{font-size:1.6rem}
.catalogue .publication-summary{font-size:.9375rem}
.detail.scientific .scientific-article>.hero h1{font-size:2.1rem}
.detail.scientific .scientific-article>.hero{padding:20px 0 28px}
.detail.scientific .scientific-article>.article-content{font-size:1.0625rem;padding-top:28px;line-height:1.8}
.detail.scientific .article-content h2{font-size:1.6rem}
.detail.scientific .article-public-meta{gap:16px 20px}
.method .disclosure>summary{font-size:1.35rem;padding:22px 0}
.method .disclosure-body{font-size:1rem}
.collaboration .steps{grid-template-columns:1fr;gap:24px}
.collaboration .reading-body>section>h2{font-size:1.6rem}
.collaboration .reading-nav{gap:8px 20px;margin-bottom:32px}
}
@media print{
.catalogue .index-header{background:none;border:0;padding:0}
.catalogue .compact-search{display:none}
:is(.catalogue,.method,.collaboration) main>.hero h1{font-size:28pt;color:#000}
.detail.scientific .scientific-article>.hero h1{font-size:24pt;color:#000}
.detail.scientific .scientific-article>.article-content{font-size:11pt}
.collaboration .steps{display:block}
}

/* 11. Native public search: desktop popover and mobile navigation form. */
.site-nav { gap:clamp(12px, 1.65vw, 24px); }
.search-trigger, .search-close, .navigation-search-field button {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
 min-width:44px;
 min-height:44px;
 border:0;
 background:transparent;
 color:inherit;
 cursor:pointer;
}
.search-trigger { gap:8px; padding:8px 0; font:inherit; }
.search-trigger svg, .search-close svg, .navigation-search-field button svg {
 width:20px;
 height:20px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.5;
 stroke-linecap:round;
}
.site-nav > .search-fallback { display:none; }
.search-trigger:hover { color:var(--accent); }
.home .search-trigger:hover { color:#fff; }
.publication-search-panel {
 position:fixed;
 inset:96px max(var(--gutter), calc((100vw - var(--page)) / 2)) auto auto;
 width:min(440px, calc(100vw - 40px));
 max-height:calc(100dvh - 128px);
 overflow:auto;
 margin:0;
 padding:20px 28px 22px;
 border:1px solid var(--rule);
 border-radius:8px;
 background:var(--paper);
 color:var(--ink);
 box-shadow:0 12px 40px #261e211a;
 opacity:0;
 transform:translateY(-8px);
 transition:opacity 180ms ease, transform 220ms cubic-bezier(.16, 1, .3, 1),
            display 220ms allow-discrete, overlay 220ms allow-discrete;
}
.publication-search-panel:popover-open { opacity:1; transform:translateY(0); }
@starting-style {
 .publication-search-panel:popover-open { opacity:0; transform:translateY(-8px); }
}
.publication-search-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.search-close { margin-right:-12px; border-radius:4px; }
.search-close:hover { background:var(--hover); }
.navigation-search label { display:block; margin-bottom:14px; font-size:1.0625rem; font-weight:500; line-height:1.4; }
.navigation-search-field { display:flex; align-items:center; min-width:0; border:1px solid var(--field); border-radius:5px; background:#fffcf8; }
.navigation-search-field:focus-within { outline:2px solid var(--accent); outline-offset:3px; }
.navigation-search-field input {
 flex:1;
 min-width:0;
 width:100%;
 min-height:48px;
 padding:10px 12px;
 border:0;
 background:transparent;
 color:var(--ink);
 font:inherit;
 font-size:1rem;
}
.navigation-search-field input::placeholder { color:var(--muted); opacity:1; }
.navigation-search-field button { align-self:stretch; color:var(--accent); border-radius:0 4px 4px 0; }
.navigation-search-field button:hover { background:var(--hover); }
.navigation-search p { margin-top:12px; color:var(--muted); font-size:.8125rem; line-height:1.6; }
.publication-search-panel > .text-link { margin-top:12px; }
.mobile-menu .menu-panel { width:320px; padding:16px 20px 10px; }
.mobile-menu .navigation-search { padding-bottom:18px; margin-bottom:8px; border-bottom:1px solid var(--rule); }
.mobile-menu .navigation-search label { font-size:.875rem; margin-bottom:10px; }
@supports not selector(:popover-open) {
 .search-trigger, .publication-search-panel { display:none; }
 .site-nav > .search-fallback { display:inline-flex; }
}
@media (max-width:1040px) {
 .search-trigger, .site-nav > .search-fallback { display:none; }
}
@media (max-width:540px) {
 .mobile-menu .menu-panel { width:min(320px, calc(100vw - var(--gutter) * 2)); }
}
@media (prefers-reduced-motion:reduce) {
 .publication-search-panel { transition:none; transform:none; }
}
@media (forced-colors:active) {
 .publication-search-panel, .navigation-search-field { border-color:CanvasText; }
}
@media print {
 .publication-search-panel { display:none !important; }
}

/* 12. Research-led discovery. Scientific colour belongs to the figure, not a score. */
.catalogue-filters { display:flex; flex-wrap:wrap; align-items:end; gap:16px; padding:24px 0; border-bottom:1px solid var(--rule); margin-bottom:12px; }
.catalogue-filters label { display:grid; gap:8px; flex:1 1 220px; font-size:.8125rem; color:var(--muted); }
.catalogue-filters select { width:100%; min-height:46px; padding:10px 12px; border:1px solid var(--rule); border-radius:4px; background:var(--paper); color:var(--ink); font:inherit; font-size:.9375rem; }
.catalogue-filters button { min-height:46px; padding:10px 20px; background:#284d40; color:#fff; border:1px solid #284d40; border-radius:4px; font:inherit; font-size:.875rem; cursor:pointer; }
.catalogue-filters a { display:inline-flex; align-items:center; min-height:46px; font-size:.8125rem; }
.research-focus, .research-paths { width:calc(100% - var(--gutter) * 2); max-width:var(--page); margin-inline:auto; }
.catalogue .research-paths { width:100%; }
.catalogue .research-paths .index-header { padding:0; margin-bottom:28px; border:0; background:transparent; align-items:start; }
.catalogue .research-paths .index-header h2 { font:400 clamp(1.9rem,3vw,2.5rem)/1.15 var(--editorial); }
.research-focus { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); align-items:center; gap:64px; padding:72px 0; }
.research-focus h2 { max-width:20ch; margin-top:16px; font:400 clamp(2rem,3.6vw,3.4rem)/1.12 var(--editorial); letter-spacing:-.04em; text-wrap:balance; }
.research-focus-intro { max-width:45ch; margin-top:22px; font-size:1.125rem; line-height:1.7; color:var(--muted); }
.research-explanation { display:grid; gap:18px; margin:28px 0; }
.research-explanation dt { margin-bottom:6px; font-size:.8125rem; font-weight:600; color:var(--ink); }
.research-explanation dd { margin:0; font-size:.9375rem; line-height:1.7; color:var(--muted); }
.research-primary { display:inline-flex; align-items:center; gap:20px; min-height:48px; padding:10px 18px; border-radius:5px; background:#284d40; color:#fff; text-decoration:none; font-size:.9375rem; font-weight:500; }
.research-primary:hover { background:#193a2e; color:#fff; }
.research-source { margin-top:18px; font-size:.75rem; line-height:1.7; color:var(--muted); }
.proof-figure { margin:0; padding:28px 28px 22px; background:#e6ece5; border-radius:6px; color:#243e33; }
.proof-figure-heading .overline { color:#355a48; }
.proof-figure-heading>p { margin-top:12px; max-width:28ch; font:400 1.65rem/1.3 var(--editorial); letter-spacing:-.02em; }
.quotient-diagram { display:block; width:100%; max-height:360px; margin-top:16px; overflow:visible; }
.quotient-labels { fill:#294638; font:14px ui-monospace,monospace; }
.quotient-cell { stroke:#c0cec2; stroke-width:1; }
.quotient-cell.reachable { fill:#355c48; stroke:#355c48; }
.quotient-cell.safe-slack { fill:#d5e2d2; }
.quotient-cell.forbidden { fill:#f0e7df; stroke:#d6c9bc; }
.quotient-witness { fill:#f8f5e9; }
.quotient-product { fill:none; stroke:#754b33; stroke-width:1.5; stroke-dasharray:4 4; }
.quotient-cross { fill:none; stroke:#9b3c36; stroke-width:2.5; }
.proof-figure-takeaway { border-top:1px solid #aebfae; padding-top:16px; font-size:.9375rem; line-height:1.6; }
.proof-figure figcaption { margin-top:16px; font-size:.6875rem; line-height:1.6; color:#465c4d; }
.research-paths { padding:24px 0 56px; }
.research-paths .index-header { align-items:start; }
.research-paths .index-header h2 { max-width:26ch; text-wrap:balance; }
.research-path-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; }
.research-path { position:relative; display:flex; flex-direction:column; align-items:start; min-width:0; padding:32px; overflow:hidden; }
.path-preuves { background:#e7ece4; }
.path-verification { background:#e4e9f0; }
.path-distribution { background:#eee5d4; }
.path-composition { background:#eee0e5; }
.research-path .overline { position:relative; padding-right:64px; color:#534d4e; }
.research-path-number { position:absolute; right:24px; top:20px; color:#51434755; font:400 2rem/1 var(--editorial); }
.research-path h3 { position:relative; max-width:28ch; margin-top:18px; font:400 clamp(1.35rem,2.1vw,1.85rem)/1.28 var(--editorial); letter-spacing:-.02em; }
.research-path h3 a { text-decoration:none; }
.research-path h3 a:hover { text-decoration:underline; }
.research-path>p:not(.overline) { margin-top:14px; color:#574e50; font-size:.9375rem; line-height:1.65; }
.research-path-link { display:inline-flex; align-items:center; gap:16px; min-height:44px; margin-top:auto; padding-top:20px; font-size:.8125rem; font-weight:500; color:#49313b; }
.research-path-scope { margin-top:12px; font-size:.8125rem; line-height:1.6; color:#574e50; }
.research-path-scope summary { min-height:44px; display:list-item; cursor:pointer; }
.research-path-scope p { margin:0 0 8px; }
.research-reader-context { margin:22px 0; padding-left:20px; border-left:2px solid #557963; }
.research-reader-question { max-width:46ch; font:400 1.35rem/1.45 var(--editorial); color:#304b3b; }
.research-reader-context summary, .article-provenance summary { display:flex; align-items:center; min-height:44px; gap:12px; font-size:.8125rem; cursor:pointer; color:var(--accent); list-style:none; }
.research-reader-context summary::after, .article-provenance summary::after { content:"+"; font-size:1.15rem; }
.research-reader-context details[open]>summary::after, .article-provenance[open]>summary::after { content:"−"; }
.research-reader-context .research-explanation { margin:8px 0 14px; }
.article-provenance { border-block:1px solid var(--rule); margin-top:18px; }
.article-provenance .lead { font-size:1rem; margin:12px 0; }
.article-provenance .review-scope { margin:0 0 18px; color:var(--muted); font-size:.8125rem; line-height:1.6; }
.detail.scientific .scientific-article>.hero { padding-bottom:24px; }
.detail.scientific .public-reading-actions { margin-top:14px; }
.braid-explanation { display:block; max-width:40ch; margin-top:4px; font-size:.6875rem; line-height:1.5; }
.home .reading-index { border-top:1px solid var(--rule); }
.home .cover-link { padding:8px 16px; border:1px solid #e3d2ce; border-radius:5px; background:#f4e9e1; color:#38222b; gap:16px; }
.home .cover-link:hover { background:#fff8f0; color:#38222b; }
.home .cover-link>span { width:28px; height:28px; border:0; }
.home .cover-link:hover>span { background:transparent; }
.publication-title { text-wrap:balance; hyphens:auto; }
@media(max-width:900px) {
 .research-focus { gap:32px; }
 .research-focus h2 { font-size:2.5rem; }
 .proof-figure { padding:24px 20px; }
}
@media(max-width:760px) {
 .research-focus { grid-template-columns:minmax(0,1fr); gap:28px; padding:40px 0; }
 .research-focus-copy { display:contents; }
 .research-focus-copy>.overline { order:0; }
 .research-focus-copy>h2 { order:1; margin-top:0; }
 .research-focus>.proof-figure { order:2; }
 .research-focus-copy>.research-focus-intro { order:3; margin-top:0; }
 .research-focus-copy>.research-explanation { order:4; margin:0; }
 .research-focus-copy>.research-primary { order:5; justify-self:start; }
 .research-focus-copy>.research-source { order:6; margin-top:0; }
 .research-focus h2 { max-width:25ch; font-size:clamp(2rem,7vw,2.8rem); }
 .research-focus-intro { font-size:1rem; }
 .research-paths { padding:16px 0 32px; }
 .research-path-grid { grid-template-columns:minmax(0,1fr); }
 .research-path { padding:26px 24px; }
 .research-path h3 { max-width:30ch; }
}
@media(max-width:540px) {
 .home .cover-inner { padding:22px 0 20px; gap:6px; }
 .home .cover .overline { margin-bottom:12px; }
 .home .cover .lead { margin-top:16px; line-height:1.6; }
 .home .cover-link { margin-top:12px; }
 .home .braid-art { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"stage stage" "caption control"; justify-items:start; gap:6px 10px; }
 .home .braid-svg { max-height:176px; }
 .home .braid-caption { text-align:left; font-size:.6875rem; }
 .home .braid-explanation { display:none; }
 .home .motion-control { justify-self:end; font-size:.6875rem; padding-left:4px; }
 .home .reading-index { padding-top:32px; }
 .research-explanation { gap:14px; margin:22px 0; }
 .quotient-labels { font-size:18px; }
}
@media(prefers-reduced-motion:no-preference) {
 .quotient-cross { animation:crossing-attention 1200ms ease-out 1; transform-origin:116px 277px; }
 @keyframes crossing-attention { from { opacity:.4; transform:scale(.85); } to { opacity:1; transform:scale(1); } }
}
@media(max-width:360px) {
 .home .braid-phases { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; }
 .home .braid-phases li { overflow-wrap:normal; }
}
@media(forced-colors:active) {
 .research-primary { background:ButtonFace; color:ButtonText; border:1px solid ButtonText; }
 .quotient-cell { fill:Canvas; stroke:CanvasText; }
 .quotient-cell.reachable { fill:Highlight; }
 .quotient-witness { fill:HighlightText; }
 .quotient-labels { fill:CanvasText; }
 .quotient-cross,.quotient-product { stroke:CanvasText; }
}
@media print {
 .research-focus { display:block; }
 .research-focus,.research-paths { width:100%; padding:12pt 0; }
 .research-focus h2 { font-size:24pt; }
 .research-path-grid { display:block; }
 .research-path { background:none; border-top:1px solid #aaa; break-inside:avoid; padding:12pt 0; }
 .research-path-number { display:none; }
 .proof-figure { max-width:400pt; margin-top:16pt; break-inside:avoid; }
}

/* Shared private/public Markdown table styling; never affects non-table pages. */
.markdown-table{max-width:100%;overflow:auto;margin:22px 0;border:1px solid #ded3da;border-radius:8px;scrollbar-gutter:stable}
.markdown-table table{border-collapse:collapse;width:100%;font:inherit;font-size:14px;line-height:1.6;margin:0;background:#fff}
.markdown-table th,.markdown-table td{padding:11px 14px;border-bottom:1px solid #e9e1e6;vertical-align:top;overflow-wrap:anywhere;min-width:90px;max-width:36ch}
.markdown-table th{overflow-wrap:normal;word-break:normal;font-weight:650;background:#f7f2f5;color:#663e53}
.markdown-table tr:last-child td{border-bottom:0}.markdown-table .md-align-left{text-align:left}.markdown-table .md-align-center{text-align:center}.markdown-table .md-align-right{text-align:right}
.markdown-table:focus-visible{outline:2px solid #946079;outline-offset:3px}

/* Admitted raster document pages. Original PDF bytes are never embedded. */
.document-page{margin:22px 0;border:1px solid #e3d7df;border-radius:8px;overflow:hidden;background:#fff;break-inside:avoid}
.document-page>a{display:block;background:#fff;text-decoration:none;line-height:0}
.document-page img{display:block;max-width:100%;width:100%;height:auto;margin:0;object-fit:contain}
.document-page figcaption{padding:9px 14px;border-top:1px solid #eee5ea;background:#faf7f9;color:#755668;font:500 11px/1.5 system-ui,sans-serif;text-align:center}
.document-page a:focus-visible{outline:3px solid #926078;outline-offset:-3px}
.pdf-import-caption{font:500 12px/1.6 system-ui,sans-serif;color:#755668;margin:0 0 18px}
.pdf-import-pages .document-page:first-child{margin-top:0}
.visual-preserved-body .document-page{margin:8px 0}
@media(max-width:640px){.document-page{margin:16px 0;border-radius:5px}.document-page figcaption{padding:8px 10px;font-size:11px}.markdown-import-preview:has(.pdf-import-pages) .article-body{padding:15px 12px}}