.library-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 24px;padding:18px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.library-entry p{margin:0;color:#a4b6c2;font:12px/1.8 Arial,sans-serif;max-width:640px}.library-entry button{border:1px solid #5c788c;padding:10px 16px;min-height:44px;color:#d9e8f3;font:11px/1.6 Arial,sans-serif;text-align:left;white-space:nowrap}.library-entry button:hover{background:#ffffff08;border-color:#b0cddd}.language-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:20px 0 40px}.language-topics section{border-top:1px solid #ffffff24;padding-top:18px}.language-topics h2{font-size:19px}.language-topics p{font:13px/1.8 Arial,sans-serif;color:#a4b6c2}.about-network{border-top:1px solid #ffffff26;padding-top:17px;margin-top:20px}#about .about-network h3{font:12px/1.5 Arial,sans-serif;letter-spacing:.03em;color:#d6e2e9;margin:0}#about .about-network p{font-size:11px;line-height:1.8;margin:10px 0;color:#9eafb9}.about-network button{border:1px solid #486170;color:#c8e2f3;font:10px/1.7 Arial,sans-serif;padding:8px 12px;min-height:36px;text-align:left}.about-library-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.about-library-links button{font-size:10px;padding:6px 0;border:0;color:#a7cce6}.library-overlay,.network-overlay{color:#e7edf1;background:#080d12;border:1px solid #4b616f;padding:0;width:min(1240px,96vw);height:min(920px,94dvh);max-width:none;max-height:none;overflow:hidden}.library-overlay::backdrop,.network-overlay::backdrop{background:#000c}.library-overlay[open]{display:flex;flex-direction:column}.library-overlay-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#0b1218;padding:8px 20px;border-bottom:1px solid #293d4a;flex-shrink:0;min-height:55px;font:10px/1.5 Arial,sans-serif;letter-spacing:.1em}.library-overlay-bar h2{font:inherit;margin:0}.library-overlay-bar button{border:0;width:40px;min-height:40px;color:#fff;font:25px/1 Arial,sans-serif;letter-spacing:0;padding:0}.library-overlay iframe{width:100%;height:100%;min-height:0;flex:1;border:0;display:block;background:#080d12}
/* Phase Zulu: open typography over two nested sixfold constructions. */
.network-overlay{width:min(1440px,96vw);background:#070b0e;border-color:#ffffff38}
.network-overlay[open]{display:flex;flex-direction:column}
.network-overlay .library-overlay-bar{background:transparent;border-color:#ffffff20;color:#a0adb4;font-size:9px;letter-spacing:.12em}
.network-body{overflow:auto;overscroll-behavior:contain;padding:30px 5% 40px;font:13px/1.8 "Helvetica Neue",Helvetica,Arial,sans-serif}
.network-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
#network-title{font:300 36px/1.1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.035em;margin:0;color:#edf1f3}
.network-heading p{font-size:11px;letter-spacing:.14em;color:#9ba9b2;margin:9px 0 0}
.network-system-heading{text-align:right}.network-system-heading h3{font-size:19px;font-weight:300;letter-spacing:-.01em;line-height:1.4;margin:0;color:#b2c6d2}.network-heading .network-system-heading p{font-size:9px;letter-spacing:.04em;color:#829aa9;margin:5px 0 0}
.network-figure{margin:0}
.network-map-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#52636d #070b0e}
#network-diagram{width:100%;max-width:1180px;margin:0 auto}
#network-diagram svg{display:block;width:100%;height:auto;max-height:calc(94dvh - 225px);overflow:visible}
#network-diagram svg text{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;dominant-baseline:central;text-anchor:middle;stroke:#070b0e;stroke-width:7px;stroke-linejoin:round;paint-order:stroke;letter-spacing:0}
.network-geometry{pointer-events:none;fill:none;stroke-width:.75}
.network-orbit--outer{stroke:#91abb545;stroke-dasharray:1 7}
.network-orbit--inner{stroke:#8ba4b04a}
.network-petal--outer{stroke:#9db8c92b}
.network-petal--inner{stroke:#8cbac448}
.network-core{fill:#070b0e;stroke:#bbd1dc70}
.network-core-track{stroke:#9ebac631;stroke-dasharray:1 5}
.network-dna{stroke:#c2d7de;stroke-width:1.5;stroke-linecap:round}
.network-nos1-casing{stroke:#99acbb65;fill:#090f13}
.network-node{cursor:pointer;outline:none;text-decoration:none}
.network-node-hit{fill:transparent;stroke:transparent;stroke-width:1}
.network-node-symbol{font-size:43px;font-weight:300;fill:#d8e5ec}
#network-diagram .network-node-aim{font-size:14px;font-weight:400;letter-spacing:.08em;fill:#9eb5c4;stroke-width:5px}
#network-diagram .network-node-order{font-size:10px;letter-spacing:.18em;fill:#7198af;stroke-width:4px}
.network-node--inner .network-node-symbol{font-size:26px;fill:#acd0e0}
#network-diagram .network-node--inner .network-node-aim{font-size:11px;letter-spacing:.06em;fill:#8ea8b7}
#network-diagram .network-node-note{font-size:8px;letter-spacing:.04em;fill:#8e9ba8;stroke-width:4px}
.network-node--core .network-node-symbol{font-size:78px;font-weight:200}
#network-diagram .network-node--core .network-node-aim{font-size:17px;letter-spacing:.22em;fill:#c3d0d6}
.network-node--nested .network-node-symbol{font-size:20px;fill:#b3c8d6}
#network-diagram .network-node--nested .network-node-aim{font-size:9px;letter-spacing:.03em;fill:#8da3b2}
.network-node:hover .network-node-symbol,.network-node:focus-visible .network-node-symbol{fill:#fff}
.network-node:hover .network-node-aim,.network-node:focus-visible .network-node-aim{fill:#fff!important}
.network-node:focus-visible .network-node-hit{stroke:#9fbdce;stroke-dasharray:2 5}
.network-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#758b99;font-size:10px;border-bottom:1px solid #ffffff1c;padding:0 0 10px}
.network-zoom{font-size:10px;min-height:36px;color:#a5bccb;white-space:nowrap;letter-spacing:.02em}
.network-map-scroll.is-enlarged #network-diagram{width:1400px;max-width:none}
.network-map-scroll.is-enlarged svg{max-height:none}
.network-map-scroll.is-enlarged{max-height:65dvh}
.network-sequence{display:grid;grid-template-columns:1fr auto;gap:0 30px;padding:20px 0 18px;border-bottom:1px solid #ffffff1c}
.network-sequence h3{font-size:17px;font-weight:300;letter-spacing:-.01em;margin:0;color:#c9d8e0}
.network-sequence p{grid-column:1;font-size:10px;letter-spacing:.04em;margin:4px 0 0;color:#829aa9}
.network-sequence ol{grid-column:2;grid-row:1;align-self:center;display:flex;list-style:none;gap:8px;flex-wrap:wrap;padding:0;margin:0}
.network-sequence li{display:flex;align-items:center;gap:8px;font:11px/1.8 "Helvetica Neue",Helvetica,Arial,sans-serif}
.network-sequence li+li:before{content:'→';color:#536f80;font-size:10px}
.network-sequence a{display:inline-flex;align-items:center;min-height:44px;color:#b5cddb;text-decoration:none}
.network-sequence a:hover{color:white}
.network-lead{max-width:880px;font-size:12px;color:#a2b5c1;margin:24px 0 12px}
.network-status{font-size:9px;letter-spacing:.08em;color:#b4a985;margin:0 0 10px}
.network-legend{max-width:920px;font-size:11px;line-height:1.8;color:#7f96a4;margin:10px 0 24px}
.network-directory{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;padding:15px 0}
.network-directory summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-size:11px;color:#b6c9d5;list-style:none}
.network-directory summary::-webkit-details-marker{display:none}
.network-directory summary:after{content:'+';margin-left:auto;font-size:17px;line-height:1}
.network-directory[open] summary:after{content:'−'}
.network-directory summary span{color:#6d8797;font-size:9px}
.network-directory-groups{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:20px 0}
.network-directory h4{font-size:10px;font-weight:400;letter-spacing:.09em;color:#7893a4;margin:0 0 20px}
.network-directory article{margin-bottom:19px}
.network-directory article>a{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;text-decoration:none;color:#bfd7e5;min-height:30px}
.network-directory article strong{font-size:15px;font-weight:400}
.network-directory article span{font-size:10px;color:#9aafbd}
.network-directory article p,.network-directory article p a{font-size:10px;line-height:1.8;color:#708b9d;margin:0;text-decoration:none}
.network-references{padding:24px 0 0}
.network-references h3{font-size:11px;font-weight:400;letter-spacing:.08em;color:#8ea7b6;margin:0 0 15px}
.network-references>div{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.network-references a{font-size:11px;color:#b6cbd8;text-decoration:none}
.network-references a:hover{text-decoration:underline;color:#fff}
.network-references p{font-size:10px;line-height:1.9;color:#7f96a4;margin:7px 0 12px}
.library-overlay button:focus-visible,.network-overlay button:focus-visible,.network-directory summary:focus-visible,.network-map-scroll:focus-visible{outline:1px solid #95c9ed;outline-offset:3px}
@media(max-width:1100px){.network-sequence{grid-template-columns:1fr;gap:6px}.network-sequence ol{grid-column:1;grid-row:2;justify-content:flex-start}.network-directory-groups{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .library-entry{align-items:flex-start;flex-direction:column;gap:13px}.language-topics{grid-template-columns:1fr;gap:15px}
 .library-overlay,.network-overlay{width:96vw;height:95dvh}.library-overlay-bar{padding:6px 13px}
 .network-overlay .library-overlay-bar{font-size:8px;letter-spacing:.07em}
 .network-body{padding:24px 16px 28px}.network-heading{gap:10px}#network-title{font-size:30px}.network-heading p{font-size:9px;letter-spacing:.09em}.network-heading{flex-wrap:wrap}.network-system-heading{text-align:left;margin-top:8px}.network-system-heading h3{font-size:15px}.network-heading .network-system-heading p{font-size:8px}
 .network-map-scroll{margin:12px -14px 0}#network-diagram svg{max-height:none}.network-map-scroll.is-enlarged #network-diagram{width:900px}
 .network-figure figcaption{font-size:9px;align-items:center;gap:10px}.network-figure figcaption span{max-width:180px}.network-zoom{font-size:9px}
 .network-sequence h3{font-size:16px;line-height:1.5}.network-sequence p{font-size:9px}.network-sequence ol{gap:5px}.network-sequence li{font-size:10px;gap:5px}
 .network-lead{font-size:11px;margin-top:20px}.network-status{font-size:9px;line-height:1.7}.network-legend{font-size:10px}
 .network-directory summary{font-size:10px}.network-directory summary span{display:none}.network-directory-groups{grid-template-columns:1fr;gap:14px}
 .network-references>div{grid-template-columns:1fr;gap:10px}
}

/* Only the research reader follows its selected reading surface. */
.library-overlay[data-reading-background=white]{color:#192831;background:#fff;border-color:#8496a1}
.library-overlay[data-reading-background=white] .library-overlay-bar{background:#fff;border-color:#d1dae0}
.library-overlay[data-reading-background=white] .library-overlay-bar button{color:#192831}
.library-overlay[data-reading-background=white] iframe{background:#fff}
.library-overlay[data-reading-background=black],.library-overlay[data-reading-background=black] iframe{background:#000}
.library-overlay[data-reading-background=black] .library-overlay-bar{background:#000}
.library-overlay[data-reading-background=video] .library-overlay-bar{background:#080d12}

/* The roadmap fills the viewport over the same film as the Atlas. */
.network-overlay{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;background:transparent;isolation:isolate}
.network-overlay::backdrop{background:transparent}
.network-overlay::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.58);z-index:-1;pointer-events:none}
.network-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;z-index:-2;pointer-events:none}
.network-overlay[data-video=shared] .network-film{display:none}
.network-overlay .library-overlay-bar{background:rgba(0,0,0,.25);padding:10px 3%}
.network-media-controls{display:flex;gap:6px;align-items:center}
.network-overlay .network-body{min-height:0;flex:1}
.network-core{fill:rgba(0,0,0,.36)}
.network-nos1-casing{fill:rgba(0,0,0,.36)}
.network-overlay #network-diagram svg{max-height:calc(100dvh - 235px)}
.network-overlay .network-map-scroll.is-enlarged svg{max-height:none}
body:has(.network-overlay[open]) #about,body:has(.network-overlay[open]) #landing{visibility:hidden}
body:has(.network-overlay[open]) #about::backdrop{background:transparent}
body:has(.network-overlay[open]) #experience>header,
body:has(.network-overlay[open]) #experience>main,
body:has(.network-overlay[open]) #experience>footer,
body:has(.network-overlay[open]) #experience>#atlas-panel,
body:has(.network-overlay[open]) #experience>#molecular-panel,
body:has(.network-overlay[open]) #experience>#atlas-sections{visibility:hidden}
body:has(.network-overlay[open]) #experience>.film-shade{background:transparent}
@media(max-width:700px){.network-overlay #network-diagram svg{max-height:none}.network-overlay .library-overlay-bar{padding:8px 14px}.network-media-controls{gap:0}}