:root {
  --bg: #0d0c0a; --bg-deep: #080706; --surface: #171410; --surface-2:#211c15;
  --paper:#ead9b7; --paper-muted:#bba988; --text:#f7f0e3; --muted:#b9afa0;
  --yellow:#ffdf2b; --yellow-soft:#f2c94c; --red:#d76454; --blue:#70a7c7;
  --border:rgba(234,217,183,.16); --border-strong:rgba(255,223,43,.32);
  --shadow:0 18px 48px rgba(0,0,0,.38); --radius:18px; --max:1180px;
  --font-title:'Special Elite','Courier New',monospace; --font-body:'Inter',system-ui,sans-serif; --font-mono:'IBM Plex Mono','Courier New',monospace;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 20% 0,rgba(255,223,43,.07),transparent 31%),linear-gradient(180deg,var(--bg-deep),var(--bg));color:var(--text);font-family:var(--font-body);line-height:1.65} a{color:var(--yellow);text-decoration-thickness:1px;text-underline-offset:3px} a:hover{color:#fff3a2} img,svg{max-width:100%}
.skip-link{position:absolute;left:-999px;top:0;background:var(--yellow);color:#111;padding:.7rem 1rem;z-index:99}.skip-link:focus{left:1rem;top:1rem}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border);background:rgba(8,7,6,.92);backdrop-filter:blur(16px)}.header-inner{max-width:var(--max);margin:auto;padding:.85rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid var(--border-strong);border-radius:12px;display:grid;place-items:center;font:700 .72rem var(--font-mono);color:var(--yellow);box-shadow:0 0 22px rgba(255,223,43,.12)}.brand-copy strong{display:block;font:1.05rem var(--font-title);letter-spacing:.04em}.brand-copy span{display:block;color:var(--muted);font-size:.72rem}.nav{display:flex;gap:.2rem;align-items:center}.nav a{color:var(--muted);text-decoration:none;padding:.55rem .72rem;border-radius:10px;font-size:.88rem}.nav a:hover,.nav a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,.05)}.menu-button{display:none;background:none;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.5rem .7rem}
main{min-height:70vh}.container{max-width:var(--max);margin:auto;padding:0 1.2rem}.hero{padding:5.6rem 0 3.4rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,223,43,.12),transparent 66%);right:-140px;top:-180px}.eyebrow{font:500 .72rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--yellow)}h1,h2,h3{font-family:var(--font-title);line-height:1.13;font-weight:400}h1{font-size:clamp(2.7rem,7vw,5.8rem);margin:.65rem 0 1rem;max-width:1000px}h2{font-size:clamp(1.8rem,4vw,3.1rem);margin:0 0 1rem}h3{font-size:1.35rem}.hero-copy{max-width:820px;color:var(--paper);font-size:clamp(1rem,2vw,1.25rem)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border-radius:12px;border:1px solid var(--border);text-decoration:none;font-weight:700}.button.primary{background:var(--yellow);color:#16120b;border-color:var(--yellow)}.button.secondary{color:var(--text);background:rgba(255,255,255,.03)}
.search-shell{position:relative;max-width:860px;margin-top:2rem}.search-input{width:100%;min-height:58px;border:1px solid var(--border-strong);border-radius:16px;background:#12100d;color:var(--text);padding:0 3.4rem 0 1.1rem;font:1rem var(--font-body);box-shadow:0 0 28px rgba(255,223,43,.06)}.search-input:focus{outline:3px solid rgba(255,223,43,.18);border-color:var(--yellow)}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--yellow)}.search-results{display:none;position:absolute;left:0;right:0;top:calc(100% + .5rem);z-index:20;background:#14110d;border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow);max-height:430px;overflow:auto;padding:.45rem}.search-results.open{display:block}.search-result{display:block;padding:.75rem .8rem;border-radius:12px;color:var(--text);text-decoration:none}.search-result:hover,.search-result:focus{background:rgba(255,223,43,.08)}.search-result small{color:var(--yellow);font:500 .67rem var(--font-mono);text-transform:uppercase}.search-result strong{display:block}.search-result span{display:block;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.stat{padding:1rem;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.stat strong{display:block;font:1.65rem var(--font-title);color:var(--yellow)}.stat span{font-size:.8rem;color:var(--muted)}
.section{padding:4rem 0}.section.alt{background:rgba(255,255,255,.018);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.section-head p{max-width:620px;color:var(--muted);margin:0}.filters{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0}.filter{border:1px solid var(--border);background:transparent;color:var(--muted);padding:.5rem .8rem;border-radius:999px;cursor:pointer}.filter.active,.filter:hover{color:#15110a;background:var(--yellow);border-color:var(--yellow)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.node-card{display:flex;flex-direction:column;min-height:320px;padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.node-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--era-colour,var(--yellow))}.node-card[hidden]{display:none}.node-card .meta{font:500 .68rem var(--font-mono);color:var(--era-colour,var(--yellow));letter-spacing:.08em;text-transform:uppercase}.node-card h3{margin:.75rem 0}.node-card p{color:var(--muted);font-size:.93rem;flex:1}.node-card .constraint{padding:.75rem;border-left:2px solid var(--era-colour,var(--yellow));background:rgba(255,255,255,.025);font-size:.82rem;color:var(--paper)}.node-card .card-link{margin-top:1rem;font-weight:700;text-decoration:none}.era-2{--era-colour:#d8ae63}.era-3{--era-colour:#f2c94c}.era-4{--era-colour:#d76454}.era-5{--era-colour:#70a7c7}.era-7{--era-colour:#c893ff}
.timeline{position:relative;margin:1rem 0 0;padding-left:1.4rem}.timeline:before{content:"";position:absolute;left:.36rem;top:.4rem;bottom:.4rem;width:1px;background:linear-gradient(var(--yellow),rgba(255,223,43,.08))}.timeline-item{position:relative;padding:0 0 1.35rem 1.35rem}.timeline-item:before{content:"";position:absolute;width:.72rem;height:.72rem;border-radius:50%;background:var(--era-colour,var(--yellow));left:-1.42rem;top:.35rem;box-shadow:0 0 14px var(--era-colour,var(--yellow))}.timeline-item time{font:.72rem var(--font-mono);color:var(--era-colour,var(--yellow))}.timeline-item h3{margin:.2rem 0 .35rem;font-size:1.12rem}.timeline-item p{margin:0;color:var(--muted);font-size:.9rem}
.breadcrumb{display:flex;gap:.45rem;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-bottom:1rem}.breadcrumb a{color:var(--muted)}.node-hero{padding:3.8rem 0 2.6rem;border-bottom:1px solid var(--border)}.node-hero h1{font-size:clamp(2.5rem,6vw,5rem)}.node-summary{max-width:850px;color:var(--paper);font-size:1.1rem}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.6rem}.fact{border:1px solid var(--border);border-radius:14px;padding:.85rem;background:rgba(255,255,255,.025)}.fact dt{font:.64rem var(--font-mono);color:var(--yellow);text-transform:uppercase;letter-spacing:.08em}.fact dd{margin:.35rem 0 0;font-size:.87rem;color:var(--paper)}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:2.2rem;padding:3rem 0}.page-grid>*{min-width:0}.article p,.article li{color:#d9d0c2}.article table{width:100%;border-collapse:collapse;font-size:.86rem;display:block;overflow:auto}.article th,.article td{border:1px solid var(--border);padding:.55rem;vertical-align:top}.article th{color:var(--yellow);background:rgba(255,223,43,.05)}.article blockquote{border-left:3px solid var(--yellow);margin:1rem 0;padding:.2rem 1rem;color:var(--paper);background:rgba(255,223,43,.03)}.article code{font-family:var(--font-mono);color:#ffeaa0}.article h2{margin-top:3rem}.article h3{margin-top:1.7rem}.citation{display:inline-flex;vertical-align:super;font:500 .6rem var(--font-mono);text-decoration:none;background:rgba(255,223,43,.12);border:1px solid var(--border-strong);border-radius:6px;padding:.03rem .25rem;margin:0 .1rem}.toc{position:sticky;top:88px;align-self:start;border:1px solid var(--border);border-radius:16px;padding:1rem;background:var(--surface)}.toc h2{font-size:1.05rem}.toc a{display:block;color:var(--muted);text-decoration:none;padding:.35rem 0;font-size:.82rem}.toc a:hover{color:var(--yellow)}
.callout{border:1px solid var(--border-strong);border-left:4px solid var(--yellow);border-radius:14px;padding:1rem;background:rgba(255,223,43,.04);margin:1.5rem 0}.callout strong{font-family:var(--font-title);color:var(--yellow)}.details-stack details{border:1px solid var(--border);border-radius:14px;background:var(--surface);margin:.7rem 0;overflow:hidden}.details-stack summary{cursor:pointer;padding:1rem;font-family:var(--font-title);font-size:1.1rem;color:var(--paper)}.details-stack summary:hover{background:rgba(255,223,43,.04)}.details-content{padding:0 1rem 1rem;border-top:1px solid var(--border)}
.graph-panel{width:100%;max-width:100%;border:1px solid var(--border);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(255,223,43,.05),transparent 45%),#100e0b;padding:.8rem;overflow-x:auto}.graph-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}.graph-toolbar button{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;padding:.42rem .7rem;cursor:pointer}.graph-toolbar button.active{background:var(--yellow);color:#15110a;border-color:var(--yellow)}.relationship-svg{min-width:760px;height:auto}.graph-edge{stroke:rgba(234,217,183,.42);stroke-width:1.5;color:rgba(234,217,183,.48)}.graph-edge.edge-primary{stroke:rgba(255,223,43,.72);stroke-width:2;color:rgba(255,223,43,.72)}.graph-edge.edge-contextual{stroke-dasharray:5 6;opacity:.55}.edge-label{font:9px var(--font-mono);fill:var(--paper-muted);text-anchor:middle;paint-order:stroke;stroke:#100e0b;stroke-width:4}.graph-node rect{fill:#1b1712;stroke:rgba(234,217,183,.3)}.graph-node text{font:12px var(--font-body);fill:var(--text)}.graph-node .node-id{font:9px var(--font-mono);fill:var(--yellow)}.graph-node.centre rect{fill:#2a2111;stroke:var(--yellow);stroke-width:2;filter:drop-shadow(0 0 11px rgba(255,223,43,.2))}.graph-node.centre text{font-family:var(--font-title);font-size:14px}.graph-node.neighbour:hover rect{stroke:var(--yellow)}.edge-hidden{display:none}.relationship-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-top:1rem}.relationship-record{border:1px solid var(--border);border-radius:12px;padding:.75rem;background:rgba(255,255,255,.02);font-size:.82rem}.relationship-record .edge-type{color:var(--yellow);font:500 .66rem var(--font-mono);text-transform:uppercase}
.entity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.entity-card{border:1px solid var(--border);border-radius:16px;padding:1rem;background:var(--surface);scroll-margin-top:90px}.entity-card h3{margin:.2rem 0}.entity-card p{color:var(--muted);font-size:.9rem}.entity-card .linked-nodes{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:.25rem .55rem;color:var(--paper);font-size:.72rem;text-decoration:none}.chip:hover{border-color:var(--yellow)}
.source-list{list-style:none;padding:0}.source-list li{border-top:1px solid var(--border);padding:1rem 0;scroll-margin-top:90px}.source-label{display:inline-block;font:500 .65rem var(--font-mono);color:var(--yellow);min-width:3rem}.source-list p{margin:.25rem 0 0;color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}.source-list a{overflow-wrap:anywhere}.node-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--border)}.node-nav a{max-width:46%;text-decoration:none}.node-nav small{display:block;color:var(--muted)}
.empty-note{padding:1rem;border:1px dashed var(--border);border-radius:14px;color:var(--muted)}.footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted);font-size:.82rem}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.qa-badge{display:inline-flex;gap:.4rem;align-items:center;color:#bde7ba}.qa-badge:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#74c46a;box-shadow:0 0 10px rgba(116,196,106,.5)}
@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}.stats,.fact-grid{grid-template-columns:repeat(2,1fr)}.page-grid{grid-template-columns:1fr}.toc{position:static;order:-1}.relationship-list{grid-template-columns:1fr}.entity-grid{grid-template-columns:1fr}}
@media (max-width:680px){.header-inner{align-items:flex-start}.menu-button{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;padding:.7rem;background:#0b0907;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:.8rem 1.2rem}.brand-copy span{display:none}.hero{padding:3.7rem 0 2.6rem}.stats,.fact-grid,.card-grid{grid-template-columns:1fr}.section{padding:2.8rem 0}.section-head{display:block}.node-hero{padding:2.5rem 0 2rem}.page-grid{padding:2rem 0}.graph-panel{margin-left:-1.2rem;margin-right:-1.2rem;border-radius:0}.entity-grid{grid-template-columns:1fr}.node-nav{display:block}.node-nav a{display:block;max-width:none;margin:.8rem 0}.footer-inner{display:block}.search-results{max-height:60vh}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Full-site foundation inherited and refined for v1.6 */
.nav{max-width:min(66vw,760px);overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap}
.directory-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:1rem;align-items:start;margin:1.25rem 0}.directory-count{font:500 .78rem var(--font-mono);color:var(--paper-muted);padding:.75rem 0}
.alpha-list{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.5rem}.alpha-list a,.alpha-list button{border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--paper);border-radius:999px;padding:.42rem .68rem;text-decoration:none;font:600 .72rem var(--font-mono);cursor:pointer}.alpha-list a:hover,.alpha-list button:hover{border-color:var(--yellow);color:var(--yellow)}
.page-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.page-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow)}.page-card h2,.page-card h3{font-family:var(--font-title);margin:.35rem 0 .7rem}.page-card p{color:var(--muted)}
.era-banner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.5rem;align-items:center}.era-banner img{border:1px solid var(--border);border-radius:var(--radius);background:#0b0907;box-shadow:var(--shadow)}
.entity-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.entity-card .status{font:500 .72rem var(--font-mono);color:var(--paper-muted);text-transform:uppercase;letter-spacing:.07em}.entity-card .card-link{margin-top:auto}.entity-card{display:flex;flex-direction:column}
.entity-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);gap:1.4rem}.entity-facts{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.entity-facts div{padding:.65rem 0;border-bottom:1px solid var(--border)}.entity-facts div:last-child{border:0}.entity-facts dt{font:500 .7rem var(--font-mono);color:var(--paper-muted);text-transform:uppercase}.entity-facts dd{margin:.2rem 0 0}
.catalog-list{display:grid;gap:.8rem}.catalog-record{border:1px solid var(--border);background:rgba(255,255,255,.022);border-radius:14px;padding:1rem}.catalog-record[hidden]{display:none}.catalog-record h3{font-size:1rem;margin:.15rem 0 .45rem}.catalog-meta{font:500 .72rem var(--font-mono);color:var(--paper-muted)}
.timeline-tools{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);gap:1rem;margin-bottom:1.25rem}.select-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:.85rem 1rem;font:inherit}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.comparison-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem}.comparison-card h2,.comparison-card h3{font-family:var(--font-title)}
.synthesis-article{max-width:820px}.synthesis-article h1,.synthesis-article h2,.synthesis-article h3{font-family:var(--font-title);scroll-margin-top:6rem}.synthesis-article table{display:block;overflow:auto}.synthesis-article blockquote{border-left:3px solid var(--yellow);margin:1rem 0;padding:.25rem 1rem;color:var(--paper)}
.master-graph-shell{border:1px solid var(--border);border-radius:var(--radius);background:#090806;overflow:auto;max-height:78vh}.master-graph-svg{display:block;min-width:1320px;width:100%;height:auto}.master-graph-svg .mg-edge{stroke:rgba(234,217,183,.17);stroke-width:1}.master-graph-svg .mg-node rect{fill:#18140f;stroke:rgba(255,223,43,.32);stroke-width:1.2}.master-graph-svg .mg-node text{fill:#f6ead2;font:600 11px var(--font-body)}.master-graph-svg .mg-node .node-id{fill:var(--yellow);font:500 9px var(--font-mono)}.master-graph-svg .mg-node:hover rect,.master-graph-svg .mg-node.highlight rect{stroke:var(--yellow);stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,223,43,.45))}.master-graph-svg .mg-node.dim,.master-graph-svg .mg-edge.dim{opacity:.08}.graph-legend{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.graph-legend button{border:1px solid var(--border);background:var(--surface);color:var(--paper);border-radius:999px;padding:.45rem .75rem;cursor:pointer}.graph-legend button.active{border-color:var(--yellow);color:var(--yellow)}
.figure-frame{border:1px solid var(--border);border-radius:var(--radius);background:#0b0907;padding:.6rem;overflow:auto}.figure-frame img{display:block;min-width:820px;margin:auto}
.beta-note{border:1px solid var(--border-strong);border-radius:var(--radius);padding:1rem;background:rgba(255,223,43,.055)}
.legacy-redirect{max-width:720px;margin:15vh auto;padding:2rem;text-align:center}
@media(max-width:940px){.page-card-grid,.entity-list,.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.era-banner,.entity-hero-grid{grid-template-columns:1fr}.nav{max-width:none}}
@media(max-width:680px){.page-card-grid,.entity-list,.comparison-grid{grid-template-columns:1fr}.directory-tools,.timeline-tools{grid-template-columns:1fr}.era-banner img{width:100%}.figure-frame img{min-width:720px}.header-inner{align-items:flex-start}.nav{overflow:visible}}
/* Responsive and interaction QA corrections */
[hidden]{display:none!important}
.source-list strong,.catalog-record h3,.catalog-record p,.article,.details-content{overflow-wrap:anywhere;word-break:normal}
@media(min-width:941px){
  .brand-copy strong{font-size:.94rem;letter-spacing:.025em}
  .nav{max-width:780px}
  .nav a{font-size:.78rem;padding:.48rem .52rem}
}


/* v1.6 public experience layer */
.node-id,.internal-id,.status{display:none!important}
.public-hero{padding-top:6.6rem}.public-hero h1{max-width:1060px}.public-hero .hero-copy{max-width:850px}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.path-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.path-card{display:block;text-decoration:none;color:var(--text);padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),var(--surface);box-shadow:var(--shadow)}.path-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.path-card p{color:var(--muted)}.path-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yellow);color:#16120b;font-weight:800;margin-bottom:1rem}
.journey-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.4rem 0}.journey-stop{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--text)}.journey-stop span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,223,43,.12);color:var(--yellow);font:500 .75rem var(--font-mono)}
.principle-grid,.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.principle-grid article,.summary-grid article{padding:1rem;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02)}.principle-grid p,.summary-grid p{color:var(--muted)}
.story-list{display:grid;gap:1rem;max-width:900px;margin:auto}.story-step{display:grid;grid-template-columns:60px 1fr;gap:1.2rem;padding:1.35rem;border:1px solid var(--border);border-left:4px solid var(--era-colour,var(--yellow));border-radius:var(--radius);background:var(--surface)}.story-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--era-colour,var(--yellow));color:#111;font:700 1rem var(--font-mono)}.story-step h2{font-size:1.55rem;margin:.25rem 0}.story-step p{color:var(--muted)}.next-choice{max-width:900px;margin:2.5rem auto 0;padding:1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:rgba(255,223,43,.04)}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.theme-card{display:block;min-height:250px;padding:1.3rem;border:1px solid var(--border);border-top:4px solid var(--theme-colour,var(--yellow));border-radius:var(--radius);background:var(--surface);text-decoration:none;color:var(--text)}.theme-card:hover{border-color:var(--theme-colour,var(--yellow));transform:translateY(-2px)}.theme-card p{color:var(--muted)}.theme-icon,.topic-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--theme-colour,var(--yellow)) 18%,transparent);color:var(--theme-colour,var(--yellow));font-size:1.4rem}.topic-icon{width:34px;height:34px;font-size:1rem;border-radius:10px}.topic-card-top{display:flex;align-items:center;gap:.7rem}.theme-question{max-width:760px;border-left:3px solid var(--theme-colour,var(--yellow));padding:.6rem 1rem;margin:1.5rem 0 0;color:var(--paper);font-size:1.15rem}.theme-era-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.theme-era{padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.theme-era ul{padding-left:1.1rem}.theme-era li{margin:.4rem 0}
.theme-representing-meaning{--theme-colour:#ffd85a}.theme-remembering-and-storing{--theme-colour:#c69c6d}.theme-copying-information{--theme-colour:#ffaf66}.theme-sending-information{--theme-colour:#70a7c7}.theme-reaching-audiences{--theme-colour:#d76454}.theme-finding-information{--theme-colour:#8fd7ba}.theme-processing-and-transforming{--theme-colour:#8bb8ff}.theme-interpreting-meaning{--theme-colour:#c893ff}.theme-trust-authenticity-and-control{--theme-colour:#f3c96a}.theme-communication-and-coordination{--theme-colour:#78d0d8}.theme-preserving-cultural-memory{--theme-colour:#d3b58a}
.node-card[class*="theme-"]:before{background:var(--theme-colour,var(--yellow))}.node-card[class*="theme-"] .meta{color:var(--theme-colour,var(--yellow))}.node-card[class*="theme-"] .constraint{border-color:var(--theme-colour,var(--yellow))}
.library-tools{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(190px,.8fr) minmax(190px,.8fr);gap:1rem;margin-bottom:1rem}.library-tools label span{display:block;margin-bottom:.35rem;color:var(--paper-muted);font:500 .72rem var(--font-mono);text-transform:uppercase;letter-spacing:.07em}.library-tools .search-input{min-height:50px}.filter-message{min-height:1.5rem;color:var(--muted)}
.public-summary{margin:2.2rem 0;padding:1.4rem;border:1px solid var(--border);border-top:4px solid var(--theme-colour,var(--yellow));border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-colour,var(--yellow)) 7%,transparent),rgba(255,255,255,.018))}.public-summary .lead{color:var(--paper);font-size:1.08rem}.public-summary .summary-grid{grid-template-columns:repeat(3,1fr)}.topic-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.mini-entity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.mini-entity{display:block;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--text)}.mini-entity span{display:block;color:var(--muted);font-size:.84rem;margin-top:.3rem}.subsection-title{margin-top:2.5rem}.narrow{max-width:880px}
.footer-links{text-align:right}.footer-links a{color:var(--paper-muted)}
.source-list{counter-reset:item}.source-list li{position:relative}.source-list li:before{counter-increment:item;content:counter(item);position:absolute;left:-2.1rem;top:.15rem;width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;background:rgba(255,223,43,.1);color:var(--yellow);font:500 .68rem var(--font-mono)}
.citation{font-size:.72em;vertical-align:super;text-decoration:none}.research-notes-note{color:var(--muted)}
@media(max-width:940px){.path-grid,.theme-grid,.principle-grid,.summary-grid,.theme-era-grid,.mini-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-strip{grid-template-columns:repeat(2,1fr)}.library-tools{grid-template-columns:1fr 1fr}.library-tools label:first-child{grid-column:1/-1}}
@media(max-width:680px){.path-grid,.path-grid.two,.theme-grid,.principle-grid,.summary-grid,.theme-era-grid,.mini-entity-grid,.journey-strip,.public-summary .summary-grid{grid-template-columns:1fr}.story-step{grid-template-columns:44px 1fr;padding:1rem}.story-number{width:38px;height:38px}.library-tools{grid-template-columns:1fr}.library-tools label:first-child{grid-column:auto}.topic-actions .button{width:100%}.footer-links{text-align:left}.public-hero{padding-top:4.5rem}.theme-card{min-height:0}}

/* =========================================================
   v1.7 Visual Experience and Component Redesign
   ========================================================= */
:root{
  --bg:#0a0907;--bg-deep:#050504;--surface:#15120e;--surface-2:#1d1812;
  --paper:#ead9b7;--paper-muted:#c2b08f;--text:#fbf6ec;--muted:#b8afa1;
  --yellow:#ffe12f;--yellow-soft:#f0c94d;--border:rgba(234,217,183,.14);
  --border-strong:rgba(255,225,47,.38);--shadow:0 22px 60px rgba(0,0,0,.42);
  --shadow-soft:0 12px 36px rgba(0,0,0,.28);--radius:22px;--max:1240px;
}
body.v17{background:
  radial-gradient(circle at 8% -8%,rgba(255,225,47,.08),transparent 29%),
  radial-gradient(circle at 91% 18%,rgba(112,167,199,.045),transparent 26%),
  linear-gradient(180deg,#070604 0%,#0b0907 38%,#090806 100%);
  color:var(--text);font-size:16px}
body.v17::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:-1}
.v17 h1,.v17 h2{font-family:var(--font-title);font-weight:400;letter-spacing:.005em;text-wrap:balance}
.v17 h3,.v17 h4{font-family:var(--font-body);font-weight:750;line-height:1.25;letter-spacing:-.018em;text-wrap:balance}
.v17 h1{font-size:clamp(3rem,6.2vw,5.6rem);line-height:1.01}
.v17 h2{font-size:clamp(2.15rem,4.2vw,3.65rem);line-height:1.06}
.v17 h3{font-size:1.22rem}
.v17 p{max-width:72ch}
.v17 .eyebrow{font-size:.7rem;letter-spacing:.2em;font-weight:600}
.v17 .container{padding-inline:clamp(1.1rem,3vw,2rem)}
.v17 .section{padding:clamp(4.5rem,8vw,7rem) 0}
.v17 .section.alt{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025),rgba(255,255,255,.012))}
.v17 .section-head{align-items:start;margin-bottom:2rem}
.v17 .section-head.compact{max-width:1020px}
.v17 .section-head p{font-size:1rem;line-height:1.7}

/* Header */
.v17 .site-header{background:rgba(6,5,4,.88);border-bottom:1px solid rgba(234,217,183,.11);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.v17 .header-inner{padding:.8rem clamp(1rem,3vw,2rem)}
.v17 .brand-mark{width:46px;height:46px;border-radius:14px;background:radial-gradient(circle at 35% 25%,rgba(255,225,47,.16),transparent 55%),#0d0b08;box-shadow:0 0 0 1px rgba(255,225,47,.08),0 0 28px rgba(255,225,47,.09)}
.v17 .brand-copy strong{font-family:var(--font-title);font-size:1rem;letter-spacing:.03em;color:#f7eedb}
.v17 .brand-copy span{font-size:.69rem;color:#958b7e}
.v17 .nav{gap:.15rem}
.v17 .nav a{font-size:.79rem;padding:.58rem .65rem;border:1px solid transparent}
.v17 .nav a:hover,.v17 .nav a[aria-current="page"]{background:rgba(255,225,47,.055);border-color:rgba(255,225,47,.12);color:#fff8dd}
.v17 .menu-button{font:700 .75rem var(--font-body);letter-spacing:.05em;text-transform:uppercase}

/* Buttons and search */
.v17 .button{min-height:48px;padding:.76rem 1.15rem;border-radius:13px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.v17 .button:hover{transform:translateY(-2px)}
.v17 .button.primary{background:linear-gradient(180deg,#ffe954,#ffda12);box-shadow:0 10px 28px rgba(255,225,47,.14);color:#16120a}
.v17 .button.primary:hover{color:#16120a;box-shadow:0 14px 34px rgba(255,225,47,.22)}
.v17 .button.secondary{background:rgba(255,255,255,.035);border-color:rgba(234,217,183,.2)}
.v17 .search-shell{max-width:760px}
.v17 .search-input{min-height:60px;border-radius:15px;background:rgba(13,11,8,.9);border-color:rgba(255,225,47,.27);box-shadow:inset 0 1px rgba(255,255,255,.025),0 15px 38px rgba(0,0,0,.22)}
.v17 .search-input::placeholder{color:#8f8578}
.v17 .search-results{background:#100e0a;border-radius:15px}

/* Home hero */
.home-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(234,217,183,.11);padding:clamp(4.5rem,8vw,8.2rem) 0 clamp(4.2rem,7vw,6.6rem)}
.home-hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(6,5,4,.15),rgba(6,5,4,.38)),
  radial-gradient(circle at 77% 40%,rgba(255,225,47,.07),transparent 28%);pointer-events:none}
.home-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.93fr) minmax(430px,1.07fr);align-items:center;gap:clamp(2rem,5vw,5rem)}
.home-hero-copy{padding-block:1rem}
.home-hero h1{max-width:720px;margin:.7rem 0 1.25rem;font-size:clamp(4rem,7.6vw,7rem);line-height:.96}
.home-hero .hero-copy{font-size:clamp(1.06rem,1.55vw,1.28rem);line-height:1.75;color:#d6cbb9}
.home-hero .search-shell{margin-top:2.1rem}
.hero-promise{display:flex;flex-wrap:wrap;gap:.55rem 1.3rem;margin-top:1.4rem;color:#9e9486;font-size:.78rem}
.hero-promise span{display:flex;align-items:center;gap:.5rem}
.hero-promise span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px rgba(255,225,47,.4)}
.home-map{margin:0;position:relative}
.home-map::before{content:"";position:absolute;inset:8% 5% 5%;border-radius:50%;background:rgba(255,225,47,.06);filter:blur(50px);z-index:-1}
.home-map img{display:block;width:100%;filter:drop-shadow(0 30px 45px rgba(0,0,0,.35))}
.home-map figcaption{text-align:center;color:#8f8578;font:500 .68rem var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin-top:.7rem}

/* Route cards */
.route-section{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.024))}
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.route-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:440px;padding:1.3rem 1.3rem 1.5rem;text-decoration:none;color:var(--text);border:1px solid rgba(234,217,183,.14);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.012)),#12100c;box-shadow:var(--shadow-soft);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.route-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 15%,rgba(255,225,47,.08),transparent 34%);opacity:.8;pointer-events:none}
.route-card:hover{transform:translateY(-6px);border-color:rgba(255,225,47,.38);box-shadow:0 25px 60px rgba(0,0,0,.44)}
.route-card h3{font-size:1.55rem;margin:.45rem 0 .6rem}
.route-card p{color:#afa598;line-height:1.68;flex:1}
.route-card strong{display:flex;justify-content:space-between;align-items:center;color:#f5df6b;font-size:.88rem}
.route-card strong span{font-size:1.25rem;transition:transform .18s ease}.route-card:hover strong span{transform:translateX(4px)}
.route-kicker{font:600 .64rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.route-visual{height:190px;position:relative;margin-bottom:1.3rem;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(0,0,0,.08));border:1px solid rgba(234,217,183,.08)}
.route-visual::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(234,217,183,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(234,217,183,.035) 1px,transparent 1px);background-size:28px 28px}
.route-story .route-path{position:absolute;left:12%;right:12%;top:50%;height:3px;background:linear-gradient(90deg,#d3b58a,var(--yellow),#c893ff);transform:rotate(-6deg);box-shadow:0 0 18px rgba(255,225,47,.18)}
.route-story .route-visual i{position:absolute;width:24px;height:24px;border-radius:50%;background:#111;border:3px solid var(--yellow);z-index:2}.route-story .route-visual i:nth-of-type(1){left:15%;top:60%}.route-story .route-visual i:nth-of-type(2){left:36%;top:42%;border-color:#ffaf66}.route-story .route-visual i:nth-of-type(3){left:61%;top:54%;border-color:#70a7c7}.route-story .route-visual i:nth-of-type(4){right:13%;top:29%;border-color:#c893ff}
.route-theme .theme-orbit{position:absolute;width:112px;height:112px;border:2px solid rgba(255,225,47,.48);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.route-theme .theme-orbit::before,.route-theme .theme-orbit::after{content:"";position:absolute;border:1px solid rgba(112,167,199,.35);border-radius:50%;inset:-24px}.route-theme .theme-orbit::after{inset:25px;border-color:rgba(200,147,255,.45)}
.route-theme .route-visual i{position:absolute;width:20px;height:20px;border-radius:6px;background:#18130d;border:2px solid var(--yellow);z-index:2}.route-theme .route-visual i:nth-of-type(1){left:20%;top:25%}.route-theme .route-visual i:nth-of-type(2){right:18%;top:23%;border-color:#70a7c7}.route-theme .route-visual i:nth-of-type(3){left:18%;bottom:18%;border-color:#ffaf66}.route-theme .route-visual i:nth-of-type(4){right:22%;bottom:14%;border-color:#c893ff}.route-theme .route-visual i:nth-of-type(5){left:47%;top:45%;background:var(--yellow)}
.route-search .route-lens{position:absolute;width:92px;height:92px;border:8px solid var(--yellow);border-radius:50%;left:35%;top:28%;box-shadow:0 0 30px rgba(255,225,47,.14)}.route-search .route-lens::after{content:"";position:absolute;width:78px;height:10px;background:var(--yellow);border-radius:10px;right:-58px;bottom:-29px;transform:rotate(43deg)}
.route-search .route-visual i{position:absolute;width:36px;height:28px;border:1px solid rgba(234,217,183,.28);border-radius:6px;background:rgba(255,255,255,.035)}.route-search .route-visual i:nth-of-type(1){left:15%;top:24%}.route-search .route-visual i:nth-of-type(2){right:12%;top:18%}.route-search .route-visual i:nth-of-type(3){right:17%;bottom:17%}

/* Featured journey */
.feature-section{border-top:1px solid rgba(234,217,183,.1);border-bottom:1px solid rgba(234,217,183,.1);background:radial-gradient(circle at 15% 50%,rgba(255,175,102,.05),transparent 28%),rgba(255,255,255,.012)}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:clamp(2.5rem,5vw,5rem);align-items:center}
.feature-visual{margin:0}.feature-visual img{display:block;width:100%;filter:drop-shadow(0 24px 38px rgba(0,0,0,.3))}
.feature-copy p{color:#b9afa1;line-height:1.75}
.feature-steps{list-style:none;padding:0;margin:1.5rem 0 1.8rem;display:grid;gap:.45rem}
.feature-steps a{display:flex;align-items:center;gap:.85rem;padding:.65rem .75rem;border-radius:10px;text-decoration:none;color:#e8decf;background:rgba(255,255,255,.018);border:1px solid transparent}
.feature-steps a:hover{border-color:rgba(255,225,47,.18);background:rgba(255,225,47,.04)}
.feature-steps span{font:600 .65rem var(--font-mono);color:var(--yellow)}

/* Home themes */
.home-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.home-theme{display:grid;grid-template-columns:64px 1fr;align-items:start;gap:1rem;min-height:150px;padding:1.1rem;border:1px solid rgba(234,217,183,.13);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-colour,var(--yellow)) 5%,transparent),rgba(255,255,255,.012));text-decoration:none;color:var(--text);transition:transform .2s ease,border-color .2s ease}
.home-theme:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--theme-colour,var(--yellow)) 50%,transparent)}
.home-theme-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:color-mix(in srgb,var(--theme-colour,var(--yellow)) 16%,#0c0a08);border:1px solid color-mix(in srgb,var(--theme-colour,var(--yellow)) 34%,transparent);color:var(--theme-colour,var(--yellow));font-size:1.5rem}
.home-theme h3{margin:.2rem 0 .35rem;font-size:1.05rem}.home-theme p{margin:0;color:#9f9588;font-size:.86rem;line-height:1.55}
.section-action{margin-top:1.5rem}

/* Closing */
.closing-section{padding-bottom:clamp(5rem,9vw,8rem)}
.closing-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);align-items:center;gap:clamp(2rem,6vw,6rem)}
.closing-copy p{font-size:1.08rem;color:#b9afa1;line-height:1.78}.closing-layout figure{margin:0}.closing-layout img{display:block;width:100%;filter:drop-shadow(0 28px 48px rgba(0,0,0,.32))}
.text-link{font-weight:700;text-decoration:none;align-self:center}

/* Global card visual system */
.v17 .card-grid{gap:1.15rem}
.v17 .node-card{min-height:430px;padding:1rem;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-colour,var(--yellow)) 3%,transparent),rgba(255,255,255,.012)),#12100c;border-color:rgba(234,217,183,.13);box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.v17 .node-card::before{width:100%;height:3px;bottom:auto;background:var(--theme-colour,var(--era-colour,var(--yellow)))}
.v17 .node-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--theme-colour,var(--yellow)) 40%,transparent);box-shadow:0 24px 54px rgba(0,0,0,.38)}
.v17 .node-card h3{font-size:1.22rem;margin:.8rem 0 .55rem}
.v17 .node-card p{font-size:.88rem;line-height:1.62}
.v17 .node-card .constraint{font-size:.78rem;border-left:0;border-top:1px solid color-mix(in srgb,var(--theme-colour,var(--yellow)) 30%,transparent);background:transparent;padding:.75rem 0 0;margin-top:.35rem}
.v17 .topic-card-top{min-height:38px}
.topic-visual{position:relative;height:122px;margin:.8rem 0 .25rem;border-radius:15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-colour,var(--yellow)) 18%,transparent);background:
  radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--theme-colour,var(--yellow)) 13%,transparent),transparent 34%),
  linear-gradient(145deg,#0d0b08,#17130e)}
.topic-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(234,217,183,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(234,217,183,.032) 1px,transparent 1px);background-size:24px 24px}
.topic-visual span{position:absolute;display:block}
.visual-orbit{width:72px;height:72px;border-radius:50%;border:2px solid color-mix(in srgb,var(--theme-colour,var(--yellow)) 65%,transparent);left:calc(50% - 36px);top:calc(50% - 36px);box-shadow:0 0 20px color-mix(in srgb,var(--theme-colour,var(--yellow)) 13%,transparent)}
.visual-axis{left:17%;right:17%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--theme-colour,var(--yellow)),transparent);transform:rotate(-9deg)}
.visual-point{width:13px;height:13px;border-radius:50%;background:#10100d;border:2px solid var(--theme-colour,var(--yellow));box-shadow:0 0 14px color-mix(in srgb,var(--theme-colour,var(--yellow)) 28%,transparent)}
.visual-point-a{left:18%;top:62%}.visual-point-b{left:48%;top:34%}.visual-point-c{right:17%;top:54%}
[data-visual-theme="remembering-and-storing"] .visual-orbit{border-radius:12px;box-shadow:10px 10px 0 -2px #0d0b08,10px 10px 0 0 color-mix(in srgb,var(--theme-colour) 35%,transparent),20px 20px 0 -2px #0d0b08,20px 20px 0 0 color-mix(in srgb,var(--theme-colour) 22%,transparent)}
[data-visual-theme="copying-information"] .visual-orbit{border-radius:10px;transform:rotate(-7deg);box-shadow:18px 13px 0 -2px #0d0b08,18px 13px 0 0 var(--theme-colour)}
[data-visual-theme="sending-information"] .visual-axis{height:4px;transform:rotate(-15deg)}
[data-visual-theme="reaching-audiences"] .visual-orbit{width:34px;height:34px;left:calc(50% - 17px);top:calc(50% - 17px);box-shadow:0 0 0 15px color-mix(in srgb,var(--theme-colour) 8%,transparent),0 0 0 31px color-mix(in srgb,var(--theme-colour) 5%,transparent),0 0 0 48px color-mix(in srgb,var(--theme-colour) 3%,transparent)}
[data-visual-theme="finding-information"] .visual-orbit::after{content:"";position:absolute;width:36px;height:4px;border-radius:4px;background:var(--theme-colour);right:-28px;bottom:-15px;transform:rotate(45deg)}
[data-visual-theme="processing-and-transforming"] .visual-orbit{border-style:dashed;animation:visual-spin 18s linear infinite}
[data-visual-theme="interpreting-meaning"] .visual-axis{height:3px;background:linear-gradient(90deg,transparent,var(--theme-colour),transparent);clip-path:polygon(0 45%,10% 45%,13% 5%,17% 95%,22% 40%,29% 40%,32% 20%,36% 70%,42% 45%,100% 45%,100% 60%,0 60%)}
[data-visual-theme="trust-authenticity-and-control"] .visual-orbit{transform:rotate(45deg);border-radius:16px}
[data-visual-theme="communication-and-coordination"] .visual-orbit{border-style:dotted}
[data-visual-theme="preserving-cultural-memory"] .visual-orbit{border-radius:50% 50% 42% 58% / 56% 44% 56% 44%}
@keyframes visual-spin{to{transform:rotate(360deg)}}

/* Theme cards */
.v17 .theme-grid{gap:1.15rem}
.v17 .theme-card{min-height:390px;padding:1rem;border-top:0;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-colour,var(--yellow)) 4%,transparent),rgba(255,255,255,.012)),#12100c;box-shadow:var(--shadow-soft);overflow:hidden;position:relative}
.v17 .theme-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--theme-colour,var(--yellow))}
.v17 .theme-card h2{font-family:var(--font-body);font-weight:750;font-size:1.35rem;line-height:1.2;margin:.8rem 0 .55rem}
.v17 .theme-card p{font-size:.9rem;line-height:1.65}
.v17 .theme-icon{position:absolute;top:1rem;right:1rem;z-index:2;width:40px;height:40px}
.theme-visual{position:relative;height:170px;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#0d0b08,#18140f);border:1px solid color-mix(in srgb,var(--theme-colour,var(--yellow)) 18%,transparent)}
.theme-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--theme-colour) 13%,transparent),transparent 46%)}
.theme-visual span{position:absolute;display:block}.theme-visual-ring{width:90px;height:90px;border:2px solid var(--theme-colour);border-radius:50%;left:calc(50% - 45px);top:calc(50% - 45px);opacity:.75}.theme-visual-line{left:15%;right:15%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--theme-colour),transparent);transform:rotate(-12deg)}.theme-visual-dot{width:15px;height:15px;border-radius:50%;background:var(--theme-colour);box-shadow:0 0 18px color-mix(in srgb,var(--theme-colour) 35%,transparent)}.theme-visual-dot-a{left:22%;bottom:25%}.theme-visual-dot-b{right:22%;top:23%}

/* Page heroes */
.v17 .node-hero{padding:clamp(3.5rem,6vw,5.5rem) 0 clamp(2.8rem,5vw,4rem);background:radial-gradient(circle at 85% 30%,rgba(255,225,47,.04),transparent 28%);position:relative;overflow:hidden}
.v17 .node-hero h1{font-size:clamp(3rem,5.6vw,5.2rem);max-width:900px}
.v17 .node-summary{font-size:1.08rem;line-height:1.75;color:#d7cbb8}
.topic-hero-layout,.theme-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.58fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.topic-hero-copy,.theme-hero-copy{min-width:0}
.topic-hero-art,.theme-hero-art{position:relative;min-height:360px;border:1px solid color-mix(in srgb,var(--theme-colour,var(--yellow)) 20%,transparent);border-radius:28px;overflow:hidden;background:
 radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--theme-colour,var(--yellow)) 11%,transparent),transparent 38%),
 linear-gradient(145deg,#17130e,#090806);box-shadow:var(--shadow)}
.topic-hero-art::before,.theme-hero-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(234,217,183,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(234,217,183,.035) 1px,transparent 1px);background-size:34px 34px}
.topic-monogram{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font:400 clamp(4rem,8vw,7rem) var(--font-title);color:var(--theme-colour,var(--yellow));text-shadow:0 0 34px color-mix(in srgb,var(--theme-colour) 26%,transparent);z-index:2}
.topic-signal-field span{position:absolute}.signal-ring{border:1px solid color-mix(in srgb,var(--theme-colour) 46%,transparent);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.ring-one{width:180px;height:180px}.ring-two{width:270px;height:270px;border-style:dashed;opacity:.6}.signal-line{height:2px;background:linear-gradient(90deg,transparent,var(--theme-colour),transparent);width:80%;left:10%;top:46%}.line-one{transform:rotate(-17deg)}.line-two{transform:rotate(36deg)}.signal-dot{width:14px;height:14px;border-radius:50%;background:var(--theme-colour);box-shadow:0 0 18px color-mix(in srgb,var(--theme-colour) 38%,transparent)}.dot-one{left:18%;top:62%}.dot-two{right:18%;top:25%}.dot-three{right:24%;bottom:18%}
.topic-art-label,.theme-hero-caption{position:absolute;bottom:1rem;left:1rem;right:1rem;padding:.65rem .8rem;border:1px solid rgba(234,217,183,.1);border-radius:10px;background:rgba(6,5,4,.58);backdrop-filter:blur(8px);color:#b5aa9b;font:500 .66rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;text-align:center}
.theme-hero-glyph{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;place-items:center;width:150px;height:150px;border-radius:42px;background:color-mix(in srgb,var(--theme-colour) 12%,#0d0b08);border:1px solid color-mix(in srgb,var(--theme-colour) 45%,transparent);color:var(--theme-colour);font-size:4.6rem;z-index:2;box-shadow:0 0 46px color-mix(in srgb,var(--theme-colour) 12%,transparent)}
.theme-history-mark{position:absolute;width:17px;height:17px;border-radius:50%;border:3px solid var(--theme-colour);background:#0b0907;z-index:2}.mark-1{left:13%;top:28%}.mark-2{left:20%;bottom:21%}.mark-3{left:46%;top:14%}.mark-4{right:16%;top:30%}.mark-5{right:21%;bottom:18%}.mark-6{left:48%;bottom:13%}
.theme-hero-art::after{content:"";position:absolute;left:14%;right:14%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--theme-colour),transparent);transform:rotate(-8deg)}

/* Library */
.library-visual-band{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;padding:1rem;margin:-1rem 0 2rem;border:1px solid rgba(234,217,183,.11);border-radius:18px;background:linear-gradient(90deg,rgba(211,181,138,.045),rgba(255,225,47,.045),rgba(200,147,255,.045));overflow:hidden}
.library-visual-band::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,#d3b58a,var(--yellow),#70a7c7,#c893ff);opacity:.45}
.library-mark{position:relative;z-index:2;text-align:center;padding:.65rem .3rem;border-radius:10px;background:#0c0a08;border:1px solid rgba(234,217,183,.11);font:600 .63rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#d9cfbf}
.v17 .library-tools{padding:1rem;border:1px solid rgba(234,217,183,.12);border-radius:18px;background:rgba(255,255,255,.018)}
.v17 .select-input{border-radius:13px;background:#100e0a}

/* Guided story */
.story-era-key{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;max-width:1100px;margin:0 auto 1.4rem;padding:.7rem;border:1px solid rgba(234,217,183,.1);border-radius:14px;background:rgba(255,255,255,.015)}
.story-era-key span{text-align:center;padding:.55rem .25rem;border-radius:8px;background:color-mix(in srgb,var(--era-colour,var(--yellow)) 9%,transparent);color:var(--era-colour,var(--yellow));font:600 .55rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em}
.v17 .story-list{max-width:1050px;gap:1.1rem}
.v17 .story-step{position:relative;grid-template-columns:58px 120px minmax(0,1fr);align-items:center;min-height:170px;padding:1.15rem;border-left:0;border-top:3px solid var(--era-colour,var(--yellow));background:linear-gradient(145deg,color-mix(in srgb,var(--era-colour,var(--yellow)) 4%,transparent),#12100c);box-shadow:var(--shadow-soft)}
.v17 .story-step h2{font-family:var(--font-body);font-weight:750;font-size:1.42rem}
.story-step-visual{position:relative;width:105px;height:105px;border-radius:18px;background:#0c0a08;border:1px solid color-mix(in srgb,var(--era-colour,var(--yellow)) 25%,transparent);overflow:hidden}.story-step-visual span{position:absolute}.story-ring{width:58px;height:58px;border:2px solid var(--era-colour,var(--yellow));border-radius:50%;left:23px;top:23px}.story-line{left:10px;right:10px;top:52px;height:2px;background:var(--era-colour,var(--yellow));transform:rotate(-16deg)}.story-dot{width:13px;height:13px;border-radius:50%;background:var(--era-colour,var(--yellow));right:16px;top:19px;box-shadow:0 0 14px color-mix(in srgb,var(--era-colour) 40%,transparent)}

/* Profile pages */
.v17 .entity-hero-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:center}
.profile-visual{position:relative;height:320px;border-radius:28px;border:1px solid rgba(255,225,47,.17);background:radial-gradient(circle at 50% 43%,rgba(255,225,47,.09),transparent 35%),linear-gradient(145deg,#17130e,#090806);overflow:hidden;box-shadow:var(--shadow)}
.profile-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(234,217,183,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(234,217,183,.03) 1px,transparent 1px);background-size:30px 30px}.profile-halo{position:absolute;width:170px;height:170px;border-radius:50%;border:1px dashed rgba(255,225,47,.35);left:50%;top:46%;transform:translate(-50%,-50%)}.profile-monogram{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font:400 5rem var(--font-title);color:var(--yellow);text-shadow:0 0 30px rgba(255,225,47,.18)}.profile-node{position:absolute;width:14px;height:14px;border-radius:50%;background:#0c0a08;border:3px solid var(--yellow)}.profile-node.node-1{left:18%;top:24%}.profile-node.node-2{right:17%;top:30%;border-color:#70a7c7}.profile-node.node-3{left:23%;bottom:19%;border-color:#ffaf66}.profile-node.node-4{right:24%;bottom:16%;border-color:#c893ff}
.v17 .beta-note{border-left:4px solid var(--yellow);background:rgba(255,225,47,.035)}

/* Footer */
.v17 .footer{padding:2.2rem 0;border-top:1px solid rgba(234,217,183,.11);background:#070604}
.v17 .footer-inner{align-items:center}.v17 .footer-inner span{color:#8f8578}.v17 .footer-links{display:flex;gap:1rem;flex-wrap:wrap}.v17 .footer-links a{text-decoration:none;font-size:.8rem}

/* Gentle reveals */
.js .route-card,.js .home-theme,.js .node-card,.js .theme-card,.js .story-step,.js .feature-layout,.js .closing-layout{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.js .is-visible{opacity:1;transform:none}

/* Responsive */
@media(max-width:1080px){
  .home-hero-grid{grid-template-columns:1fr}.home-hero-copy{max-width:820px}.home-map{max-width:800px;margin:1rem auto 0}.route-grid{grid-template-columns:repeat(2,1fr)}.route-card:last-child{grid-column:1/-1;min-height:380px}.feature-layout,.closing-layout{grid-template-columns:1fr}.feature-copy{max-width:760px}.home-theme-grid{grid-template-columns:repeat(2,1fr)}.topic-hero-layout,.theme-hero-layout{grid-template-columns:1fr}.topic-hero-art,.theme-hero-art{min-height:300px;max-width:700px;width:100%}.entity-hero-grid{grid-template-columns:1fr!important}.profile-visual{max-width:520px}
}
@media(max-width:940px){
  .v17 .nav{position:absolute;display:none;flex-direction:column;align-items:stretch;left:1rem;right:1rem;top:calc(100% + .45rem);padding:.65rem;border:1px solid var(--border);border-radius:16px;background:#100e0b;box-shadow:var(--shadow)}.v17 .nav.open{display:flex}.v17 .nav a{font-size:.88rem;padding:.75rem}.v17 .menu-button{display:block}.v17 .header-inner{position:relative}.v17 .brand-copy strong{font-size:.9rem}.route-grid{grid-template-columns:1fr}.route-card:last-child{grid-column:auto}.route-card{min-height:380px}.home-theme-grid{grid-template-columns:1fr 1fr}.v17 .story-step{grid-template-columns:50px 90px minmax(0,1fr)}.story-step-visual{width:84px;height:84px}.story-ring{width:48px;height:48px;left:18px;top:18px}.story-line{top:41px}.story-era-key{overflow:auto;grid-template-columns:repeat(7,minmax(105px,1fr))}
}
@media(max-width:680px){
  body.v17{font-size:15px}.v17 .brand-copy span{display:none}.v17 .brand-mark{width:41px;height:41px}.home-hero{padding-top:4.2rem}.home-hero h1{font-size:clamp(3.4rem,17vw,5rem)}.home-hero .hero-copy{font-size:1rem}.home-map{margin-top:.5rem}.hero-promise{display:grid;gap:.45rem}.route-grid,.home-theme-grid{grid-template-columns:1fr}.route-card{min-height:0}.route-visual{height:160px}.feature-layout{gap:2rem}.feature-visual{margin-inline:-.5rem}.feature-copy h2,.closing-copy h2{font-size:2.45rem}.home-theme{min-height:0}.closing-layout figure{margin-inline:-.5rem}.v17 .section-head{display:block}.v17 .section-head p{margin-top:.7rem}.topic-hero-art,.theme-hero-art{min-height:250px}.topic-monogram{font-size:4rem}.ring-two{width:210px;height:210px}.ring-one{width:135px;height:135px}.theme-hero-glyph{width:120px;height:120px;font-size:3.7rem}.v17 .node-card{min-height:0}.topic-visual{height:105px}.v17 .theme-card{min-height:0}.theme-visual{height:135px}.library-visual-band{grid-template-columns:repeat(3,1fr)}.library-mark:nth-child(n+4){display:none}.v17 .story-step{grid-template-columns:42px 1fr;padding:1rem}.story-step-visual{display:none}.story-era-key{margin-inline:-.2rem}.profile-visual{height:260px}.v17 .footer-inner{display:grid;gap:1rem}.v17 .footer-links{text-align:left}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .route-card,.js .home-theme,.js .node-card,.js .theme-card,.js .story-step,.js .feature-layout,.js .closing-layout{opacity:1;transform:none}}
.topic-hero-meta{grid-column:1/-1;display:grid;gap:1rem}.topic-hero-meta .fact-grid{margin-top:.2rem}.topic-hero-meta .topic-actions{margin-top:0}
@media(min-width:1081px){.topic-hero-meta{grid-template-columns:1fr auto;align-items:end}.topic-hero-meta .fact-grid{grid-column:1/-1}.topic-hero-meta .topic-actions{grid-column:1/-1}}
@media(max-width:680px){.home-hero .search-input{font-size:.84rem;padding-left:.9rem;padding-right:2.55rem}.topic-hero-meta .fact-grid{margin-top:0}}


/* ==============================================================
   v1.8 Interactive Homepage and Visual Enrichment
   ============================================================== */
.v18{--v18-yellow:#ffe34a;--v18-gold:#f4c542;--v18-orange:#ff8b52;--v18-red:#ef6a62;--v18-blue:#65b9d7;--v18-violet:#b47cff;--v18-green:#78c7a2;--v18-panel:#15120e;--v18-panel-2:#1b1711}
.v18 :focus-visible{outline:3px solid rgba(255,227,74,.62);outline-offset:4px}
.v18-hero{position:relative;overflow:hidden;padding:clamp(4.5rem,8vw,7.8rem) 0 clamp(4rem,7vw,6.5rem);border-bottom:1px solid var(--border);background:radial-gradient(circle at 14% 12%,rgba(255,227,74,.09),transparent 30%),radial-gradient(circle at 88% 30%,rgba(101,185,215,.10),transparent 26%),linear-gradient(135deg,#0b0907 0%,#0e0c09 55%,#0b0b0d 100%)}
.v18-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%);pointer-events:none}
.v18-hero-glow{position:absolute;border-radius:999px;filter:blur(80px);opacity:.22;pointer-events:none}.glow-a{width:420px;height:420px;background:#f4c542;left:-240px;top:80px}.glow-b{width:360px;height:360px;background:#875ce7;right:-180px;bottom:-120px}
.v18-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.84fr) minmax(560px,1.16fr);gap:clamp(2.5rem,5vw,5.5rem);align-items:center}
.v18-hero-copy h1{font-size:clamp(4.2rem,7vw,7.4rem);line-height:.94;max-width:740px;margin:.7rem 0 1.35rem;text-wrap:balance}.v18-hero-copy .hero-copy{max-width:690px;color:#d8cebd;line-height:1.78;font-size:clamp(1.04rem,1.45vw,1.24rem)}
.v18-hero-copy .search-shell{margin-top:2rem}.v18-hero-copy .search-input{background:rgba(16,13,9,.78);backdrop-filter:blur(12px);box-shadow:0 16px 45px rgba(0,0,0,.22),0 0 0 1px rgba(255,227,74,.03) inset}.v18-hero-copy .button.primary{box-shadow:0 12px 32px rgba(255,223,43,.17)}
.hero-promise{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.1rem;color:#b8ad9c;font-size:.76rem}.hero-promise span{display:flex;align-items:center;gap:.48rem}.hero-promise i{width:6px;height:6px;border-radius:50%;background:var(--v18-yellow);box-shadow:0 0 12px rgba(255,227,74,.6)}
.story-atlas{position:relative;min-height:548px;border:1px solid rgba(234,217,183,.13);border-radius:30px;background:radial-gradient(circle at 78% 15%,rgba(180,124,255,.10),transparent 28%),radial-gradient(circle at 16% 80%,rgba(244,197,66,.10),transparent 32%),linear-gradient(155deg,rgba(29,24,16,.94),rgba(13,12,12,.96));box-shadow:0 30px 80px rgba(0,0,0,.42);overflow:hidden;isolation:isolate}
.story-atlas::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 82%);z-index:-1}.story-atlas::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-65px;top:-65px;border:1px solid rgba(180,124,255,.16);box-shadow:0 0 0 45px rgba(180,124,255,.025),0 0 0 90px rgba(180,124,255,.018);z-index:-1}
.atlas-heading{position:absolute;left:1.5rem;top:1.35rem;z-index:4}.atlas-heading span{display:block;color:var(--v18-yellow);font:500 .65rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.atlas-heading strong{display:block;margin-top:.35rem;font-size:.92rem;color:#dfd5c3}.atlas-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.atlas-line{fill:none;stroke-linecap:round}.atlas-line.base{stroke:rgba(234,217,183,.13);stroke-width:10}.atlas-line.glow{stroke:url(#atlasGradient);stroke-width:3;filter:url(#atlasGlow);stroke-dasharray:8 10;animation:atlasFlow 18s linear infinite}
.atlas-stage{--stage:#f4c542;position:absolute;z-index:3;width:168px;min-height:108px;padding:.75rem .8rem .72rem;border:1px solid color-mix(in srgb,var(--stage) 52%,transparent);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--stage) 10%,#17130e),rgba(11,10,9,.95));color:var(--text);text-decoration:none;box-shadow:0 16px 32px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.025) inset;display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:.2rem .6rem;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease}
.atlas-stage:hover,.atlas-stage:focus-visible{color:var(--text);transform:translateY(-7px) scale(1.025);border-color:var(--stage);box-shadow:0 22px 40px rgba(0,0,0,.34),0 0 26px color-mix(in srgb,var(--stage) 26%,transparent)}.atlas-index{position:absolute;right:.55rem;top:.42rem;color:color-mix(in srgb,var(--stage) 75%,white);font:500 .55rem var(--font-mono);letter-spacing:.1em}.atlas-icon{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--stage) 13%,transparent);display:grid;place-items:center;color:var(--stage);box-shadow:0 0 22px color-mix(in srgb,var(--stage) 14%,transparent)}.atlas-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.atlas-copy strong{display:block;font-size:.83rem;line-height:1.15}.atlas-copy small{display:block;color:#aaa091;font-size:.62rem;line-height:1.3;margin-top:.17rem}.atlas-arrow{color:var(--stage);align-self:end;font-size:.8rem}.stage-gesture{--stage:#e8bc55;left:2.4%;top:68%}.stage-speech{--stage:#ffe34a;left:20%;top:35%}.stage-writing{--stage:#f4c542;left:40%;top:61%}.stage-printing{--stage:#ff8b52;left:55%;top:20%}.stage-networks{--stage:#65b9d7;left:75%;top:42%}.stage-ai{--stage:#b47cff;left:65%;top:75%;width:190px}.story-atlas.has-active .atlas-stage:not(.is-active){opacity:.48}.story-atlas.has-active .atlas-stage.is-active{z-index:5}.atlas-hint{position:absolute;left:1.5rem;bottom:1.25rem;display:flex;align-items:center;gap:.5rem;color:#9c9285;font:500 .62rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.atlas-hint-dot{width:7px;height:7px;border-radius:50%;background:var(--v18-green);box-shadow:0 0 12px rgba(120,199,162,.55)}
@keyframes atlasFlow{to{stroke-dashoffset:-360}}
.v18-route-section{background:linear-gradient(180deg,#0e0c09,#0b0a08)}.v18-section-head{align-items:end;margin-bottom:2.2rem}.v18-section-head h2{max-width:760px}.v18-section-head>p{max-width:430px;color:#a99e90;line-height:1.7}
.v18-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.v18 .route-card{position:relative;min-height:430px;padding:1.15rem 1.15rem 1.35rem;border-radius:24px;background:linear-gradient(165deg,rgba(34,29,20,.98),rgba(14,12,10,.98));border:1px solid rgba(234,217,183,.14);overflow:hidden;display:flex;flex-direction:column;color:var(--text);text-decoration:none;box-shadow:0 22px 48px rgba(0,0,0,.24);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.v18 .route-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-100px;background:var(--route-glow,rgba(255,227,74,.12));filter:blur(8px);opacity:.7}.v18 .route-card:hover,.v18 .route-card:focus-visible{color:var(--text);transform:translateY(-9px);border-color:var(--route-color,var(--v18-yellow));box-shadow:0 28px 60px rgba(0,0,0,.35),0 0 28px var(--route-glow,rgba(255,227,74,.12))}.route-journey{--route-color:#ffe34a;--route-glow:rgba(255,227,74,.14)}.route-themes{--route-color:#65b9d7;--route-glow:rgba(101,185,215,.14)}.route-search{--route-color:#b47cff;--route-glow:rgba(180,124,255,.14)}.route-number{position:absolute;right:1rem;top:.8rem;color:var(--route-color);font:500 .63rem var(--font-mono);letter-spacing:.14em}.v18 .route-visual{height:184px;border-radius:18px;background:radial-gradient(circle at 50% 50%,var(--route-glow),transparent 58%),linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.01));display:grid;place-items:center;margin-bottom:1.15rem;border:1px solid rgba(255,255,255,.05)}.v18 .route-visual svg{width:126px;height:98px;fill:none;stroke:var(--route-color);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 11px var(--route-glow))}.route-kicker{font:500 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--route-color)}.v18 .route-card h3{font-size:1.7rem;margin:.5rem 0 .55rem}.v18 .route-card p{color:#aea395;font-size:.9rem;line-height:1.65;margin:0}.route-cta{margin-top:auto;padding-top:1.1rem;color:var(--route-color);font-weight:700;font-size:.84rem;display:flex;justify-content:space-between}
.v18-journey-section{background:radial-gradient(circle at 50% 0,rgba(255,139,82,.07),transparent 35%),#0c0a08}.journey-board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem;border:1px solid rgba(234,217,183,.13);border-radius:28px;background:linear-gradient(150deg,rgba(28,23,17,.92),rgba(13,12,10,.95));box-shadow:0 24px 55px rgba(0,0,0,.25)}.journey-rail{position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,#f4c542,#ff8b52,#ef6a62,#65b9d7);opacity:.35}.journey-stage{--journey:#f4c542;position:relative;z-index:2;min-height:330px;padding:1rem;border-radius:20px;background:linear-gradient(170deg,color-mix(in srgb,var(--journey) 8%,#17130f),#0e0d0b);border:1px solid color-mix(in srgb,var(--journey) 35%,transparent);color:var(--text);text-decoration:none;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.journey-stage:hover,.journey-stage:focus-visible{color:var(--text);transform:translateY(-8px);border-color:var(--journey);box-shadow:0 22px 45px rgba(0,0,0,.32),0 0 24px color-mix(in srgb,var(--journey) 18%,transparent)}.journey-writing{--journey:#f4c542}.journey-printing{--journey:#ff9f54}.journey-send{--journey:#ef6a62}.journey-networks{--journey:#65b9d7}.journey-icon{height:120px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--journey) 8%,transparent);margin-bottom:1rem}.journey-icon svg{width:72px;height:72px;fill:none;stroke:var(--journey);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.journey-date{font:500 .6rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--journey)}.journey-stage h3{font-size:1.42rem;margin:.5rem 0}.journey-stage p{color:#aaa092;font-size:.82rem;line-height:1.55;margin:0}.journey-cta{margin-top:auto;color:var(--journey);font-weight:700;font-size:.76rem;display:flex;justify-content:space-between}.journey-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.3rem}.journey-footer p{max-width:650px;color:#9f9588}
.v18-themes-section{background:linear-gradient(180deg,#0d0c0a,#0a0908)}.v18-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.theme-tile{--theme:#ffe34a;position:relative;min-height:390px;padding:1rem;border-radius:24px;background:radial-gradient(circle at 76% 18%,color-mix(in srgb,var(--theme) 13%,transparent),transparent 36%),linear-gradient(160deg,#1b1711,#0f0e0c);border:1px solid color-mix(in srgb,var(--theme) 28%,transparent);color:var(--text);text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.theme-tile:hover,.theme-tile:focus-visible{color:var(--text);transform:translateY(-7px);border-color:var(--theme);box-shadow:0 24px 48px rgba(0,0,0,.3),0 0 22px color-mix(in srgb,var(--theme) 14%,transparent)}.theme-tile-meaning{--theme:#ffe34a}.theme-tile-storage{--theme:#e4a65d}.theme-tile-copy{--theme:#ff8b52}.theme-tile-send{--theme:#ef6a62}.theme-tile-find{--theme:#78c7a2}.theme-tile-interpret{--theme:#b47cff}.theme-tile-art{height:150px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme) 10%,transparent),rgba(255,255,255,.015));display:grid;place-items:center;margin-bottom:1rem;border:1px solid rgba(255,255,255,.045)}.theme-tile-art svg{width:90px;height:76px;fill:none;stroke:var(--theme);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--theme) 20%,transparent))}.theme-tile-kicker{font:500 .6rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--theme)}.theme-tile h3{font-size:1.55rem;margin:.45rem 0}.theme-tile p{color:#aaa093;font-size:.84rem;line-height:1.6;margin:0}.theme-samples{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.9rem}.theme-samples i{font-style:normal;font-size:.64rem;color:#bdb2a3;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.24rem .45rem;background:rgba(255,255,255,.025)}.theme-tile-cta{margin-top:auto;padding-top:1rem;color:var(--theme);font-weight:700;font-size:.78rem;display:flex;justify-content:space-between}
.v18-lens-section{background:radial-gradient(circle at 83% 42%,rgba(180,124,255,.08),transparent 27%),linear-gradient(180deg,#0a0908,#0d0c0a)}.lens-layout{display:grid;grid-template-columns:minmax(0,.68fr) minmax(560px,1.32fr);gap:clamp(2rem,6vw,6rem);align-items:center}.lens-copy h2{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.02}.lens-copy p{color:#aaa092;line-height:1.75}.lens-topic-switch{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.35rem 0}.lens-topic-switch button{border:1px solid rgba(234,217,183,.15);background:rgba(255,255,255,.025);color:#b8ad9d;border-radius:999px;padding:.52rem .75rem;font:600 .72rem var(--font-body);cursor:pointer}.lens-topic-switch button:hover,.lens-topic-switch button.active{color:#17120a;background:var(--v18-yellow);border-color:var(--v18-yellow)}.lens-console{border:1px solid rgba(234,217,183,.14);border-radius:28px;padding:1rem;background:linear-gradient(150deg,rgba(30,25,18,.95),rgba(12,11,10,.97));box-shadow:0 28px 60px rgba(0,0,0,.3)}.lens-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.lens-question{--lens:#f4c542;text-align:left;display:grid;grid-template-columns:48px 1fr;gap:.55rem .7rem;align-items:center;padding:.85rem;border:1px solid color-mix(in srgb,var(--lens) 22%,transparent);border-radius:17px;background:rgba(255,255,255,.018);color:var(--text);cursor:pointer}.lens-question:nth-child(2){--lens:#ef6a62}.lens-question:nth-child(3){--lens:#65b9d7}.lens-question:nth-child(4){--lens:#b47cff}.lens-question:hover,.lens-question.active{background:color-mix(in srgb,var(--lens) 9%,#12100d);border-color:var(--lens)}.lens-question>span{grid-row:1/3;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--lens) 10%,transparent);display:grid;place-items:center;color:var(--lens)}.lens-question svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.lens-question small{font:500 .55rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lens)}.lens-question strong{font-size:.72rem;line-height:1.25}.lens-answer{margin-top:.8rem;border-radius:20px;padding:1.35rem;background:radial-gradient(circle at 85% 15%,rgba(255,227,74,.07),transparent 35%),#0e0c0a;border:1px solid rgba(255,227,74,.14);min-height:205px}.lens-answer-label{font:500 .6rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--v18-yellow)}.lens-answer h3{font-size:1.65rem;margin:.55rem 0}.lens-answer p{color:#aaa092;font-size:.9rem;line-height:1.65}.lens-answer a{font-size:.82rem;font-weight:700}
.v18 .clickable-topic-card{cursor:pointer;text-decoration:none;color:var(--text)}.v18 .clickable-topic-card:hover,.v18 .clickable-topic-card:focus-visible{color:var(--text);transform:translateY(-7px);border-color:var(--theme-color,var(--yellow));box-shadow:0 22px 45px rgba(0,0,0,.3),0 0 18px rgba(255,223,43,.08)}.v18 .clickable-topic-card .card-link{color:var(--yellow);font-weight:700}.v18 .node-card,.v18 .theme-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.v18 .theme-card:hover,.v18 .theme-card:focus-visible{transform:translateY(-7px);box-shadow:0 24px 48px rgba(0,0,0,.28)}
.js .v18-route-grid .route-card,.js .v18-theme-grid .theme-tile,.js .journey-stage,.js .lens-console{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.js .v18-route-grid .is-visible,.js .v18-theme-grid .is-visible,.js .journey-stage.is-visible,.js .lens-console.is-visible{opacity:1;transform:none}
@media(max-width:1180px){.v18-hero-grid{grid-template-columns:1fr}.v18-hero-copy{max-width:850px}.story-atlas{max-width:900px;width:100%;margin:0 auto}.lens-layout{grid-template-columns:1fr}.lens-copy{max-width:760px}.v18-route-grid,.v18-theme-grid{grid-template-columns:repeat(2,1fr)}.v18-route-grid .route-card:last-child{grid-column:1/-1}.journey-board{grid-template-columns:repeat(2,1fr)}.journey-rail{display:none}}
@media(max-width:820px){.v18 .nav{position:absolute;display:none;flex-direction:column;align-items:stretch;left:1rem;right:1rem;top:calc(100% + .45rem);padding:.65rem;border:1px solid var(--border);border-radius:16px;background:#100e0b;box-shadow:var(--shadow)}.v18 .nav.open{display:flex}.v18 .nav a{font-size:.88rem;padding:.75rem}.v18 .menu-button{display:block}.v18 .header-inner{position:relative}.v18-hero{padding-top:4.2rem}.story-atlas{min-height:auto;padding:5.5rem 1rem 3.6rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.atlas-connectors{display:none}.atlas-stage{position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-height:100px}.atlas-hint{bottom:1rem}.v18-route-grid,.v18-theme-grid{grid-template-columns:1fr}.v18-route-grid .route-card:last-child{grid-column:auto}.journey-board{grid-template-columns:1fr 1fr}.journey-stage{min-height:310px}.journey-footer{display:block}.journey-footer .button{margin-top:.5rem}.v18-section-head{display:block}.v18-section-head>p{margin-top:.7rem}.lens-question-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v18-hero-copy h1{font-size:clamp(3.5rem,18vw,5.2rem)}.v18-hero-copy .hero-copy{font-size:.98rem}.story-atlas{grid-template-columns:1fr;padding-top:5.7rem}.atlas-stage{grid-template-columns:46px 1fr auto}.hero-promise{display:grid}.v18 .route-card{min-height:390px}.v18 .route-visual{height:170px}.journey-board{grid-template-columns:1fr}.journey-stage{min-height:0}.journey-icon{height:110px}.v18-theme-grid{grid-template-columns:1fr}.theme-tile{min-height:350px}.lens-question-grid{grid-template-columns:1fr}.lens-topic-switch button{flex:1 1 calc(50% - .45rem)}.lens-answer{min-height:240px}.v18-section-head h2{font-size:2.55rem}.v18-lens-section .lens-copy h2{font-size:3rem}.v18 .footer-inner{display:grid;gap:1rem}.v18 .footer-links{text-align:left}}
@media(prefers-reduced-motion:reduce){.atlas-line.glow{animation:none}.js .v18-route-grid .route-card,.js .v18-theme-grid .theme-tile,.js .journey-stage,.js .lens-console{opacity:1;transform:none}}

/* v1.8 QA correction: core content is visible on first paint. */
.js .v18-route-grid .route-card,
.js .v18-theme-grid .theme-tile,
.js .journey-stage,
.js .lens-console{opacity:1!important;transform:none!important}

/* v1.8 site-wide first-paint guarantee. */
.js .node-card,
.js .theme-card,
.js .story-step,
.js .feature-layout,
.js .closing-layout,
.js .route-card,
.js .home-theme{opacity:1!important;transform:none!important}

/* v1.10 editorial and extension components */
.v110 .profile-story{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(2rem,5vw,5rem);align-items:start}.profile-main .lead{font-size:1.15rem;color:var(--paper);line-height:1.75}.profile-facts{margin-top:1.4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;background:transparent;border:0;padding:0}.profile-facts div{padding:.85rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.attribution-note{margin:2rem 0;padding:1.2rem;border-left:4px solid var(--yellow);border-radius:0 14px 14px 0;background:rgba(255,223,43,.055)}.attribution-note p{margin:.35rem 0 0;color:#c4b8a8}.profile-sources{margin-top:1rem}.editorial-overview{margin:2.2rem 0;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--border);border-top:4px solid var(--theme-colour,var(--yellow));border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-colour,var(--yellow)) 6%,transparent),rgba(255,255,255,.018))}.editorial-overview>h2{margin:.45rem 0 1.2rem}.editorial-question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.editorial-question-grid article{position:relative;padding:1rem;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.018)}.editorial-question-grid article.wide{grid-column:1/-1}.editorial-question-grid small{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,223,43,.1);color:var(--yellow);font:600 .65rem var(--font-mono)}.editorial-question-grid h3{margin:.65rem 0 .35rem;font-size:1rem}.editorial-question-grid p{margin:0;color:#b8ad9e;line-height:1.6}.extension-hero{background:radial-gradient(circle at 78% 35%,rgba(180,124,255,.11),transparent 28%),linear-gradient(180deg,#100d14,#090806)}.game-hero-art{min-height:360px;border:1px solid rgba(180,124,255,.25);border-radius:28px;background:linear-gradient(145deg,#17121d,#090806);position:relative;display:grid;place-items:center;overflow:hidden}.game-screen{width:210px;height:150px;border:9px solid #211b27;border-radius:18px;background:#0c241b;box-shadow:0 0 45px rgba(112,199,151,.12);position:relative}.pixel{position:absolute;width:30px;height:30px;background:#ffe34a;box-shadow:30px 0 #ffe34a,60px 0 #ffe34a}.p1{left:28px;top:30px}.p2{left:88px;top:60px;background:#70a7c7}.p3{left:58px;top:90px;background:#c893ff}.p4{right:28px;top:30px;background:#ff9f54}.game-control{position:absolute;width:270px;height:82px;bottom:28px;border-radius:40px;background:#211b27;box-shadow:0 18px 30px rgba(0,0,0,.35)}.game-control i:before,.game-control i:after{content:"";position:absolute;background:#080706;border-radius:4px}.game-control i:before{width:58px;height:18px;left:42px;top:32px}.game-control i:after{width:18px;height:58px;left:62px;top:12px}.game-control b{position:absolute;width:24px;height:24px;border-radius:50%;right:48px;top:22px;background:#ffe34a}.game-control b:last-child{right:82px;top:40px;background:#c893ff}.extension-strands{display:grid;gap:.85rem}.extension-strand{padding:1rem 1.1rem;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.extension-strand small{font:600 .62rem var(--font-mono);color:var(--yellow);letter-spacing:.08em;text-transform:uppercase}.extension-strand h3{margin:.4rem 0}.extension-strand p{color:var(--muted);margin:0}.extension-library-callout{padding-top:0}.linked-nodes{display:flex;flex-wrap:wrap;gap:.5rem}
@media(max-width:940px){.v110 .profile-story{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr}.game-hero-art{min-height:300px}}
@media(max-width:680px){.editorial-question-grid{grid-template-columns:1fr}.editorial-question-grid article.wide{grid-column:auto}.game-hero-art{min-height:260px}.game-screen{transform:scale(.82)}.game-control{transform:scale(.82);bottom:12px}}


/* ITEM v1.11 editorial completion */
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.question-grid article{padding:1.15rem;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;background:rgba(255,255,255,.025)}
.question-grid h3{margin-top:0;font-size:1rem;color:var(--accent,#f2d21a)}
.question-grid p{margin-bottom:0}
.question-grid .question-wide{grid-column:1/-1}
.alpha-section{margin:0 0 3rem}
.alpha-section>h2{font-family:var(--headline-font);font-size:2rem;border-bottom:1px solid var(--line,rgba(255,255,255,.12));padding-bottom:.5rem}
.journey-list{display:grid;gap:.8rem}
.journey-step{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;text-decoration:none;background:rgba(255,255,255,.02)}
.journey-step>span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent,#f2d21a);color:#111;font-weight:800}
.journey-step h3{margin:.05rem 0 .35rem}
.journey-step p{margin:0;color:var(--muted,#c5c0ad)}
@media(max-width:720px){.question-grid{grid-template-columns:1fr}.question-grid .question-wide{grid-column:auto}.entity-list{grid-template-columns:1fr}}


/* ITEM v1.12: guided journey, accessibility and performance */
:root{color-scheme:dark}
:focus-visible{outline:3px solid rgba(255,223,43,.78);outline-offset:3px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button,a,input,select,summary{scroll-margin-top:7rem}
.menu-button,.filter,.graph-legend button,.lens-topic-switch button,.lens-question{min-height:44px}
.search-result:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}
.search-empty{cursor:default}

.v112-journey-hero{padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,6vw,5rem);border-bottom:1px solid var(--border);background:radial-gradient(circle at 78% 24%,rgba(255,223,43,.1),transparent 27%),linear-gradient(180deg,#0c0a07,#100e0b);overflow:hidden}
.journey-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}
.journey-hero-copy h1{max-width:780px;font-size:clamp(3.4rem,7vw,6.6rem);margin:.7rem 0 1.2rem}
.journey-hero-copy>p{max-width:740px;color:var(--paper);font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.75;margin-bottom:1.8rem}
.journey-question{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;position:relative}
.journey-question:before{content:"THE RECURRING PROBLEMS";position:absolute;right:0;top:-2rem;color:var(--yellow);font:600 .6rem var(--font-mono);letter-spacing:.12em}
.journey-question span{min-height:145px;padding:1.15rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(255,223,43,.055),rgba(255,255,255,.018));display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.journey-question span:before{content:"";position:absolute;width:80px;height:80px;border:1px solid rgba(255,223,43,.17);border-radius:50%;right:-20px;top:-22px}
.journey-question b{font-family:var(--font-title);font-weight:400;font-size:1.45rem;color:var(--text)}
.journey-question small{color:var(--muted);line-height:1.45;margin-top:.35rem}

.chapter-index{position:sticky;top:69px;z-index:16;border-bottom:1px solid var(--border);background:rgba(10,8,6,.94);backdrop-filter:blur(14px)}
.chapter-index ol{list-style:none;margin:0;padding:.6rem 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem}
.chapter-index a{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.45rem .55rem;border-radius:10px;color:var(--muted);text-decoration:none;font-size:.68rem;line-height:1.25}
.chapter-index a span{color:var(--chapter-colour,var(--yellow));font:600 .62rem var(--font-mono)}
.chapter-index a:hover,.chapter-index a.active,.chapter-index a[aria-current="step"]{background:rgba(255,255,255,.055);color:var(--text)}

.journey-chapter{--chapter-colour:var(--yellow);padding:clamp(4.5rem,8vw,7.2rem) 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.journey-chapter:nth-of-type(even){background:rgba(255,255,255,.012)}
.journey-chapter:after{content:"";position:absolute;width:520px;height:520px;border:1px solid color-mix(in srgb,var(--chapter-colour) 8%,transparent);border-radius:50%;right:-300px;top:8%;pointer-events:none}
.chapter-1{--chapter-colour:#ffdf2b}.chapter-2{--chapter-colour:#d8ae63}.chapter-3{--chapter-colour:#f2c94c}.chapter-4{--chapter-colour:#d76454}.chapter-5{--chapter-colour:#70a7c7}.chapter-6{--chapter-colour:#c893ff}
.journey-chapter-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}
.chapter-story{position:sticky;top:150px;align-self:start}
.chapter-label{font:600 .66rem var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--chapter-colour)}
.chapter-story h2{font-size:clamp(2.6rem,5vw,4.6rem);margin:.65rem 0 1rem}
.chapter-lead{font-size:1.08rem;color:var(--paper);line-height:1.75}
.chapter-limit{display:grid;grid-template-columns:auto 1fr;gap:.8rem;margin:1.5rem 0;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.chapter-limit strong{color:var(--chapter-colour);font:600 .63rem var(--font-mono);text-transform:uppercase;letter-spacing:.1em;padding-top:.15rem}
.chapter-limit span{color:var(--muted);font-size:.9rem}
.chapter-art{height:220px;margin-top:1.5rem;border:1px solid color-mix(in srgb,var(--chapter-colour) 28%,transparent);border-radius:24px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--chapter-colour) 9%,transparent),transparent 58%),#0b0907;position:relative;overflow:hidden;box-shadow:inset 0 0 60px rgba(0,0,0,.35)}
.chapter-art span{position:absolute}
.art-speech .voice-core{width:22px;height:22px;border-radius:50%;background:var(--chapter-colour);left:calc(50% - 11px);top:calc(50% - 11px);box-shadow:0 0 30px color-mix(in srgb,var(--chapter-colour) 50%,transparent)}
.art-speech .voice-wave{border:2px solid var(--chapter-colour);border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.art-speech .wave-a{width:75px;height:75px}.art-speech .wave-b{width:130px;height:130px;opacity:.65}.art-speech .wave-c{width:190px;height:190px;opacity:.3}
.art-writing .mark{display:grid;place-items:center;width:70px;height:70px;border:1px solid color-mix(in srgb,var(--chapter-colour) 40%,transparent);border-radius:14px;color:var(--chapter-colour);font:2rem var(--font-title);background:#100d09}.art-writing .m1{left:12%;top:28px}.art-writing .m2{left:calc(50% - 35px);top:75px}.art-writing .m3{right:12%;top:28px}.art-writing .page-fold{left:8%;right:8%;bottom:28px;height:1px;background:linear-gradient(90deg,transparent,var(--chapter-colour),transparent)}
.art-print .type-row{left:12%;height:22px;background:repeating-linear-gradient(90deg,var(--chapter-colour) 0 18px,transparent 18px 25px);opacity:.75}.art-print .row-a{right:17%;top:43px}.art-print .row-b{right:8%;top:89px}.art-print .row-c{right:23%;top:135px}.art-print .press-bar{left:8%;right:8%;bottom:25px;height:8px;border-radius:8px;background:var(--chapter-colour);box-shadow:0 -12px 0 color-mix(in srgb,var(--chapter-colour) 32%,transparent)}
.art-signal .signal-line{left:8%;right:8%;top:50%;height:2px;background:color-mix(in srgb,var(--chapter-colour) 45%,transparent)}.art-signal .signal-pulse{left:18%;right:18%;top:calc(50% - 35px);height:70px;background:linear-gradient(135deg,transparent 0 37%,var(--chapter-colour) 38% 42%,transparent 43% 57%,var(--chapter-colour) 58% 62%,transparent 63%);filter:drop-shadow(0 0 8px var(--chapter-colour))}.art-signal .signal-tower{bottom:25px;width:2px;height:82px;background:var(--chapter-colour)}.art-signal .tower-a{left:10%}.art-signal .tower-b{right:10%}
.art-compute .punch-card{left:9%;top:28px;width:46%;height:164px;border:1px solid var(--chapter-colour);border-radius:14px;background:radial-gradient(circle,var(--chapter-colour) 0 3px,transparent 4px) 0 0/24px 24px;opacity:.7}.art-compute .logic-chip{right:13%;top:68px;width:72px;height:72px;border:2px solid var(--chapter-colour);border-radius:12px;box-shadow:0 0 24px color-mix(in srgb,var(--chapter-colour) 25%,transparent)}.art-compute .logic-path{height:2px;background:var(--chapter-colour);right:13%;transform-origin:right}.art-compute .path-a{width:38%;top:70px;transform:rotate(18deg)}.art-compute .path-b{width:34%;top:151px;transform:rotate(-15deg)}
.art-network .net-node{width:18px;height:18px;border-radius:50%;background:var(--chapter-colour);box-shadow:0 0 18px color-mix(in srgb,var(--chapter-colour) 50%,transparent)}.art-network .n1{left:14%;top:36px}.art-network .n2{left:24%;bottom:37px}.art-network .n3{right:25%;top:40px}.art-network .n4{right:12%;bottom:47px}.art-network .net-link{height:2px;background:color-mix(in srgb,var(--chapter-colour) 65%,transparent);transform-origin:left}.art-network .l1{left:16%;top:48px;width:60%;transform:rotate(7deg)}.art-network .l2{left:25%;bottom:48px;width:57%;transform:rotate(-22deg)}.art-network .l3{right:13%;top:53px;width:40%;transform:rotate(68deg)}.art-network .dialogue-glyph{display:grid;place-items:center;left:calc(50% - 34px);top:calc(50% - 34px);width:68px;height:68px;border-radius:22px 22px 22px 5px;background:#15101a;border:1px solid var(--chapter-colour);color:var(--chapter-colour);font:2.6rem var(--font-title);z-index:2}

.chapter-milestones{padding-top:.2rem}.milestone-list{display:grid;gap:.85rem}
.journey-milestone{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:116px;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--chapter-colour) 5%,transparent),rgba(255,255,255,.016));color:var(--text);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.journey-milestone:hover,.journey-milestone:focus-visible{transform:translateX(6px);border-color:color-mix(in srgb,var(--chapter-colour) 65%,transparent);background:color-mix(in srgb,var(--chapter-colour) 8%,#111)}
.milestone-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid color-mix(in srgb,var(--chapter-colour) 45%,transparent);color:var(--chapter-colour);font:600 .7rem var(--font-mono)}
.journey-milestone strong{display:block;font-family:var(--font-title);font-weight:400;font-size:1.3rem;line-height:1.2}.journey-milestone small{display:block;color:var(--muted);font-size:.86rem;line-height:1.5;margin-top:.35rem}.milestone-arrow{color:var(--chapter-colour);font-size:1.3rem}
.chapter-transition{margin-top:1.2rem;padding:1.3rem;border-left:3px solid var(--chapter-colour);border-radius:0 16px 16px 0;background:color-mix(in srgb,var(--chapter-colour) 5%,transparent)}
.chapter-transition span{font:600 .62rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--chapter-colour)}.chapter-transition p{font-family:var(--font-title);font-size:1.35rem;line-height:1.35;margin:.45rem 0 0;color:var(--paper)}
.journey-next{padding:clamp(4rem,8vw,6.5rem) 0;background:radial-gradient(circle at 80% 30%,rgba(255,223,43,.08),transparent 30%),#0a0806}.journey-next-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(2rem,7vw,6rem);align-items:center}.journey-next-grid h2{font-size:clamp(2.5rem,5vw,4.4rem)}.journey-next-grid p{color:var(--muted);max-width:680px}.journey-next-actions{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.journey-next-actions .text-link{text-align:center;margin-top:.3rem}

@media(max-width:980px){.journey-hero-grid,.journey-chapter-grid,.journey-next-grid{grid-template-columns:1fr}.journey-question{max-width:720px}.chapter-story{position:relative;top:auto}.chapter-art{height:190px}.chapter-index ol{grid-template-columns:repeat(6,minmax(130px,1fr));overflow-x:auto;scrollbar-width:thin}.chapter-index .container{overflow:hidden}.journey-chapter-grid{gap:2.4rem}.chapter-story{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 2rem}.chapter-label,.chapter-story h2,.chapter-lead,.chapter-limit{grid-column:1}.chapter-art{grid-column:2;grid-row:1/6;margin-top:0;align-self:stretch;height:auto;min-height:260px}}
@media(max-width:680px){.chapter-index{top:64px}.chapter-index ol{padding:.5rem 0}.chapter-index a{min-width:128px}.journey-question{grid-template-columns:1fr 1fr}.journey-question span{min-height:120px;padding:.9rem}.journey-question b{font-size:1.2rem}.journey-question small{font-size:.76rem}.chapter-story{display:block}.chapter-art{height:180px;min-height:0;margin-top:1.25rem}.journey-milestone{grid-template-columns:40px minmax(0,1fr);min-height:104px;padding:.9rem}.milestone-number{width:38px;height:38px}.milestone-arrow{display:none}.journey-milestone strong{font-size:1.12rem}.journey-milestone small{font-size:.8rem}.chapter-transition p{font-size:1.18rem}.journey-next-actions .button{width:100%}}
@media(max-width:390px){.journey-question{grid-template-columns:1fr}.journey-question span{min-height:96px}.chapter-index a{min-width:118px}.journey-hero-copy h1{font-size:3.2rem}.journey-chapter{padding:3.8rem 0}}
@media(prefers-reduced-motion:reduce){.journey-milestone{transition:none}.journey-milestone:hover{transform:none}}
