:root { color-scheme:light; --paper:#f3f0e7; --bright:#fbfaf5; --deep:#e7e2d5; --ink:#17221f; --soft:#56625e; --faint:#7d8581; --line:#cbc8bc; --line-dark:#a8aaa1; --accent:#e2562e; --accent-dark:#b93c1f; --accent-pale:#f8e1d7; --green:#276b5a; --green-pale:#dce9e3; --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 84% 5%,rgb(226 86 46 / 6%),transparent 30rem),var(--paper); font-family:var(--sans); font-size:18px; line-height:1.5; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,select { color:inherit; font:inherit; }
button { cursor:pointer; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.skip-link { position:fixed; z-index:50; top:8px; left:8px; padding:9px 14px; background:var(--ink); color:white; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.site-header { position:relative; z-index:5; width:min(1480px,calc(100% - 48px)); min-height:74px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:11px; }
.brand svg { width:var(--icon-size-brand); height:var(--icon-size-brand); overflow:visible; }
.brand circle { fill:var(--bright); stroke:var(--ink); stroke-width:1.4; }
.brand path { fill:none; stroke:var(--ink); stroke-width:1.4; }
.brand span { display:flex; flex-direction:column; line-height:1.05; }
.brand strong { font-size:17px; }
.brand small { margin-top:5px; color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.site-header nav { display:flex; align-items:center; gap:23px; font-size:14px; font-weight:680; }
.site-header nav a { display:inline-flex; align-items:center; gap:5px; }
.site-header nav a:hover { color:var(--accent-dark); }
.evidence-badge { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--soft); font-family:var(--mono); font-size:12px; letter-spacing:.07em; text-transform:uppercase; }
.evidence-badge i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px var(--green-pale); }
.hero { width:min(1380px,calc(100% - 72px)); min-height:430px; margin:0 auto; display:grid; grid-template-columns:165px minmax(0,1fr) 230px; align-items:end; gap:25px; padding:78px 0 70px; }
.hero-index { align-self:start; margin-top:9px; color:var(--faint); font-family:var(--mono); font-size:13px; line-height:1.7; letter-spacing:.14em; }
.overline { margin:0; color:var(--faint); font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.hero h1 { margin:15px 0 20px; font-family:var(--serif); font-size:clamp(52px,6.4vw,92px); font-weight:400; line-height:.92; letter-spacing:-.05em; }
.hero h1 em { color:var(--accent); font-weight:400; }
.hero-copy>p:last-child { max-width:760px; margin:0; color:var(--soft); font-family:var(--serif); font-size:21px; line-height:1.45; }
.hero-fact { padding-left:24px; border-left:1px solid var(--line-dark); }
.hero-fact span { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.hero-fact strong { display:block; margin:7px 0 2px; color:var(--accent-dark); font-family:var(--serif); font-size:46px; font-weight:400; }
.hero-fact p { margin:0; color:var(--soft); font-size:14px; }
.result-strip { width:min(1480px,calc(100% - 32px)); margin:0 auto 100px; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line-dark); border-left:1px solid var(--line-dark); background:var(--bright); }
.result-strip article { min-height:128px; display:flex; flex-direction:column; justify-content:center; padding:18px 22px; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); }
.result-strip span,.result-strip small { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.07em; text-transform:uppercase; }
.result-strip strong { margin:3px 0; font-family:var(--serif); font-size:34px; font-weight:400; }
.result-strip .agreement { box-shadow:inset 0 4px var(--green); }
.result-strip .agreement strong { color:var(--green); }
.primary-result { width:min(1260px,calc(100% - 72px)); min-height:420px; margin:0 auto 120px; display:grid; grid-template-columns:330px minmax(0,1fr) 250px; border:1px solid var(--line-dark); background:var(--bright); }
.primary-graph { display:grid; place-items:center; border-right:1px solid var(--line); background:linear-gradient(rgb(23 34 31 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 3%) 1px,transparent 1px); background-size:26px 26px; }
.primary-copy { align-self:center; padding:46px; }
.primary-copy h2 { margin:8px 0 13px; font-family:var(--serif); font-size:43px; font-weight:400; letter-spacing:-.03em; }
.primary-copy>p:last-of-type { margin:0; color:var(--soft); font-family:var(--serif); font-size:19px; }
.primary-numbers { display:flex; align-items:center; gap:15px; margin-top:29px; }
.primary-numbers p { margin:0; }
.primary-numbers span { display:block; color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.primary-numbers strong { font-family:var(--serif); font-size:28px; font-weight:400; }
.primary-numbers p:last-child strong { color:var(--accent-dark); }
.primary-numbers i { color:var(--line-dark); font-style:normal; }
.primary-result>aside { display:flex; flex-direction:column; justify-content:center; padding:30px; border-left:1px solid var(--line); background:var(--deep); }
.primary-result>aside span { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.primary-result>aside strong { margin-top:8px; font-family:var(--serif); font-size:25px; font-weight:400; }
.primary-result>aside p { margin:5px 0 16px; color:var(--soft); font-size:13px; }
.primary-result>aside a { display:inline-flex; align-items:center; gap:5px; color:var(--accent-dark); font-size:13px; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.onto2d-reading { width:min(1480px,calc(100% - 32px)); margin:0 auto 120px; }
.reading-heading { width:min(1260px,calc(100% - 40px)); margin:0 auto 32px; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,480px); align-items:end; gap:60px; }
.reading-heading h2 { max-width:780px; margin:8px 0 0; font-family:var(--serif); font-size:clamp(40px,5vw,68px); font-weight:400; line-height:1; letter-spacing:-.04em; }
.reading-heading>p { margin:0 0 6px; color:var(--soft); font-family:var(--serif); font-size:19px; }
.closure-contrast { display:grid; grid-template-columns:360px minmax(0,1fr); border:1px solid var(--line-dark); background:var(--bright); }
.contrast-copy { padding:38px 34px; border-right:1px solid var(--line); }
.contrast-copy h3,.support-boundary h3,.load-probe h3 { margin:8px 0 12px; font-family:var(--serif); font-size:34px; font-weight:400; line-height:1.04; }
.contrast-copy>p:last-of-type,.support-boundary>p,.probe-contract { color:var(--soft); font-size:14px; }
.contrast-copy dl { display:grid; grid-template-columns:repeat(3,1fr); margin:27px 0 0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.contrast-copy dl div { min-width:0; padding:10px 8px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.contrast-copy dt,.support-boundary dt,.probe-result span { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.04em; text-transform:uppercase; }
.contrast-copy dd { margin:3px 0 0; color:var(--accent-dark); font-family:var(--mono); font-size:15px; font-weight:700; }
.closure-flow { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 120px 220px; align-items:center; gap:16px; padding:26px; background:linear-gradient(rgb(23 34 31 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 3%) 1px,transparent 1px); background-size:26px 26px; }
.precursor-stack { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.closure-state { min-width:0; border:1px solid var(--line-dark); background:var(--bright); }
.closure-state>.motif-diagram { display:block; width:100%; height:130px; padding:12px; border-bottom:1px solid var(--line); }
.closure-state>div { display:flex; flex-direction:column; padding:11px 12px; }
.closure-state strong { font-family:var(--mono); font-size:17px; }
.closure-state span { margin-top:2px; color:var(--soft); font-size:12px; }
.closure-state b { margin-top:6px; color:var(--green); font-family:var(--mono); font-size:12px; }
.closure-state.is-closed { box-shadow:inset 0 4px var(--accent); }
.closure-state.is-closed>.motif-diagram { height:180px; }
.closure-state.is-closed b { color:var(--accent-dark); }
.flow-arrow { display:flex; flex-direction:column; align-items:center; gap:8px; color:var(--accent-dark); text-align:center; }
.flow-arrow .ui-icon { width:22px; height:22px; }
.flow-arrow span { color:var(--soft); font-family:var(--mono); font-size:12px; line-height:1.35; text-transform:uppercase; }
.reading-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); border-left:1px solid var(--line-dark); }
.reading-grid>article { min-width:0; padding:34px; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); background:var(--bright); }
.support-boundary dl { display:grid; grid-template-columns:repeat(4,1fr); margin:28px 0 20px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.support-boundary dl div { min-width:0; padding:12px 10px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.support-boundary dd { margin:3px 0 0; font-family:var(--serif); font-size:30px; }
.support-boundary small { display:block; min-height:30px; color:var(--faint); font-size:12px; line-height:1.3; }
.support-boundary .boundary-note { margin:0; padding:13px 15px; border-left:3px solid var(--green); background:var(--green-pale); font-size:12px; }
.boundary-note strong { color:var(--ink); }
.probe-heading { display:flex; align-items:start; justify-content:space-between; gap:24px; }
.probe-heading>div { max-width:360px; }
.probe-heading fieldset { margin:0; padding:0; border:0; }
.probe-heading legend { margin-bottom:6px; color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.probe-heading fieldset>div { display:flex; border:1px solid var(--line-dark); }
.probe-heading button { padding:8px 10px; border:0; border-right:1px solid var(--line); background:var(--bright); color:var(--soft); font-size:12px; }
.probe-heading button:last-child { border-right:0; }
.probe-heading button.is-active { background:var(--ink); color:white; }
.probe-contract { margin:2px 0 17px; }
.probe-paths { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.probe-path { display:flex; flex-direction:column; padding:11px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.probe-path strong { font-family:var(--mono); font-size:14px; }
.probe-path span { color:var(--green); font-size:12px; font-weight:700; }
.probe-path small { margin-top:4px; color:var(--faint); font-family:var(--mono); font-size:12px; }
.probe-path.is-rejected { background:var(--deep); }
.probe-path.is-rejected span { color:var(--accent-dark); }
.probe-result { display:grid; grid-template-columns:repeat(3,1fr); margin-top:16px; border:1px solid var(--line-dark); }
.probe-result>div { padding:12px; border-right:1px solid var(--line); }
.probe-result>div:last-of-type { border-right:0; }
.probe-result strong { display:block; margin-top:3px; font-family:var(--mono); font-size:18px; }
.probe-result .load-value strong { color:var(--accent-dark); }
.probe-result p { grid-column:1/-1; margin:0; padding:12px; border-top:1px solid var(--line); color:var(--soft); font-size:12px; }
.scientific-boundary { display:grid; grid-template-columns:220px 1fr; gap:20px; margin:0; padding:15px 22px; border:1px solid var(--line-dark); border-top:0; background:var(--deep); color:var(--soft); font-size:13px; }
.scientific-boundary strong { color:var(--ink); font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.motif-diagram { width:118px; height:110px; overflow:visible; }
.motif-diagram.is-large { width:230px; height:215px; }
.motif-edges path { fill:none; stroke:var(--soft); stroke-width:1.8; }
.motif-diagram marker path { fill:var(--soft); }
.motif-nodes circle { fill:var(--bright); stroke:var(--ink); stroke-width:1.5; }
.motif-nodes text { fill:var(--ink); font-family:var(--mono); font-size:12px; font-weight:700; text-anchor:middle; }
.primary-graph .motif-edges path { stroke:var(--accent-dark); stroke-width:2.2; }
.primary-graph .motif-diagram marker path { fill:var(--accent-dark); }
.primary-graph .motif-nodes circle { stroke:var(--accent-dark); }
.catalogue { width:min(1480px,calc(100% - 32px)); margin:0 auto 120px; }
.catalogue-header { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:24px; }
.catalogue-header h2 { margin:7px 0 0; font-family:var(--serif); font-size:clamp(39px,4.7vw,64px); font-weight:400; letter-spacing:-.04em; }
.catalogue-controls { display:flex; align-items:end; gap:18px; }
.catalogue-controls fieldset { margin:0; padding:0; border:0; }
.catalogue-controls legend,.catalogue-controls label { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.catalogue-controls fieldset>div { display:flex; margin-top:6px; border:1px solid var(--line-dark); }
.catalogue-controls button { padding:8px 11px; border:0; border-right:1px solid var(--line); background:var(--bright); color:var(--soft); font-size:12px; }
.catalogue-controls button:last-child { border-right:0; }
.catalogue-controls button.is-active { background:var(--ink); color:white; }
.catalogue-controls label { display:flex; flex-direction:column; }
.catalogue-controls select { min-width:165px; margin-top:6px; padding:8px 28px 8px 9px; border:1px solid var(--line-dark); background:var(--bright); font-family:var(--sans); font-size:12px; text-transform:none; }
.reading-guide { display:grid; grid-template-columns:145px 1fr; gap:24px; margin:0 0 20px; padding:14px 17px; border-left:3px solid var(--ink); background:var(--deep); color:var(--soft); font-size:13px; }
.reading-guide strong { color:var(--ink); font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.reading-guide b { color:var(--ink); }
.catalogue-layout { display:grid; grid-template-columns:315px minmax(0,1fr); align-items:start; gap:18px; }
.selected-panel { position:sticky; top:18px; border:1px solid var(--line-dark); background:var(--bright); }
.selected-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px 16px; border-bottom:1px solid var(--line); }
.selected-top h3 { margin:2px 0 0; font-family:var(--mono); font-size:25px; }
.status { padding:4px 6px; background:var(--deep); color:var(--faint); font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.04em; text-align:right; text-transform:uppercase; }
.status.is-enriched { background:var(--accent-pale); color:var(--accent-dark); }
.status.is-under { background:var(--green-pale); color:var(--green); }
.selected-panel>.motif-diagram { display:block; margin:20px auto 8px; }
.selected-panel>h4 { margin:0; padding:0 18px; font-family:var(--serif); font-size:27px; font-weight:400; line-height:1.08; }
.selected-panel>p { margin:8px 0 18px; padding:0 18px; color:var(--soft); font-size:13px; }
.selected-panel dl { display:grid; grid-template-columns:repeat(2,1fr); margin:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.selected-panel dl div { padding:9px 10px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.selected-panel dt,.selected-panel .edge-list span,.selected-panel .identity span { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.selected-panel dd { margin:3px 0 0; font-family:var(--mono); font-size:13px; font-weight:650; }
.edge-list,.identity { display:flex; flex-direction:column; padding:10px 16px; border-top:1px solid var(--line); }
.edge-list code,.identity code { min-width:0; display:block; margin-top:4px; overflow:hidden; font-family:var(--mono); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.identity code { color:var(--soft); }
.motif-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line-dark); border-left:1px solid var(--line-dark); }
.motif-card { min-width:0; display:flex; flex-direction:column; padding:0; border:0; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); background:var(--bright); text-align:left; transition:background .18s ease,box-shadow .18s ease; }
.motif-card:hover { background:#fffef9; }
.motif-card.is-selected { position:relative; z-index:1; box-shadow:inset 0 0 0 3px var(--ink); }
.motif-card.is-enriched { box-shadow:inset 0 4px var(--accent); }
.motif-card.is-enriched.is-selected { box-shadow:inset 0 4px var(--accent),inset 0 0 0 3px var(--ink); }
.motif-card>header { min-height:53px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-bottom:1px solid var(--line); }
.motif-card>header div { display:flex; flex-direction:column; }
.motif-card>header strong { font-family:var(--mono); font-size:15px; }
.motif-card>header small { color:var(--faint); font-family:var(--mono); font-size:12px; }
.motif-card>header>span { max-width:128px; color:var(--faint); font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.03em; text-align:right; text-transform:uppercase; }
.motif-card.is-enriched>header>span { color:var(--accent-dark); }
.motif-card.is-under>header>span { color:var(--green); }
.card-body { min-height:170px; display:grid; grid-template-columns:104px 1fr; align-items:center; padding:8px 11px 11px 4px; }
.card-body .motif-diagram { width:100px; height:94px; }
.card-body h3 { margin:0; font-family:var(--serif); font-size:19px; font-weight:400; line-height:1.08; }
.card-body p { margin:6px 0 0; color:var(--faint); font-size:12px; line-height:1.4; }
.motif-card dl { display:grid; grid-template-columns:repeat(3,1fr); margin:auto 0 0; border-top:1px solid var(--line); }
.motif-card dl div { padding:7px; border-right:1px solid var(--line); text-align:center; }
.motif-card dl div:last-child { border-right:0; }
.motif-card dt { color:var(--faint); font-family:var(--mono); font-size:12px; text-transform:uppercase; }
.motif-card dd { margin:2px 0 0; font-family:var(--mono); font-size:12px; font-weight:650; }
.motif-card.is-enriched dl div:first-child dd,.motif-card.is-enriched dl div:last-child dd { color:var(--accent-dark); }
.motif-card>footer { display:flex; justify-content:space-between; gap:7px; padding:7px 10px; border-top:1px solid var(--line); color:var(--faint); font-family:var(--mono); font-size:12px; }
.motif-card>footer code { color:var(--soft); font:inherit; }
.method { width:min(1260px,calc(100% - 72px)); margin:0 auto 120px; display:grid; grid-template-columns:330px 1fr; gap:62px; }
.method-heading h2 { margin:10px 0 14px; font-family:var(--serif); font-size:42px; font-weight:400; line-height:1.05; }
.method-heading>p:last-child { color:var(--soft); font-size:14px; }
.method ol { margin:0; padding:0; border-top:1px solid var(--line-dark); list-style:none; }
.method li { display:grid; grid-template-columns:45px 1fr; gap:12px; padding:18px 0; border-bottom:1px solid var(--line); }
.method li>span { color:var(--accent-dark); font-family:var(--mono); font-size:12px; }
.method li strong { font-size:15px; }
.method li p { margin:4px 0 0; color:var(--soft); font-size:13px; }
.method-links { grid-column:2; display:flex; justify-content:space-between; gap:20px; }
.method-links a { display:inline-flex; align-items:center; gap:5px; color:var(--accent-dark); font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.site-footer { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:25px max(30px,calc((100vw - 1380px)/2)); border-top:1px solid var(--line-dark); background:var(--deep); color:var(--soft); font-size:12px; }
.site-footer p { font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.site-footer a { display:inline-flex; align-items:center; gap:5px; font-weight:700; }
@media (max-width:1150px) { .hero{grid-template-columns:90px 1fr 190px} .result-strip{grid-template-columns:repeat(3,1fr)} .primary-result{grid-template-columns:270px 1fr} .primary-result>aside{grid-column:1/-1;border-top:1px solid var(--line);border-left:0} .closure-contrast{grid-template-columns:1fr}.contrast-copy{border-right:0;border-bottom:1px solid var(--line)} .reading-grid{grid-template-columns:1fr} .motif-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:820px) { body{font-size:16px} .site-header{width:calc(100% - 30px)} .site-header nav a:not(:first-child){display:none} .evidence-badge{display:none} .hero{width:calc(100% - 40px);min-height:360px;grid-template-columns:1fr;padding:55px 0} .hero-index,.hero-fact{display:none} .result-strip{width:calc(100% - 28px);grid-template-columns:repeat(2,1fr);margin-bottom:75px} .result-strip .agreement{grid-column:1/-1} .primary-result{width:calc(100% - 28px);grid-template-columns:1fr;margin-bottom:80px} .primary-graph{min-height:260px;border-right:0;border-bottom:1px solid var(--line)} .primary-copy{padding:30px} .onto2d-reading{width:calc(100% - 28px);margin-bottom:80px}.reading-heading{width:100%;grid-template-columns:1fr;gap:15px}.closure-flow{grid-template-columns:1fr}.precursor-stack{grid-template-columns:repeat(3,1fr)}.flow-arrow{transform:rotate(90deg)}.flow-arrow span{display:none}.closure-target{width:min(260px,100%);margin:0 auto}.probe-heading{display:block}.probe-heading fieldset{margin-top:18px}.catalogue{width:calc(100% - 28px);margin-bottom:80px} .catalogue-header{display:block} .catalogue-controls{margin-top:20px;flex-wrap:wrap} .catalogue-layout{grid-template-columns:1fr} .selected-panel{position:relative;top:auto} .motif-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .method{width:calc(100% - 36px);grid-template-columns:1fr;gap:25px} .method-links{grid-column:1;flex-direction:column} }
@media (max-width:560px) { .brand small{display:none} .site-header nav a{font-size:12px} .hero h1{font-size:48px} .hero-copy>p:last-child{font-size:17px} .result-strip{grid-template-columns:1fr 1fr} .result-strip article{min-height:105px;padding:13px} .primary-copy{padding:24px 18px} .primary-copy h2{font-size:35px} .primary-numbers{align-items:flex-start;gap:9px} .primary-numbers strong{font-size:21px} .reading-heading h2{font-size:42px}.contrast-copy,.reading-grid>article{padding:24px 18px}.closure-flow{padding:18px 10px}.precursor-stack{grid-template-columns:1fr}.closure-state.is-open{display:grid;grid-template-columns:100px 1fr}.closure-state.is-open>.motif-diagram{height:100px;border-right:1px solid var(--line);border-bottom:0}.support-boundary dl{grid-template-columns:repeat(2,1fr)}.probe-heading fieldset>div{display:grid;grid-template-columns:1fr 1fr}.probe-paths,.probe-result{grid-template-columns:1fr}.probe-result>div{border-right:0;border-bottom:1px solid var(--line)}.probe-result p{grid-column:1}.scientific-boundary{grid-template-columns:1fr;gap:6px}.catalogue-header h2{font-size:43px} .catalogue-controls{display:block} .catalogue-controls label{margin-top:12px} .reading-guide{grid-template-columns:1fr;gap:6px} .motif-grid{grid-template-columns:1fr} .card-body{min-height:145px} .method-heading h2{font-size:36px} .site-footer{display:block}.site-footer p{margin:10px 0} }
@media (prefers-reduced-motion:reduce) { *{scroll-behavior:auto!important;transition-duration:.01ms!important} }