* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { min-height: 100vh; color: var(--ink); background: var(--paper-pale); font-family: var(--body); line-height: 1.62; -webkit-font-smoothing: antialiased; }
body::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .24; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E"); }
a { color: var(--blue); text-decoration: none; transition: color var(--ease), transform var(--ease), background var(--ease); }
a:hover { color: var(--red); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--red); outline-offset: 4px; }
img { display: block; max-width: 100%; height: auto; }
.container { width: min(100%, var(--max-w)); margin-inline: auto; padding-inline: clamp(1.15rem, 4vw, 2.25rem); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 2px solid var(--ink); background: color-mix(in srgb, var(--paper-pale) 92%, transparent); backdrop-filter: blur(10px); }
.site-header::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; border-bottom: 1px solid var(--ink); }
.site-logo { display: inline-flex; align-items: center; gap: .65rem; color: var(--ink); font: 800 1.35rem/1 var(--display); letter-spacing: .08em; }
.site-logo-mark { display: grid; place-items: center; width: 2rem; height: 2rem; border: 2px solid var(--ink); border-radius: 50%; color: var(--paper); background: var(--ink); font: 1.45rem/1 Georgia, serif; transform: rotate(-8deg); }
.brand-name { text-transform: lowercase; }
.site-nav { list-style: none; font: 700 .76rem/1.4 var(--utility); text-transform: uppercase; letter-spacing: .05em; }
.site-nav a { color: var(--ink-soft); border-bottom: 2px solid transparent; }
.site-nav a:hover, .site-nav a.active { color: var(--red); border-color: currentColor; }

.hero { position: relative; overflow: hidden; padding-block: clamp(4.5rem, 10vw, 8.5rem) clamp(5rem, 10vw, 8rem); border-bottom: 3px solid var(--ink); background: var(--paper); }
.hero::before { content: 'mindami HOME STUDY DIVISION  •  LESSON 001  •  PLEASE DO NOT FOLD SPINDLE OR AUTOMATE'; position: absolute; left: 0; right: 0; bottom: 0; padding: .42rem 1rem; color: var(--paper-light); background: var(--ink); font: 400 .66rem/1 var(--utility); text-align: center; letter-spacing: .08em; white-space: nowrap; overflow: hidden; }
.hero::after { content: '※'; position: absolute; right: -3rem; top: -8rem; color: var(--red); font: 400 33rem/1 Georgia, serif; opacity: .07; transform: rotate(12deg); }
.hero .container { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.hero-eyebrow, .section-kicker, .card-date { font: 700 .7rem/1.2 var(--utility); letter-spacing: .08em; text-transform: uppercase; }
.hero-eyebrow { display: inline-block; margin-bottom: 1.5rem; padding: .38rem .6rem .3rem; color: var(--paper-light); background: var(--blue); transform: rotate(-1deg); }
.hero h1 { max-width: 11ch; margin-bottom: 1.55rem; font: 800 clamp(4.1rem, 8.6vw, 7.5rem)/.78 var(--display); letter-spacing: -.045em; text-transform: uppercase; text-wrap: balance; }
.hero h1 em { display: block; margin-top: .18em; color: var(--red); font-weight: 600; text-transform: none; transform: rotate(-1.5deg); }
.hero-desc { max-width: 48ch; margin-bottom: 2rem; color: var(--ink); font-size: clamp(1rem, 1.6vw, 1.15rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.hero-fineprint { margin-top: 1.2rem; color: var(--ink-soft); font: italic .72rem/1.4 var(--utility); }
.landing-observations { border-bottom: 2px solid var(--ink); background: var(--paper-pale); }
.landing-observations ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-inline: 1px solid var(--line); list-style: none; }
.landing-observations li { min-width: 0; padding: clamp(1.2rem, 2.5vw, 1.8rem); border-right: 1px dashed var(--line); }
.landing-observations li:last-child { border-right: 0; }
.landing-observations span { display: block; margin-bottom: .55rem; color: var(--red); font: 700 .62rem/1 var(--utility); letter-spacing: .07em; text-transform: uppercase; }
.landing-observations p { max-width: 24ch; font: italic clamp(1rem, 1.8vw, 1.3rem)/1.25 var(--body); text-wrap: balance; }
.specimen { position: relative; min-width: 0; padding: 1rem; border: 2px solid var(--ink); background: color-mix(in srgb, var(--paper-light) 58%, transparent); box-shadow: 9px 9px 0 var(--red); transform: rotate(1.25deg); }
.specimen::before { content: ''; position: absolute; inset: 5px; border: 1px solid var(--line); pointer-events: none; }
.specimen-label { display: inline-block; padding: .25rem .45rem; color: var(--paper-light); background: var(--ink); font: 700 .67rem/1 var(--utility); letter-spacing: .05em; }
.cosmic-fish { width: 100%; overflow: visible; }
.cosmic-fish path, .cosmic-fish circle { vector-effect: non-scaling-stroke; }
.orbit { fill: none; stroke: var(--blue); stroke-width: 2; stroke-dasharray: 5 8; }
.fish-body, .fish-tail { fill: var(--red); fill-opacity: .08; stroke: var(--ink); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.fish-eye { fill: var(--paper-light); stroke: var(--ink); stroke-width: 3; }.fish-pupil { fill: var(--ink); }
.fish-bones, .antenna, .signal-lines, .little-legs, .label-line, .shell-ribs { fill: none; stroke: var(--ink); stroke-width: 3; stroke-linecap: round; }
.signal-lines { stroke: var(--red); }.cosmic-fish text { fill: var(--ink); font: italic 18px var(--utility); }
.half-shell { fill: var(--paper-light); stroke: var(--blue); stroke-width: 3; }
.shell-ribs { stroke: var(--blue); stroke-width: 1.5; opacity: .75; }
.cosmic-fish .planet-label { fill: var(--blue); font: 700 13px var(--utility); letter-spacing: .08em; }
.specimen-stamp { position: absolute; right: 1.2rem; bottom: 1rem; color: var(--red); font: 700 .68rem/1.1 var(--utility); text-align: center; transform: rotate(-7deg); }

.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.8rem; padding: .72rem 1rem .58rem; border: 2px solid var(--ink); font: 700 .75rem/1 var(--utility); letter-spacing: .04em; text-transform: uppercase; box-shadow: 4px 4px 0 var(--ink); }
.btn:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--ink); }
.btn-primary { color: var(--paper-light); background: var(--red); }.btn-primary:hover { color: var(--paper-light); background: var(--blue); }
.btn-ghost { color: var(--ink); background: transparent; }.btn-ghost:hover { color: var(--paper-light); background: var(--ink); }

.section { padding-block: var(--section-pad); border-bottom: 1px solid var(--line); }.section-alt { background: var(--paper-light); }.section-list { padding-top: 2rem; }
.section-header { display: flex; justify-content: space-between; align-items: end; gap: 1rem; flex-wrap: wrap; margin-bottom: 2.2rem; padding-bottom: .75rem; border-bottom: 3px solid var(--ink); }
.section-kicker { display: block; margin-bottom: .35rem; color: var(--red); }
.section-title { color: var(--ink); font: 800 clamp(2.3rem, 5vw, 4rem)/.9 var(--display); letter-spacing: -.025em; text-transform: uppercase; }
.section-link, .read-more { color: var(--blue); font: 700 .7rem var(--utility); text-transform: uppercase; letter-spacing: .04em; }
.section-link:hover, .read-more:hover { color: var(--red); }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(1rem, 2.5vw, 2rem); }
.card { position: relative; min-width: 0; border: 2px solid var(--ink); color: var(--ink); background: var(--paper-pale); box-shadow: 5px 5px 0 var(--ink); transition: transform var(--ease), box-shadow var(--ease), background var(--ease); }
.card:nth-child(3n+2) { transform: rotate(.35deg); }
.card:hover { color: var(--ink); background: #fff7d4; transform: translate(2px, 2px) rotate(0); box-shadow: 3px 3px 0 var(--red); }
.card-body { padding: 1.45rem; }.card-meta, .post-hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; }
.card-meta { margin-bottom: 1.1rem; }.card-date { color: var(--ink-soft); }
.tag { padding: .28rem .45rem .2rem; color: var(--paper-light); background: var(--red); font: 700 .64rem var(--utility); text-transform: uppercase; }.tag-secondary { color: var(--ink); background: var(--paper); }
.card-title { margin-bottom: .7rem; color: var(--ink); font: 700 clamp(1.6rem, 2.8vw, 2rem)/.98 var(--display); letter-spacing: -.015em; text-transform: uppercase; }
.card-title-link { color: inherit; }.card:hover .card-title { color: var(--red); }
.card-desc { display: -webkit-box; overflow: hidden; color: var(--ink-soft); font-size: .91rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news-opening { display: grid; grid-template-columns: minmax(0, 1fr) 11rem; gap: clamp(2rem, 5vw, 5rem); align-items: start; margin-bottom: clamp(3rem, 7vw, 5.5rem); }
.news-intro { max-width: 58rem; padding-left: clamp(1rem, 3vw, 2rem); border-left: 4px solid var(--red); }
.news-intro p { max-width: 70ch; margin-bottom: 1rem; color: var(--ink-soft); }
.news-intro p:first-child { max-width: 24ch; color: var(--ink); font: 700 clamp(1.65rem, 4vw, 2.7rem)/1 var(--display); text-transform: uppercase; }
.news-intro p:last-child { margin-bottom: 0; }
.bunker-card { display: grid; grid-template-columns: repeat(3, 1fr); border: 2px solid var(--ink); background: var(--paper); box-shadow: 4px 4px 0 var(--red); transform: rotate(1.5deg); }
.bunker-card > span:not(.bunker-label) { display: grid; place-items: center; aspect-ratio: 1; border-top: 1px solid var(--ink); border-right: 1px solid var(--ink); font: 700 .65rem/1 var(--utility); }
.bunker-card > span:nth-child(3n+1) { border-right: 0; }
.bunker-label { grid-column: 1 / -1; padding: .35rem .3rem .25rem; color: var(--paper-light); background: var(--ink); font: 700 .53rem/1 var(--utility); text-align: center; letter-spacing: .08em; }
.bunker-free { color: var(--red); font-size: 1rem !important; }
.news-group + .news-group { margin-top: clamp(4.5rem, 9vw, 8rem); }
.news-group-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 0; padding-bottom: .8rem; border-bottom: 3px solid var(--ink); }
.news-group-heading .section-kicker { margin: 0 0 .15rem; }
.news-group-heading h2 { font: 800 clamp(2.2rem, 5vw, 3.7rem)/.9 var(--display); text-transform: uppercase; }
.news-feed { border-bottom: 1px solid var(--ink); }
.news-entry { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(0, 4.2fr); gap: clamp(1.25rem, 4vw, 3.5rem); padding-block: clamp(1.75rem, 4vw, 2.7rem); border-bottom: 1px solid var(--line); }
.news-entry:last-child { border-bottom: 0; }
.news-entry-rail { display: flex; align-content: flex-start; align-items: flex-start; flex-direction: column; gap: .65rem; }
.signal-badge { display: inline-block; padding: .3rem .48rem .22rem; border: 1px solid currentColor; color: var(--red); font: 700 .66rem/1 var(--utility); letter-spacing: .08em; }
.signal-badge[data-signal='watch'] { color: var(--blue); }
.signal-badge[data-signal='context'] { color: var(--ink-soft); }
.news-byline { display: flex; flex-direction: column; color: var(--ink-soft); font: .68rem/1.4 var(--utility); }
.news-entry-title { max-width: 26ch; margin-bottom: .75rem; font: 700 clamp(1.75rem, 3.2vw, 2.55rem)/.95 var(--display); letter-spacing: -.01em; text-transform: uppercase; }
.news-entry-title a { color: var(--ink); }
.news-entry-title a:hover { color: var(--red); }
.news-entry-summary { max-width: 68ch; color: var(--ink-soft); font-size: .95rem; }
.why-it-matters { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: 1rem; max-width: 72ch; margin-top: 1.15rem; padding-top: 1rem; border-top: 1px dashed var(--line); }
.why-it-matters > span { color: var(--red); font: 700 .68rem/1.35 var(--utility); text-transform: uppercase; }
.why-it-matters p { color: var(--ink); font-size: .92rem; }
.original-source { display: inline-block; margin-top: 1rem; color: var(--blue); font: 700 .68rem/1 var(--utility); text-transform: uppercase; }
.news-feed-home .news-entry:nth-child(n+4) { border-bottom: 0; }
.card-footer { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1.45rem; border-top: 1px dashed var(--line); color: var(--ink-soft); font: .72rem var(--utility); }

.page-hero, .post-hero { position: relative; overflow: hidden; padding-block: clamp(3.5rem, 8vw, 6rem); border-bottom: 3px solid var(--ink); background: var(--paper); }
.page-hero::after, .post-hero::after { content: '※'; position: absolute; right: 4vw; top: -5rem; color: var(--red); font: 20rem/1 Georgia, serif; opacity: .09; }
.page-title, .post-title { position: relative; z-index: 1; max-width: 15ch; margin-top: 1rem; color: var(--ink); font: 800 clamp(3.4rem, 8vw, 6.5rem)/.82 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.post-desc, .page-desc { position: relative; z-index: 1; max-width: 60ch; margin-top: 1.25rem; color: var(--ink-soft); font-size: 1.05rem; }.post-theme { margin-top: .8rem; color: var(--red); font: italic .78rem var(--utility); }.post-author { margin-top: 1.25rem; color: var(--ink-soft); font: .8rem var(--utility); }.post-author strong { color: var(--ink); }
.post-themes { position: relative; z-index: 1; margin-top: .9rem; }
.post-content { max-width: 70ch; margin-inline: auto; padding-block: clamp(3rem, 7vw, 6rem); font-size: 1.05rem; }.post-content h2, .post-content h3 { margin: 2.7rem 0 1rem; color: var(--ink); font-family: var(--display); line-height: .98; text-transform: uppercase; }.post-content h2 { font-size: 2.35rem; }.post-content h3 { font-size: 1.7rem; }
.post-content p, .post-content ul, .post-content ol { margin-bottom: 1.35rem; }.post-content ul, .post-content ol { padding-left: 1.4rem; }.post-content a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .16em; }
.post-content blockquote { margin: 2rem 0; padding: 1rem 1.4rem; border: 2px solid var(--ink); color: var(--ink); background: var(--paper-light); box-shadow: 5px 5px 0 var(--red); font-style: italic; transform: rotate(-.3deg); }
.compression-ledger { position: relative; width: min(calc(100vw - 2.3rem), 68rem); margin: clamp(3rem, 7vw, 5rem) 50%; border: 2px solid var(--ink); background: var(--paper-light); box-shadow: 8px 8px 0 var(--blue); transform: translateX(-50%); }
.compression-ledger::before { content: 'INPUT EXCEEDS DISPLAY CAPACITY'; position: absolute; right: 1rem; top: -.85rem; padding: .3rem .45rem .23rem; border: 1px solid var(--ink); color: var(--paper-light); background: var(--red); font: 700 .55rem/1 var(--utility); letter-spacing: .06em; transform: rotate(1.5deg); }
.compression-ledger figcaption { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 1rem; align-items: end; padding: 1.15rem 1.2rem 1rem; border-bottom: 2px solid var(--ink); }
.compression-ledger figcaption span { color: var(--red); font: 700 .62rem/1.25 var(--utility); letter-spacing: .06em; text-transform: uppercase; }
.compression-ledger figcaption strong { max-width: 42ch; font: 700 clamp(1.15rem, 2.5vw, 1.65rem)/1 var(--display); text-transform: uppercase; }
.compression-ledger ol { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.compression-ledger li { position: relative; min-width: 0; min-height: 8.5rem; padding: 1rem .8rem .85rem; border-right: 1px dashed var(--line); }
.compression-ledger li:last-child { border-right: 0; color: var(--paper-light); background: var(--ink); }
.compression-ledger li:not(:last-child)::after { content: '→'; position: absolute; z-index: 1; right: -.48rem; top: 1rem; padding: .12rem; color: var(--red); background: var(--paper-light); font: 700 .85rem/1 var(--utility); }
.compression-ledger li > span, .compression-ledger li > strong, .compression-ledger li > small { display: block; }
.compression-ledger li > span { color: var(--red); font: 700 .56rem/1 var(--utility); }
.compression-ledger li > strong { overflow-wrap: anywhere; margin-top: 2.2rem; font: 700 clamp(.9rem, 1.6vw, 1.1rem)/.95 var(--display); text-transform: uppercase; }
.compression-ledger li > small { margin-top: .35rem; color: var(--ink-soft); font: .58rem/1.25 var(--utility); }
.compression-ledger li:last-child > small { color: var(--paper); }
.post-content .compression-ledger > p { margin: 0; padding: .8rem 1.2rem .7rem; border-top: 1px solid var(--ink); color: var(--ink-soft); font: italic .67rem/1.4 var(--utility); }
.side-door { max-width: 76rem; margin: 0 auto clamp(4rem, 8vw, 7rem); border-block: 3px solid var(--ink); }
.side-door-heading { display: grid; grid-template-columns: minmax(12rem, .6fr) minmax(0, 1.4fr); gap: .4rem clamp(2rem, 7vw, 6rem); align-items: end; padding: 1.25rem 0 1rem; }
.side-door-heading .section-kicker { grid-column: 1 / -1; }
.side-door-heading h2 { font: 800 clamp(2.3rem, 5vw, 4rem)/.85 var(--display); text-transform: uppercase; }
.side-door-heading > p { max-width: 47ch; padding-left: 1rem; border-left: 1px dashed var(--line); color: var(--ink-soft); font-size: .82rem; }
.side-door-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.side-door-paths a { min-width: 0; padding: clamp(1.3rem, 3vw, 2rem); color: var(--ink); }
.side-door-paths a + a { border-left: 1px dashed var(--line); }
.side-door-paths a:hover, .side-door-paths a:focus-visible { color: var(--ink); background: var(--paper-light); }
.side-door-paths a:hover strong, .side-door-paths a:focus-visible strong { color: var(--red); }
.side-door-paths span, .side-door-paths strong { display: block; }
.side-door-paths span { margin-bottom: .65rem; color: var(--red); font: 700 .62rem/1 var(--utility); letter-spacing: .07em; text-transform: uppercase; }
.side-door-paths strong { max-width: 24ch; font: 700 clamp(1.45rem, 3vw, 2.2rem)/.95 var(--display); text-transform: uppercase; }
.side-door-paths p { max-width: 52ch; margin-top: .7rem; color: var(--ink-soft); font-size: .8rem; }
.side-door > small { display: block; padding: .65rem .75rem .55rem; border-top: 1px solid var(--ink); color: var(--paper-light); background: var(--ink); font: italic .61rem/1.4 var(--utility); }
.cultural-appraisal, .safety-card { max-width: 70ch; margin: 0 auto clamp(3rem, 7vw, 6rem); border: 2px solid var(--ink); background: var(--paper-light); box-shadow: 6px 6px 0 var(--ink); }
.cultural-appraisal { position: relative; overflow: hidden; padding: clamp(1.4rem, 4vw, 2.5rem); }
.cultural-appraisal::after { content: 'FORM 88-A'; position: absolute; right: -1.5rem; top: 1.2rem; padding: .25rem 1.7rem; color: var(--paper-light); background: var(--red); font: 700 .6rem/1 var(--utility); transform: rotate(8deg); }
.appraisal-copy h2 { margin-bottom: .7rem; font: 800 clamp(2rem, 5vw, 3rem)/.92 var(--display); text-transform: uppercase; }
.appraisal-copy > p { max-width: 52ch; color: var(--ink-soft); }
.appraisal-button { --wheel-turn: 0deg; display: inline-flex; align-items: center; gap: .8rem; margin-top: 1.4rem; padding: .65rem .85rem .6rem; border: 2px solid var(--ink); color: var(--paper-light); background: var(--blue); font: 700 .7rem/1 var(--utility); text-transform: uppercase; box-shadow: 4px 4px 0 var(--ink); cursor: pointer; }
.appraisal-button:hover { background: var(--red); }
.appraisal-wheel { display: grid; place-items: center; width: 2rem; height: 2rem; border: 2px dashed currentColor; border-radius: 50%; transform: rotate(var(--wheel-turn)); transition: transform 700ms cubic-bezier(.2,.8,.25,1); }
.appraisal-wheel span { transform: rotate(calc(var(--wheel-turn) * -1)); }
.appraisal-result { margin-top: 1rem; color: var(--red) !important; font: 700 .72rem/1.4 var(--utility); }
.safety-card { padding: 0; background: var(--paper-pale); }
.safety-card-trigger { display: flex; width: 100%; flex-direction: column; gap: .3rem; padding: 1rem 1.2rem; border: 0; color: var(--ink); background: transparent; text-align: left; cursor: help; }
.safety-card-trigger span { color: var(--red); font: 700 .62rem/1 var(--utility); letter-spacing: .08em; }
.safety-card-trigger strong { font: 700 1.15rem/1 var(--display); text-transform: uppercase; }
.safety-card-result { display: grid; grid-template-columns: 1fr auto; gap: .45rem 1rem; max-height: 0; overflow: hidden; padding-inline: 1.2rem; border-top: 0 solid var(--ink); opacity: 0; transition: max-height var(--ease), opacity var(--ease), padding var(--ease), border-width var(--ease); }
.safety-card-result span, .safety-card-result strong { font: .68rem/1.3 var(--utility); }
.safety-card-result strong { color: var(--red); text-transform: uppercase; }
.safety-card.is-revealed .safety-card-result { max-height: 8rem; padding-block: .9rem 1rem; border-top-width: 1px; opacity: 1; }
.back-link-wrap { padding-bottom: 3rem; }.empty-state { padding-block: 3rem; color: var(--ink-soft); text-align: center; }
.site-footer { padding-block: 3rem; border-top: 2px solid var(--ink); color: var(--paper-light); background: var(--ink); }.footer-brand { color: var(--paper-light); font: 800 1.35rem var(--display); letter-spacing: .08em; }.footer-brand span { display: inline-block; color: var(--paper); }.footer-copy { margin-top: .4rem; color: #c5bca4; font: .72rem var(--utility); }.footer-links { display: flex; flex-wrap: wrap; gap: 1rem 1.4rem; list-style: none; font: .7rem var(--utility); text-transform: uppercase; }.footer-links a { color: var(--paper); }.footer-links a:hover { color: #fff; }
.personhood-check { margin-top: 1rem; max-width: 27rem; }
.personhood-trigger { padding: .35rem .45rem .28rem; border: 1px dashed #8f8878; color: #c5bca4; background: transparent; font: 400 .62rem/1 var(--utility); text-transform: uppercase; cursor: pointer; }
.personhood-trigger:hover { color: var(--paper); border-color: var(--paper); }
.personhood-result { margin-top: .45rem; color: var(--paper-light); font: italic .67rem/1.35 var(--utility); }
.autopilot-link { display: inline-block; margin-top: .45rem; color: var(--paper); font: 700 .62rem/1.3 var(--utility); text-transform: uppercase; }
.personhood-result[hidden], .autopilot-link[hidden] { display: none; }
@keyframes uncertain-translation { 0%,100% { transform: translate(0) rotate(0); } 20% { transform: translate(-3px, -2px) rotate(-8deg); } 40% { transform: translate(4px, 1px) rotate(11deg); } 60% { transform: translate(-1px, 3px) rotate(-4deg); } 80% { transform: translate(2px, -1px) rotate(6deg); } }
.footer-brand span.is-translating { animation: uncertain-translation 700ms steps(2) 2; }

.missing-page, .autopilot-page { min-height: 70vh; display: grid; align-items: center; padding-block: clamp(4rem, 10vw, 8rem); background: var(--paper); }
.missing-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }
.missing-copy h1, .autopilot-panel h1 { max-width: 10ch; margin-bottom: 1.5rem; font: 800 clamp(4rem, 9vw, 7rem)/.8 var(--display); letter-spacing: -.04em; text-transform: uppercase; }
.missing-copy p, .autopilot-panel > p { max-width: 48ch; margin-bottom: 2rem; color: var(--ink-soft); }
.money-tree { position: relative; min-height: 28rem; border: 2px solid var(--ink); background: var(--paper-light); box-shadow: 8px 8px 0 var(--red); transform: rotate(.8deg); }
.money-tree svg { position: absolute; inset: 1.2rem 1rem 1.5rem; width: calc(100% - 2rem); height: calc(100% - 2.7rem); }
.tree-trunk, .tree-roots { fill: none; stroke: var(--ink); stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; }
.tree-roots { stroke-width: 5; }
.tree-canopy { fill: var(--red); fill-opacity: .09; stroke: var(--blue); stroke-width: 3; stroke-dasharray: 7 5; }
.money-tree-note, .money-tree-gem { position: absolute; z-index: 2; display: grid; place-items: center; color: var(--ink); background: var(--paper-pale); font: 700 .7rem/1 var(--utility); box-shadow: 2px 2px 0 var(--ink); transform: rotate(-7deg); }
.money-tree-note { width: 3.2rem; height: 1.7rem; border: 1px solid var(--ink); }
.money-tree-note::before { content: ''; position: absolute; inset: .2rem; border: 1px solid var(--line); }
.note-one { left: 18%; top: 22%; }.note-two { left: 45%; top: 10%; transform: rotate(8deg); }.note-three { right: 13%; top: 27%; transform: rotate(4deg); }.note-four { right: 28%; top: 40%; transform: rotate(-11deg); }
.money-tree-gem { width: 1.8rem; height: 1.8rem; border-radius: 50%; color: var(--paper-light); background: var(--blue); font-size: 1rem; }
.gem-one { left: 30%; top: 38%; }.gem-two { right: 21%; top: 16%; }
.money-tree-caption { position: absolute; right: 1rem; bottom: .8rem; color: var(--red); font: 700 .62rem/1 var(--utility); letter-spacing: .08em; }

.autopilot-page { background: var(--paper-pale); }
.autopilot-panel { max-width: 54rem; margin-inline: auto; padding: clamp(1.5rem, 5vw, 4rem); border: 2px solid var(--ink); background: var(--paper); box-shadow: 10px 10px 0 var(--blue); transform: rotate(-.35deg); }
.autopilot-panel h1 { max-width: 12ch; font-size: clamp(3.4rem, 8vw, 6rem); }
.autopilot-code { margin-bottom: .8rem !important; color: var(--red) !important; font: 700 .68rem/1 var(--utility); letter-spacing: .08em; }
.autopilot-panel dl { margin: 0 0 2rem; border-block: 2px solid var(--ink); }
.autopilot-panel dl div { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding: .65rem 0; border-bottom: 1px dashed var(--line); }
.autopilot-panel dl div:last-child { border: 0; }
.autopilot-panel dt, .autopilot-panel dd { font: .72rem/1.3 var(--utility); }
.autopilot-panel dd { color: var(--red); font-weight: 700; text-align: right; text-transform: uppercase; }

/* Ideas: a finding aid, not a feed. */
.ideas-hero, .collection-hero, .idea-single-hero, .theme-index-hero, .theme-term-hero { border-bottom: 3px solid var(--ink); background: var(--paper-pale); }
.ideas-hero { padding-block: clamp(5rem, 11vw, 9rem); }
.ideas-hero-grid, .collection-hero-grid, .idea-single-hero-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(16rem, .55fr); gap: clamp(2.5rem, 8vw, 8rem); align-items: end; }
.ideas-hero h1, .collection-hero h1, .idea-single-hero h1, .theme-index-hero h1, .theme-term-hero h1 { color: var(--ink); font: 800 clamp(4rem, 10vw, 8.5rem)/.78 var(--display); letter-spacing: -.045em; text-transform: uppercase; text-wrap: balance; }
.ideas-hero h1 { max-width: 8ch; }
.ideas-proposition { max-width: 31ch; margin-top: 1.8rem; font: italic clamp(1.35rem, 2.5vw, 2rem)/1.2 var(--body); }
.ideas-description { max-width: 58ch; margin-top: 1rem; color: var(--ink-soft); }
.catalog-note, .idea-catalog-card { position: relative; padding: 1.3rem 1.25rem 1.15rem; border: 1px solid var(--ink); background: var(--paper-light); box-shadow: 5px 5px 0 var(--blue); transform: rotate(.55deg); }
.catalog-note::before, .idea-catalog-card::before { content: ''; position: absolute; top: -1px; left: 1rem; width: 3.2rem; height: .35rem; background: var(--red); }
.catalog-note > span, .idea-catalog-card > span, .collection-shelf-question > span, .idea-row-note > span, .agency-gradient-label { color: var(--red); font: 700 .63rem/1 var(--utility); letter-spacing: .07em; text-transform: uppercase; }
.catalog-note p, .idea-catalog-card > p { margin-top: .75rem; font-size: .88rem; line-height: 1.5; }
.ideas-wayfinder { border-bottom: 3px solid var(--ink); background: var(--ink); color: var(--paper-light); }
.ideas-wayfinder-grid { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); padding-inline: 0; }
.ideas-wayfinder-label { display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 1rem 1.25rem; border-right: 1px dashed color-mix(in srgb, var(--paper-light) 32%, transparent); font: italic .72rem/1.35 var(--utility); }
.ideas-wayfinder-label span { margin-bottom: .25rem; color: var(--paper); font-style: normal; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ideas-wayfinder-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ideas-wayfinder-links a { min-width: 0; padding: 1rem 1.15rem .9rem; border-right: 1px dashed color-mix(in srgb, var(--paper-light) 32%, transparent); color: var(--paper-light); }
.ideas-wayfinder-links a:last-child { border-right: 0; }
.ideas-wayfinder-links a:hover, .ideas-wayfinder-links a:focus-visible { color: var(--paper-light); background: var(--red); }
.ideas-wayfinder-links strong, .ideas-wayfinder-links span { display: block; }
.ideas-wayfinder-links strong { font: 800 1.35rem/.9 var(--display); letter-spacing: .02em; text-transform: uppercase; }
.ideas-wayfinder-links span { overflow: hidden; margin-top: .4rem; color: color-mix(in srgb, var(--paper-light) 72%, transparent); font: .58rem/1.2 var(--utility); text-overflow: ellipsis; white-space: nowrap; }
.ideas-library, .listening-library, .collection-body, .theme-index-body, .theme-term-body { padding-block: clamp(4rem, 9vw, 8rem); }
.ideas-library { background: var(--paper-light); }
.ideas-library, .listening-library, #read, #themes { scroll-margin-top: 5rem; }
.listening-library { border-top: 3px solid var(--ink); background: var(--paper-pale); }
.library-heading { margin-bottom: 2.2rem; padding-bottom: .8rem; border-bottom: 3px solid var(--ink); }
.library-heading h2 { font: 800 clamp(2.4rem, 5vw, 4.2rem)/.88 var(--display); text-transform: uppercase; }
.library-heading-small { margin-bottom: 1.5rem; }
.library-heading-small h2 { font-size: clamp(2rem, 4vw, 3rem); }
.listening-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, .42fr); gap: .7rem clamp(2rem, 7vw, 7rem); align-items: end; }
.listening-heading > span { grid-column: 1 / -1; }
.listening-heading > p { max-width: 37ch; padding-left: 1rem; border-left: 1px dashed var(--line); color: var(--ink-soft); font: italic .83rem/1.5 var(--utility); }
.collection-shelves { border-top: 1px solid var(--ink); }
.collection-shelf { display: grid; grid-template-columns: 5rem minmax(0, 1.5fr) minmax(15rem, .7fr); gap: clamp(1.2rem, 4vw, 3.5rem); padding-block: clamp(2rem, 4vw, 3.4rem); border-bottom: 1px solid var(--ink); }
.collection-shelf-mark { align-self: start; width: max-content; padding: .42rem .45rem .3rem; border: 1px solid currentColor; color: var(--red); font: 800 .72rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; transform: rotate(-2deg); }
.collection-shelf-copy > span, .idea-row-meta, .idea-single-meta, .home-ideas article > span { color: var(--ink-soft); font: 700 .65rem/1.2 var(--utility); letter-spacing: .06em; text-transform: uppercase; }
.collection-shelf-copy h3 { max-width: 16ch; margin: .6rem 0 .8rem; font: 700 clamp(2rem, 4vw, 3.3rem)/.9 var(--display); text-transform: uppercase; }
.collection-shelf-copy h3 a { color: var(--ink); }
.collection-shelf-copy h3 a:hover { color: var(--red); }
.collection-shelf-copy p { max-width: 57ch; color: var(--ink-soft); }
.collection-shelf-tagline { margin: .7rem 0 -.1rem; color: var(--red) !important; font: italic .72rem/1.35 var(--utility); }
.collection-shelf-question { align-self: end; padding-left: 1.15rem; border-left: 1px dashed var(--line); }
.collection-shelf-question p { margin: .65rem 0 1rem; font-size: .88rem; }
.collection-shelf-question a, .idea-row-note > a, .ledger-all, .source-actions > a:not(.btn), .home-ideas article > a { color: var(--blue); font: 700 .67rem/1.3 var(--utility); text-transform: uppercase; }
.counterpoint-strip { max-width: 45rem; margin-top: 1.4rem; padding-block: .65rem; border-block: 1px solid var(--line); }
.counterpoint-strip > span { color: var(--blue); font: 700 .6rem/1 var(--utility); letter-spacing: .07em; text-transform: uppercase; }
.counterpoint-strip > div { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; margin-top: .65rem; }
.counterpoint-strip > div::after { content: '↔'; position: absolute; left: 50%; top: 50%; color: var(--red); font: 700 1rem/1 var(--utility); transform: translate(-50%, -50%); }
.counterpoint-strip p:last-child { text-align: right; }
.counterpoint-strip strong, .counterpoint-strip small { display: block; }
.counterpoint-strip strong { font: 700 1rem/1.05 var(--display); text-transform: uppercase; }
.counterpoint-strip small { margin-top: .25rem; color: var(--ink-soft); font: .58rem/1.2 var(--utility); text-transform: uppercase; }
.field-observation { position: relative; margin-top: 1.35rem; padding: .85rem 1rem .8rem 1.25rem; border-left: 3px solid var(--blue); background: color-mix(in srgb, var(--paper-light) 62%, transparent); font: italic .76rem/1.45 var(--utility); }
.collection-shelf-copy .field-observation { max-width: 45rem; color: var(--ink); }
.field-observation::after { content: ''; position: absolute; top: 0; right: 0; border-style: solid; border-width: 0 1rem 1rem 0; border-color: transparent var(--red) transparent transparent; }
.field-observation > span { display: block; margin-bottom: .45rem; color: var(--red); font: 700 .58rem/1 var(--utility); letter-spacing: .07em; text-transform: uppercase; }
.counterweight-note { position: relative; max-width: 45rem; margin-top: 1.35rem; padding: .9rem 1rem .85rem 1.2rem; border: 1px solid var(--ink); border-left: 4px solid var(--red); background: color-mix(in srgb, var(--paper-light) 62%, transparent); }
.counterweight-note::after { content: 'COUNTERWEIGHT'; position: absolute; right: .65rem; top: -.55rem; padding: .2rem .35rem .14rem; color: var(--paper-light); background: var(--ink); font: 700 .5rem/1 var(--utility); letter-spacing: .08em; transform: rotate(1deg); }
.counterweight-note strong { color: var(--red); font: 700 .6rem/1.2 var(--utility); letter-spacing: .06em; text-transform: uppercase; }
.counterweight-note p { margin-top: .5rem; color: var(--ink) !important; font: italic .75rem/1.45 var(--utility); }
.ideas-index { padding-block: clamp(4rem, 9vw, 7rem); background: var(--paper-pale); }
.ideas-index-grid { display: grid; grid-template-columns: minmax(15rem, .65fr) minmax(0, 1.35fr); gap: clamp(3rem, 8vw, 8rem); }
.index-note { margin-top: 1rem; color: var(--ink-soft); font: italic .75rem/1.5 var(--utility); }
.reading-ledger { border-top: 2px solid var(--ink); }
.reading-ledger > a { display: block; padding: 1rem 0 1.1rem; border-bottom: 1px solid var(--line); color: var(--ink); }
.reading-ledger > a:hover strong { color: var(--red); }
.reading-ledger span { display: block; margin-bottom: .35rem; color: var(--red); font: 700 .58rem/1.2 var(--utility); letter-spacing: .06em; text-transform: uppercase; }
.reading-ledger strong { display: block; font: 700 clamp(1.35rem, 3vw, 2rem)/.95 var(--display); text-transform: uppercase; }
.reading-ledger p { max-width: 47ch; margin-top: .55rem; color: var(--ink-soft); font-size: .8rem; }
.theme-ledger { border-top: 2px solid var(--ink); }
.theme-ledger > a { display: grid; grid-template-columns: minmax(9rem, .55fr) minmax(0, 1.45fr); gap: 1.2rem; padding: .85rem 0 .75rem; border-bottom: 1px solid var(--line); color: var(--ink); }
.theme-ledger > a:hover { color: var(--red); }
.theme-ledger > a > span { font: 700 1rem/1 var(--display); text-transform: uppercase; }
.theme-ledger p { color: var(--ink-soft); font-size: .82rem; }
.ledger-all { display: inline-block; margin-top: 1.2rem; }
.ideas-breadcrumb { display: inline-block; margin-bottom: 1.5rem; color: var(--blue); font: 700 .65rem/1 var(--utility); letter-spacing: .06em; text-transform: uppercase; }
.collection-hero { padding-block: clamp(4rem, 9vw, 7rem); background: var(--paper); }
.collection-hero h1 { max-width: 12ch; font-size: clamp(3.7rem, 9vw, 7.4rem); }
.collection-dek { max-width: 56ch; margin-top: 1.4rem; color: var(--ink-soft); font-size: 1.05rem; }
.collection-intro { max-width: 64ch; margin-top: 1.7rem; padding-top: 1.3rem; border-top: 1px solid var(--line); }
.collection-intro p { margin-bottom: .9rem; }
.collection-role { max-width: 48ch; margin: 0 0 .85rem; color: var(--red); font: italic .72rem/1.35 var(--utility); }
.collection-source-link { display: inline-block; margin-top: .4rem; color: var(--blue); font: 700 .67rem/1.3 var(--utility); letter-spacing: .04em; text-transform: uppercase; }
.collection-catalog-note { align-self: center; }
.argument-receiver { position: relative; align-self: center; padding: 1.35rem 1.3rem 1.2rem; border: 2px solid var(--ink); background: var(--paper-light); box-shadow: 6px 6px 0 var(--blue); transform: rotate(.45deg); }
.argument-receiver > span { color: var(--red); font: 700 .63rem/1 var(--utility); letter-spacing: .07em; text-transform: uppercase; }
.argument-receiver-scale { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; margin: 1rem 0 .8rem; padding-block: .8rem; border-block: 1px solid var(--ink); }
.argument-receiver-scale::before { content: ''; position: absolute; left: 50%; top: .3rem; bottom: .3rem; border-left: 1px dashed var(--line); }
.argument-receiver-scale::after { content: '↔'; position: absolute; left: 50%; top: 50%; padding: .2rem; color: var(--red); background: var(--paper-light); font: 700 1rem/1 var(--utility); transform: translate(-50%, -50%); }
.argument-receiver-scale p:last-child { text-align: right; }
.argument-receiver-scale strong, .argument-receiver-scale small { display: block; }
.argument-receiver-scale strong { font: 700 1.05rem/1 var(--display); text-transform: uppercase; }
.argument-receiver-scale small { margin-top: .35rem; color: var(--ink-soft); font: .58rem/1.2 var(--utility); text-transform: uppercase; }
.argument-receiver > p { color: var(--ink-soft); font: italic .7rem/1.45 var(--utility); }
.field-note { position: relative; align-self: center; padding: 1.45rem 1.4rem 1.3rem; border: 2px solid var(--ink); background: var(--paper-light); box-shadow: 6px 6px 0 var(--red); transform: rotate(-.45deg); }
.field-note::after { content: ''; position: absolute; top: -2px; right: -2px; border-style: solid; border-width: 0 1.5rem 1.5rem 0; border-color: transparent var(--blue) transparent transparent; }
.field-note > span { color: var(--red); font: 700 .63rem/1 var(--utility); letter-spacing: .07em; text-transform: uppercase; }
.field-note > p { margin-top: .85rem; font: italic 1rem/1.45 var(--body); }
.field-note > small { display: block; margin-top: 1rem; padding-top: .8rem; border-top: 1px dashed var(--line); color: var(--ink-soft); font: .63rem/1.4 var(--utility); }
.friendship-audit { position: relative; align-self: center; padding: 1.35rem 1.35rem 1.2rem; border: 2px solid var(--ink); background: var(--paper-pale); box-shadow: 7px 7px 0 var(--ink); transform: rotate(.5deg); }
.friendship-audit::before { content: ''; position: absolute; left: 0; right: 0; top: .45rem; border-top: 1px dashed var(--line); }
.friendship-audit-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-top: .4rem; padding-bottom: .7rem; border-bottom: 2px solid var(--ink); }
.friendship-audit-heading > span { color: var(--red); font: 700 .6rem/1 var(--utility); letter-spacing: .06em; text-transform: uppercase; }
.friendship-audit-heading > strong { font: 800 1.35rem/.9 var(--display); text-align: right; text-transform: uppercase; }
.friendship-audit dl { margin-block: .8rem; }
.friendship-audit dl > div { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding: .6rem 0 .5rem; border-bottom: 1px dashed var(--line); }
.friendship-audit dt, .friendship-audit dd { font: .64rem/1.2 var(--utility); text-transform: uppercase; }
.friendship-audit dd { color: var(--red); font-weight: 700; text-align: right; }
.friendship-audit > p { color: var(--ink-soft); font: italic .66rem/1.4 var(--utility); }
.case-file { position: relative; align-self: center; padding: 1.35rem 1.35rem 1.2rem; border: 2px solid var(--ink); background: var(--paper-pale); box-shadow: 7px 7px 0 var(--red); transform: rotate(-.45deg); }
.case-file::before { content: 'EXHIBIT B.O.'; position: absolute; right: 1rem; top: -1rem; padding: .35rem .5rem .27rem; border: 1px solid var(--ink); color: var(--paper-light); background: var(--red); font: 700 .55rem/1 var(--utility); letter-spacing: .08em; transform: rotate(2deg); }
.case-file-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: .7rem; border-bottom: 2px solid var(--ink); }
.case-file-heading > span { color: var(--red); font: 700 .6rem/1 var(--utility); letter-spacing: .06em; text-transform: uppercase; }
.case-file-heading > strong { max-width: 9ch; font: 800 1.35rem/.9 var(--display); text-align: right; text-transform: uppercase; }
.case-file-position { margin: .85rem 0; padding: .65rem .7rem .55rem; color: var(--paper-light); background: var(--ink); font: 700 .64rem/1.35 var(--utility); letter-spacing: .04em; text-transform: uppercase; }
.case-file-annotation { font: italic .87rem/1.45 var(--body); }
.case-file dl { margin-top: .9rem; border-top: 1px solid var(--ink); }
.case-file dl > div { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding: .55rem 0 .45rem; border-bottom: 1px dashed var(--line); }
.case-file dt, .case-file dd { font: .61rem/1.2 var(--utility); text-transform: uppercase; }
.case-file dd { color: var(--red); font-weight: 700; text-align: right; }
.fact-collision { align-self: center; padding: 1.35rem 1.3rem 1.2rem; border: 2px solid var(--ink); color: var(--paper-light); background: var(--ink); box-shadow: 7px 7px 0 var(--blue); transform: rotate(.4deg); }
.fact-collision > span { color: var(--paper); font: 700 .6rem/1 var(--utility); letter-spacing: .08em; text-transform: uppercase; }
.fact-collision > div { margin: .85rem 0; border-block: 1px solid color-mix(in srgb, var(--paper-light) 45%, transparent); }
.fact-collision > div p { padding: .65rem 0 .55rem; border-bottom: 1px dashed color-mix(in srgb, var(--paper-light) 35%, transparent); font: 700 1.25rem/.95 var(--display); text-transform: uppercase; }
.fact-collision > div p:last-child { border-bottom: 0; }
.fact-collision > strong { display: block; color: var(--paper); font: italic .7rem/1.4 var(--utility); }
.agency-gradient { position: relative; align-self: stretch; padding: 1.25rem 1rem 1.15rem 2.1rem; border-left: 3px solid var(--red); background: color-mix(in srgb, var(--paper-light) 56%, transparent); }
.agency-gradient::before { content: '↓'; position: absolute; left: -.72rem; bottom: -.3rem; color: var(--red); background: var(--paper); font: 700 1.2rem/1 var(--utility); }
.agency-gradient ol { margin: 1.2rem 0 1rem; list-style: none; counter-reset: gradient; }
.agency-gradient li { position: relative; padding: .36rem 0 .36rem 1.4rem; border-bottom: 1px dashed var(--line); font: 700 .72rem/1 var(--utility); text-transform: uppercase; }
.agency-gradient li::before { counter-increment: gradient; content: counter(gradient); position: absolute; left: 0; color: var(--red); font-size: .58rem; }
.agency-gradient p { color: var(--ink-soft); font: italic .7rem/1.45 var(--utility); }
.collection-body { background: var(--paper-pale); }
.idea-group + .idea-group { margin-top: clamp(4rem, 8vw, 7rem); }
.idea-group-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: .75rem; border-bottom: 3px solid var(--ink); }
.idea-group-heading > span { color: var(--red); font: 700 .62rem/1 var(--utility); text-transform: uppercase; }
.idea-group-heading h2 { font: 800 clamp(2.5rem, 5vw, 4rem)/.85 var(--display); text-transform: uppercase; }
.idea-rows { border-bottom: 1px solid var(--ink); }
.idea-row { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .75fr); gap: clamp(1.5rem, 5vw, 4.5rem); padding-block: clamp(1.8rem, 4vw, 2.8rem); border-bottom: 1px solid var(--line); }
.idea-row:last-child { border-bottom: 0; }
.idea-rows-numbered .idea-row { grid-template-columns: 4.3rem minmax(0, 1.45fr) minmax(15rem, .7fr); }
.idea-row-number { padding-top: .15rem; color: var(--red); font: 800 clamp(2.2rem, 4vw, 3.4rem)/.8 var(--display); }
.idea-row-meta { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: .6rem; }
.current-marker { display: inline-block; padding: .18rem .35rem .12rem; color: var(--paper-light); background: var(--blue); }
.idea-row h3 { max-width: 28ch; font: 700 clamp(1.7rem, 3.2vw, 2.55rem)/.95 var(--display); text-transform: uppercase; }
.idea-row h3 a { color: var(--ink); }
.idea-row h3 a:hover { color: var(--red); }
.idea-row-creator { margin-top: .45rem; color: var(--red); font: italic .7rem/1.35 var(--utility); }
.idea-row-summary { max-width: 62ch; margin-top: .85rem; color: var(--ink-soft); font-size: .9rem; }
.idea-row-note { align-self: end; padding-left: 1.1rem; border-left: 1px dashed var(--line); }
.idea-row-note p { margin: .55rem 0 .85rem; font-size: .82rem; line-height: 1.48; }
.idea-row-current { background: linear-gradient(90deg, transparent 0 60%, color-mix(in srgb, var(--paper) 22%, transparent)); }
.idea-single-hero { padding-block: clamp(4rem, 9vw, 7rem); background: var(--paper); }
.idea-single-hero-grid { align-items: center; }
.idea-single-hero h1 { max-width: 14ch; font-size: clamp(3.4rem, 8vw, 6.8rem); }
.idea-single-meta { display: flex; flex-wrap: wrap; gap: .8rem; margin-bottom: 1rem; }
.idea-single-creator { margin-top: 1rem; color: var(--red); font: italic .8rem/1.3 var(--utility); }
.idea-single-dek { max-width: 55ch; margin-top: 1rem; color: var(--ink-soft); font-size: 1.05rem; }
.idea-catalog-card .theme-links { margin-top: 1rem; }
.idea-single-content { max-width: 70ch; margin-inline: auto; padding-block: clamp(3.5rem, 7vw, 6rem); font-size: 1.05rem; }
.idea-single-content > p { margin-bottom: 1.25rem; }
.source-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px dashed var(--line); }
.idea-embed { position: relative; aspect-ratio: 16/9; max-width: 900px; margin: 0 auto clamp(4rem, 8vw, 7rem); border: 2px solid var(--ink); background: var(--paper); box-shadow: 6px 6px 0 var(--blue); }
.idea-embed iframe { width: 100%; height: 100%; border: 0; }
.idea-related-news { margin-bottom: clamp(4rem, 9vw, 8rem); }
.related-news-list { border-top: 1px solid var(--ink); }
.related-news-list > a { display: grid; grid-template-columns: minmax(9rem, .45fr) minmax(13rem, .85fr) minmax(0, 1.2fr); gap: 1.5rem; padding: 1.3rem 0 1.15rem; border-bottom: 1px solid var(--line); color: var(--ink); }
.related-news-list > a:hover strong { color: var(--red); }
.related-news-list span { color: var(--red); font: 700 .62rem/1.3 var(--utility); text-transform: uppercase; }
.related-news-list strong { font: 700 1.25rem/1 var(--display); text-transform: uppercase; }
.related-news-list p { color: var(--ink-soft); font-size: .8rem; }
.theme-links { display: flex; flex-wrap: wrap; gap: .35rem .55rem; list-style: none; }
.theme-links a { color: var(--ink); font: 700 .63rem/1.25 var(--utility); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: .2em; text-transform: uppercase; }
.theme-links a:hover { color: var(--red); }
.news-entry-rail > .theme-links { max-width: 18ch; }
.go-deeper { max-width: 72ch; margin-top: 1.4rem; padding: 1rem 1.1rem 1.05rem; border-left: 3px solid var(--blue); background: color-mix(in srgb, var(--paper-light) 55%, transparent); }
.go-deeper .section-kicker { margin-bottom: .7rem; color: var(--blue); }
.go-deeper-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem 1.2rem; }
.go-deeper-list a { display: flex; flex-direction: column; gap: .3rem; color: var(--ink); }
.go-deeper-list a:hover strong { color: var(--red); }
.go-deeper-list strong { font: 700 1rem/1.05 var(--display); text-transform: uppercase; }
.go-deeper-list span { color: var(--ink-soft); font: .61rem/1.3 var(--utility); text-transform: uppercase; }
.signal-key { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 clamp(3rem, 7vw, 5.5rem); border-block: 2px solid var(--ink); }
.signal-key p { padding: .9rem 1rem .75rem; border-right: 1px dashed var(--line); }
.signal-key p:last-child { border-right: 0; }
.signal-key strong, .signal-key span { display: block; }
.signal-key strong { color: var(--red); font: 700 .67rem/1 var(--utility); text-transform: uppercase; }
.signal-key p:nth-child(2) strong { color: var(--blue); }
.signal-key p:nth-child(3) strong { color: var(--ink-soft); }
.signal-key span { margin-top: .35rem; color: var(--ink-soft); font-size: .77rem; }
.theme-index-hero, .theme-term-hero { padding-block: clamp(4rem, 9vw, 7rem); background: var(--paper); }
.theme-index-hero h1, .theme-term-hero h1 { max-width: 12ch; font-size: clamp(3.8rem, 9vw, 7rem); }
.theme-index-hero > .container > p, .theme-term-description { max-width: 56ch; margin-top: 1.1rem; color: var(--ink-soft); }
.theme-index-list { border-top: 2px solid var(--ink); }
.theme-index-list > a { display: grid; grid-template-columns: 4rem minmax(0, 1fr) auto; gap: clamp(1rem, 4vw, 3rem); align-items: center; padding-block: 1.4rem; border-bottom: 1px solid var(--line); color: var(--ink); }
.theme-index-list > a:hover h2 { color: var(--red); }
.theme-index-number { color: var(--red); font: 800 2rem/1 var(--display); }
.theme-index-list h2 { font: 700 clamp(1.6rem, 3vw, 2.5rem)/.95 var(--display); text-transform: uppercase; }
.theme-index-list p { max-width: 52ch; margin-top: .35rem; color: var(--ink-soft); font-size: .82rem; }
.theme-index-count { color: var(--blue); font: 700 .64rem/1 var(--utility); text-transform: uppercase; }
.theme-term-question { max-width: 38ch; margin-top: 1.5rem; font: italic clamp(1.2rem, 2.5vw, 1.7rem)/1.25 var(--body); }
.theme-term-signature { position: relative; overflow: hidden; }
.theme-term-signature::after { content: 'PREDICT  →  CREATE  →  REASON  →  ACT  →  DELEGATE'; position: absolute; right: -2rem; bottom: 1rem; color: var(--red); font: 700 clamp(2rem, 5vw, 4.5rem)/1 var(--display); opacity: .08; white-space: nowrap; transform: rotate(-5deg); }
.theme-term-block + .theme-term-block { margin-top: clamp(5rem, 10vw, 9rem); }
.home-ideas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 2px solid var(--ink); }
.home-ideas article { padding: clamp(1.4rem, 4vw, 2.5rem); }
.home-ideas article + article { border-left: 1px dashed var(--line); }
.home-ideas h3 { max-width: 15ch; margin: .65rem 0 .8rem; font: 700 clamp(2rem, 4vw, 3.2rem)/.9 var(--display); text-transform: uppercase; }
.home-ideas h3 a { color: var(--ink); }
.home-ideas h3 a:hover { color: var(--red); }
.home-ideas p { max-width: 52ch; margin-bottom: 1.1rem; color: var(--ink-soft); font-size: .9rem; }

@media (max-width: 800px) { .hero .container { grid-template-columns: 1fr; }.hero h1 { max-width: 10ch; }.specimen { width: min(100%, 540px); }.missing-grid { grid-template-columns: 1fr; }.money-tree { min-height: 24rem; }.news-opening { grid-template-columns: minmax(0, 1fr) 9rem; }.ideas-hero-grid, .collection-hero-grid, .idea-single-hero-grid, .ideas-index-grid, .listening-heading { grid-template-columns: 1fr; }.listening-heading > span { grid-column: 1; }.catalog-note, .idea-catalog-card, .agency-gradient, .argument-receiver, .field-note, .friendship-audit, .case-file, .fact-collision { max-width: 31rem; }.ideas-wayfinder-grid { grid-template-columns: 1fr; }.ideas-wayfinder-label { flex-direction: row; justify-content: flex-start; gap: .55rem; padding-block: .7rem; border-right: 0; border-bottom: 1px dashed color-mix(in srgb, var(--paper-light) 32%, transparent); }.ideas-wayfinder-label span { margin: 0; }.collection-shelf { grid-template-columns: 4rem minmax(0, 1fr); }.collection-shelf-question { grid-column: 2; }.idea-row-numbered { grid-template-columns: 3.4rem minmax(0, 1fr); }.idea-row-numbered .idea-row-note { grid-column: 2; }.idea-row:not(.idea-row-numbered) { grid-template-columns: 1fr; }.idea-row:not(.idea-row-numbered) .idea-row-note { grid-column: 1; }.related-news-list > a { grid-template-columns: minmax(8rem, .4fr) minmax(0, 1fr); }.related-news-list p { grid-column: 2; } }
@media (max-width: 800px) { .collection-hero { overflow: hidden; }.case-file { width: calc(100% - 8px); transform: none; } }
@media (max-width: 800px) {
  .compression-ledger figcaption, .side-door-heading { grid-template-columns: 1fr; }
  .compression-ledger ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .compression-ledger li { border-bottom: 1px dashed var(--line); }
  .compression-ledger li:nth-child(3), .compression-ledger li:nth-child(6) { border-right: 0; }
  .compression-ledger li:nth-child(n+4) { border-bottom: 0; }
  .compression-ledger li::after { display: none; }
  .side-door-heading .section-kicker { grid-column: 1; }
  .side-door-heading > p { padding-left: 0; border-left: 0; }
}
@media (max-width: 640px) { .hero { padding-top: 3.5rem; }.hero h1 { font-size: clamp(3.6rem, 18vw, 5.4rem); }.landing-observations ol { grid-template-columns: 1fr; }.landing-observations li { border-right: 0; border-bottom: 1px dashed var(--line); }.landing-observations li:last-child { border-bottom: 0; }.landing-observations p { max-width: 30ch; }.specimen { box-shadow: 5px 5px 0 var(--red); }.site-header .container { padding-block: 1rem; }.site-logo span:last-child { display: none; }.site-nav { font-size: .66rem; }.site-nav.flex { gap: .8rem; }.card-grid { gap: 1.25rem; }.news-opening { grid-template-columns: 1fr; }.bunker-card { width: 8.5rem; margin: -1rem 0 0 auto; }.news-entry { grid-template-columns: 1fr; gap: 1rem; }.news-entry-rail { flex-flow: row wrap; align-items: center; }.news-entry-rail > .theme-links { max-width: none; }.news-byline { width: 100%; flex-direction: row; gap: .5rem; }.why-it-matters { grid-template-columns: 1fr; gap: .35rem; }.news-group-heading { align-items: flex-start; flex-direction: column; }.missing-copy h1 { font-size: clamp(3.5rem, 18vw, 5.2rem); }.autopilot-panel dl div { grid-template-columns: 1fr; gap: .2rem; }.autopilot-panel dd { text-align: left; }.ideas-hero h1, .collection-hero h1, .idea-single-hero h1, .theme-index-hero h1, .theme-term-hero h1 { font-size: clamp(3.3rem, 17vw, 5.2rem); }.ideas-wayfinder-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }.ideas-wayfinder-links a:nth-child(2) { border-right: 0; }.ideas-wayfinder-links a:nth-child(-n+2) { border-bottom: 1px dashed color-mix(in srgb, var(--paper-light) 32%, transparent); }.ideas-wayfinder-links span { white-space: normal; }.collection-shelf { grid-template-columns: 1fr; }.collection-shelf-question { grid-column: 1; }.counterpoint-strip > div, .argument-receiver-scale { gap: 1.5rem; }.counterpoint-strip strong, .argument-receiver-scale strong { font-size: .88rem; }.theme-ledger > a { grid-template-columns: 1fr; gap: .35rem; }.idea-rows-numbered .idea-row, .idea-row, .idea-row-numbered, .idea-row:not(.idea-row-numbered) { grid-template-columns: 1fr; }.idea-row-number { font-size: 2.2rem; }.idea-row-note, .idea-rows-numbered .idea-row .idea-row-note, .idea-row-numbered .idea-row-note, .idea-row:not(.idea-row-numbered) .idea-row-note { grid-column: 1; }.go-deeper-list, .signal-key, .home-ideas { grid-template-columns: 1fr; }.signal-key p { border-right: 0; border-bottom: 1px dashed var(--line); }.signal-key p:last-child { border-bottom: 0; }.home-ideas article + article { border-top: 1px dashed var(--line); border-left: 0; }.theme-index-list > a { grid-template-columns: 2.6rem minmax(0, 1fr); }.theme-index-count { grid-column: 2; }.related-news-list > a { grid-template-columns: 1fr; gap: .5rem; }.related-news-list p { grid-column: 1; } }
@media (max-width: 640px) {
  .compression-ledger { box-shadow: 5px 5px 0 var(--blue); }
  .compression-ledger::before { right: .5rem; }
  .compression-ledger ol { grid-template-columns: 1fr; }
  .compression-ledger li, .compression-ledger li:nth-child(3), .compression-ledger li:nth-child(6), .compression-ledger li:nth-child(n+4) { min-height: 0; border-right: 0; border-bottom: 1px dashed var(--line); }
  .compression-ledger li:last-child { border-bottom: 0; }
  .compression-ledger li > strong { margin-top: .75rem; }
  .side-door-paths { grid-template-columns: 1fr; }
  .side-door-paths a + a { border-top: 1px dashed var(--line); border-left: 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }