/* One compass palette for the original reader and edition-backed readings. */
:root {
  --brand-night: #030a14;
  --brand-panel: #091b2d;
  --brand-gold: #f2cc80;
  --brand-blue: #58baff;
  --brand-text: #e8eff8;
  --brand-muted: #adc0d4;
}

:root{color-scheme:dark;--ink:#e6efff;--muted:#8dabc8;--dim:#55738f;--line:rgba(111,176,227,.2);--glass:rgba(4,13,28,.79);--blue:#63b9ff;--green:#69e8bb;--purple:#bc93ff;--gold:#f5d594;--font:Inter,'Segoe UI',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:#020712;color:var(--ink);font-family:var(--font);font-size:14px}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue)}button{border:0;background:none}button svg{pointer-events:none}.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.atlas{position:relative;width:100%;height:100dvh;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 56% 66%,#10274455,transparent 58%),#020813;isolation:isolate}#spaceCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 51% 2%,#352c111f,transparent 38%),linear-gradient(90deg,#02081288,transparent 26%,transparent 72%,#02081288)}.atlas button{transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}.atlas button:hover{color:#fff}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;margin:0 27px;border-bottom:1px solid rgba(133,169,212,.12);gap:20px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:14px;min-width:340px}.brand-mark{width:39px;height:42px;position:relative;color:var(--gold);filter:drop-shadow(0 0 9px #cba35c44)}.brand-mark .icon{width:36px;height:42px;stroke-width:.8}.brand-title{font-family:var(--serif);font-size:26px;letter-spacing:-.8px;font-weight:400}.brand-subtitle{font-size:9px;letter-spacing:2.15px;color:#8aa8c3;margin-top:7px;text-transform:uppercase}.topnav{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;padding:5px;background:#061122aa;gap:4px}.topnav button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;font-size:12px;border-radius:7px;color:#99b1cc}.topnav button.active{color:#c9e6ff;background:linear-gradient(#14427666,#0b284955);box-shadow:0 0 14px #1b72c922,inset 0 0 0 1px #589ddd35}.topnav button.active .icon{color:#8ecbff;filter:drop-shadow(0 0 6px #5285ff)}.prototype-tag{font-size:9px;color:#8097b0;letter-spacing:1.7px;white-space:nowrap;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:var(--green);display:inline-block;border-radius:50%;box-shadow:0 0 7px #6beb9d88}.main-layout{height:calc(100% - 124px);display:grid;grid-template-columns:254px minmax(0,1fr) 277px;gap:18px;margin:18px 25px 0}.glass{background:linear-gradient(140deg,rgba(11,25,44,.88),rgba(2,10,23,.84));border:1px solid var(--line);border-radius:12px;box-shadow:inset 0 1px 0 #97bbda08,0 15px 35px #00000024;backdrop-filter:blur(14px)}.left-rail{display:flex;min-height:0;flex-direction:column;gap:11px;z-index:7}.nav-panel{display:flex;flex-direction:column;min-height:0;flex:1;padding:17px 11px 9px}.panel-heading{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#9db3ca;display:flex;align-items:center;justify-content:space-between;margin:1px 7px 15px}.panel-heading .tiny{font-size:9px;color:#55718e;letter-spacing:1px}.search-box{position:relative;margin:0 2px 17px;color:#6888a8;display:flex;align-items:center}.search-box>.icon{position:absolute;left:11px;width:14px;height:14px}.search-box input{height:35px;width:100%;border:1px solid #547ea632;border-radius:6px;background:#020a17aa;color:#dfecff;padding:0 34px 0 33px;font-size:11px}.search-box input::placeholder{color:#6884a1}.search-box kbd{position:absolute;right:10px;font-size:10px;color:#718da8;border:1px solid #41648266;border-radius:3px;padding:0 4px}.journey-nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34506c55 transparent}.overview-link{width:100%;display:flex;gap:11px;text-align:left;border:1px solid transparent;border-radius:7px;padding:12px 10px;margin-bottom:11px;align-items:center}.overview-link.active{background:linear-gradient(105deg,#174c8f66,#0b234738);border-color:#4289d454}.nav-orb{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #699ede55;border-radius:50%;color:#b5d3ef;flex-shrink:0;font:14px var(--serif);background:#11365e33}.overview-link strong{font-weight:500;font-size:13px}.overview-link small{display:block;font-size:10px;color:#87a5c4;margin-top:5px}.nav-group{margin:2px 0 5px}.group-head{display:flex;width:100%;align-items:center;gap:10px;padding:10px 7px;text-align:left}.group-head .nav-orb{font-size:11px;width:24px;height:24px}.group-head .group-title{flex:1;font-size:12px;font-weight:500;line-height:1.6}.group-head>.icon{width:13px;color:#7892ac}.group-head small{font-size:10px;color:#6986a6}.group-body{padding-left:17px;margin:1px 4px 12px 15px;border-left:1px solid #527ca02d}.stage-item{width:100%;position:relative;padding:8px 4px 8px 12px;text-align:left;color:#97b0cc;font-size:11px;line-height:1.5}.stage-item:before{content:'';width:4px;height:4px;border:1px solid #6b9fc1;border-radius:50%;position:absolute;left:-20px;top:14px;background:#041021}.stage-item.active{color:#d1e9ff}.stage-item.active:before{background:#84c6ff;box-shadow:0 0 9px #58a7ff}.stage-item .num{color:#6687a9;font:9px var(--font);margin-right:6px;letter-spacing:.3px}.stage-item.visited:before{border-color:#68e7b3}.nav-divider{height:1px;margin:12px 8px;background:#8aadd61a}.empty-search{color:var(--muted);font-size:12px;padding:20px;line-height:1.7}.rail-bottom{padding:17px}.progress-text{font-size:10px;display:flex;justify-content:space-between;color:#819bb7;letter-spacing:.3px}.progress-track{height:2px;background:#1c354d;margin:11px 0 15px}.progress-fill{height:100%;background:linear-gradient(90deg,#548dfe,#6dc9d6);box-shadow:0 0 7px #58adfa77}.primary{border:1px solid #639de977!important;background:linear-gradient(150deg,#1450a1bb,#0a2861aa)!important;box-shadow:inset 0 1px 0 #91bbfa28,0 0 18px #276ac21a;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.5}.primary:hover{background:linear-gradient(150deg,#1b63bddd,#123c86cc)!important;box-shadow:0 0 23px #2476d633}.rail-bottom .primary{width:100%}.quiet{border:1px solid #5a83ae36!important;border-radius:6px;padding:10px 12px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:9px;background:#0a1a3033!important;color:#b1c9df!important}.quiet:hover{background:#17325366!important;border-color:#719abb66!important}.text-button{font-size:11px;color:#99badb!important;display:flex;gap:7px;align-items:center;justify-content:center;padding:9px}.text-button .icon{width:14px;height:14px}.center-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.context-bar{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:1px 3px;font-size:10px;color:#809dbb}.breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:80%}.breadcrumb button{font-size:10px;color:#8eaec8;padding:4px 0}.breadcrumb .crumb-current{color:#c7dced}.breadcrumb .icon{width:11px;height:11px;color:#57718a}.depth-chip{font-size:9px;letter-spacing:1px;color:#a6bbd0;white-space:nowrap;border:1px solid #45648444;padding:5px 8px;border-radius:15px;background:#09152599}.map-display{position:absolute;inset:0;overflow:hidden;border-radius:10px}#mapCanvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-3px}.map-overline{position:absolute;top:44px;left:50%;transform:translateX(-50%);font:9px var(--font);text-transform:uppercase;letter-spacing:3px;color:#9eacc1;text-align:center;white-space:nowrap;pointer-events:none}.map-caption{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);text-align:center;width:80%;pointer-events:none}.map-caption h2{font:italic 17px/1.55 var(--serif);font-weight:400;color:#bdcee3;margin:0 0 8px}.map-caption p{font-size:9px;letter-spacing:1.2px;color:#6e8da9;margin:0}.canvas-toolbar{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:5px;display:flex;align-items:center;gap:2px;border-radius:9px;background:#05101ddd;backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:0 5px 28px #0008;z-index:5;white-space:nowrap}.canvas-toolbar button{width:33px;height:32px;display:flex;align-items:center;justify-content:center;color:#99b8d4;border-radius:4px}.canvas-toolbar button:hover,.canvas-toolbar button.on{background:#1a3a5d77;color:#e5f3ff}.canvas-toolbar button .icon{width:16px;height:16px}.tool-separator{height:17px;width:1px;background:#94bce52b;margin:0 5px}.tool-hint{font-size:9px;color:#708ca7;padding:0 8px}.map-level-rail{position:absolute;right:3px;top:43%;display:flex;flex-direction:column;gap:13px;z-index:4}.level-dot{width:6px;height:6px;border-radius:50%;padding:0;background:#52779a66!important;border:1px solid #6e9ac44a}.level-dot.active{background:#b7dbff!important;box-shadow:0 0 9px #6bb7ff}.right-rail{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34506c55 transparent;z-index:7;padding-bottom:2px}.focus-panel{padding:21px 20px}.eyebrow{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#a4bcd6;display:flex;align-items:center;gap:8px}.eyebrow .icon{width:13px;height:13px;color:#a6c6df}.focus-emblem{width:55px;height:55px;margin:21px 0 13px;display:flex;align-items:center;justify-content:center;border:1px solid #6498c755;border-radius:11px;background:radial-gradient(#2263ac44,#0b1b3233);color:#b2dcff;box-shadow:inset 0 0 20px #2277d02a}.focus-emblem .icon{width:31px;height:31px;stroke-width:1}.focus-panel h1{font:26px/1.25 var(--serif);font-weight:400;letter-spacing:-.4px;margin:0 0 13px}.focus-panel .description{font-size:12px;line-height:1.85;color:#9db6cf;margin:0 0 17px}.focus-panel .primary{width:100%;margin-top:17px}.focus-panel .text-button{width:100%;margin-top:5px}.focus-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.focus-meta span{font-size:9px;letter-spacing:.5px;border:1px solid #5c83a333;border-radius:4px;color:#91b3d1;padding:5px 7px}.view-panel{padding:17px 13px 12px}.view-panel .panel-heading{margin:0 7px 13px}.view-option{display:flex;width:100%;text-align:left;gap:12px;align-items:center;padding:11px 12px;border:1px solid transparent;border-radius:7px;margin:2px 0;color:#9fb9d5}.view-option>.icon{width:21px;height:21px;color:#89a9cc}.view-option strong{font-size:12px;font-weight:400}.view-option small{display:block;font-size:9px;margin-top:4px;color:#688aaa;letter-spacing:.3px}.view-option .radio{width:5px;height:5px;border:1px solid #799bb2;border-radius:50%;margin-left:auto}.view-option.active{background:linear-gradient(105deg,#153c7566,#0a203933);border-color:#5e9ff466;color:#d3e8ff;box-shadow:inset 2px 0 0 #7bbaff}.view-option.active>.icon{color:#acd4ff;filter:drop-shadow(0 0 5px #6a95ff)}.view-option.active .radio{background:#90c8ff;box-shadow:0 0 5px #7cc9ff}.view-option.active small{color:#85aecd}.reference-panel{padding:17px}.small-label{font-size:9px;color:#a2b7cc;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 11px}.segmented{display:flex;gap:3px;background:#030b16;border:1px solid #46638333;border-radius:6px;padding:3px}.segmented button{flex:1;padding:7px 2px;font-size:10px;border-radius:4px;color:#7193b2}.segmented button.active{background:#183755aa;color:#cee7fb}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8cabc6;margin-top:14px}.toggle{width:29px;height:16px;border-radius:12px;background:#243447!important;position:relative}.toggle:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#7f94a8;transition:.2s}.toggle.on{background:#245c9566!important;border:1px solid #477eb36b}.toggle.on:after{left:14px;top:2px;background:#98d7ff;box-shadow:0 0 6px #6699ee55}.wisdom{margin:2px 0 0;text-align:center;padding:14px 12px;color:#88a3bd;font:italic 14px/1.65 var(--serif)}.wisdom:after{content:'';display:block;width:32px;height:1px;background:#768cb144;margin:13px auto 0}.app-footer{position:absolute;bottom:3px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;color:#425b78;font-size:8px;letter-spacing:1px;z-index:2}.app-footer span:last-child{color:#667c97}.app-footer button{color:#879fb9;font-size:8px;padding:4px}.scene-tooltip{position:fixed;pointer-events:none;padding:8px 11px;border:1px solid #5a98dc66;background:#061529f0;color:#cbe6ff;box-shadow:0 5px 25px #0008;border-radius:6px;font-size:10px;z-index:50;max-width:245px;line-height:1.5}.toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);border:1px solid #6095bf66;background:#0a2033ef;padding:13px 20px;box-shadow:0 10px 40px #000b;z-index:100;border-radius:9px;font-size:12px;color:#d1e5f8;max-width:85%;line-height:1.5}.context-openings{position:absolute;bottom:116px;left:50%;transform:translateX(-50%);width:min(90%,430px);display:flex;justify-content:center;flex-wrap:wrap;gap:6px;z-index:6}.context-openings button{font-size:10px;border:1px solid #54738e55;background:#08172bdd;padding:8px 11px;border-radius:20px;color:#a6bed9;line-height:1.4}.context-openings button:hover{border-color:#8fb9f388;background:#17385bdd}.context-openings .icon{width:12px;height:12px;margin-right:4px}.back-context{position:absolute;left:8px;top:41px;z-index:6;font-size:10px;padding:7px 10px;border:1px solid #68869f33;border-radius:6px;color:#91aecc;background:#04101ecc}.back-context .icon{width:13px;height:13px;margin-right:5px}
/* Reading remains full prose. Neither companion is interleaved into the manuscript. */
.reading-surface{position:absolute;inset:39px 0 6px;z-index:5;background:linear-gradient(150deg,#09172df5,#040b18fa);border:1px solid #668ba63d;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.reading-top{height:54px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #55789825;background:#0b172433}.mode-tabs{display:flex;gap:5px}.mode-tabs button{font-size:11px;color:#7f9dbe;border-bottom:1px solid transparent;padding:10px 12px;display:flex;gap:7px;align-items:center}.mode-tabs button .icon{width:14px;height:14px}.mode-tabs button.active{color:#bedcff;border-color:#6ba9f9;background:#20477922}.reading-close{width:28px;height:28px;border:1px solid #48627b44;border-radius:5px;color:#859fb9}.reading-close .icon{width:14px;height:14px}.reader-scroll{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#45658966 transparent;scroll-behavior:smooth}.article{max-width:690px;margin:0 auto;padding:44px 42px 60px}.article .chapter-kicker{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:#6bade4;margin-bottom:18px}.article h1{font:normal 36px/1.2 var(--serif);letter-spacing:-.75px;color:#e5ecf5;margin:0 0 18px}.article .article-meta{color:#667f99;font-size:9px;letter-spacing:.7px;margin-bottom:30px;border-bottom:1px solid #516b892b;padding-bottom:24px}.article p{font:16px/1.94 var(--serif);color:#aebfd2;margin:0 0 22px}.article p:first-of-type{font-size:18px;color:#cfdaea}.article strong{color:#e0e9f7;font-weight:normal}.article em{color:#c0d3e9}.article p:has(>strong:only-child){border-left:2px solid #64a6dba0;padding:4px 0 4px 18px;margin:27px 0;color:#e1eafd}.reader-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #557b9d2b;padding:12px 18px;gap:12px;flex-shrink:0;background:#040c19bb}.reader-bottom button{font-size:10px;display:flex;align-items:center;gap:8px;color:#acc5dd}.reader-bottom .icon{width:13px;height:13px}.reader-bottom span{font-size:9px;color:#5e7994}.related-heading{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#879eb4;margin:20px 0 9px}.related-item{display:flex;align-items:center;text-align:left;width:100%;gap:9px;padding:10px 0;color:#9fbbd9;font-size:11px;border-top:1px solid #4d739627;line-height:1.5}.related-item .icon{width:12px;height:12px;color:#b38cf0}.companion-canvas{flex:1;min-height:180px;position:relative}#companionCanvas{width:100%;height:100%;display:block}.companion-caption{border-top:1px solid #547b9d33;padding:22px 28px 25px;background:#08182bbf;flex-shrink:0;min-height:156px}.companion-caption .step-label{font-size:8px;text-transform:uppercase;letter-spacing:1.8px;color:#9a83d2;display:flex;justify-content:space-between;margin-bottom:10px}.companion-caption h2{font:normal 23px var(--serif);margin:0 0 11px;color:#d9e6f7}.companion-caption p{font-size:12px;line-height:1.8;color:#9ab4cd;margin:0;max-width:580px}.step-dots{display:flex;gap:5px}.step-dots span{width:15px;height:2px;background:#34506e}.step-dots span.active{background:#b19ced}.branch-note{font-size:9px!important;color:#69849e!important;margin-top:13px!important}.evidence-card{padding:15px 0;border-bottom:1px solid #45698744}.evidence-card small{font-size:9px;color:#7297bb;letter-spacing:1px}.evidence-card h3{font-size:13px;font-weight:500;color:#bbd2e8}.evidence-card p{font:12px/1.8 var(--font);color:#8eabc7}.evidence-card code{font-size:10px;overflow-wrap:anywhere;color:#9ebde0}.journal-sheet{position:absolute;inset:39px 0 6px;z-index:6}.journal-sheet .article p{font:13px/1.8 var(--font)}.journal-sheet textarea{width:100%;min-height:180px;resize:vertical;border:1px solid #537da355;border-radius:8px;background:#020b19;color:#bed3eb;padding:15px;line-height:1.8;font-size:13px}.journal-sheet label{color:#789cbf;font-size:10px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:12px}.journal-actions{display:flex;gap:10px;margin:15px 0 25px}.journal-entry{padding:18px;border:1px solid #56789938;border-radius:8px;background:#0f213433;margin:12px 0}.journal-entry time{font-size:9px;color:#5d87ad}.journal-entry p{font:13px/1.8 var(--font);white-space:pre-wrap}.journal-entry button{font-size:10px;color:#8eb4d7;padding:0}.search-result{display:block;text-align:left;padding:10px;border-bottom:1px solid #5d7b972b;width:100%;font-size:12px;color:#a8c4e0}.search-result small{display:block;color:#627f9b;font-size:9px;margin-top:5px}.mobile-menu,.mobile-inspector{display:none}.mobile-detail{display:none}.side-close{display:none}.loading{min-height:100vh;display:grid;place-items:center;background:#030915;color:#aad1fc;font:20px Georgia}.loading i{display:block;font:10px Arial;letter-spacing:3px;margin-top:15px;text-align:center;color:#729cc5}
@media(min-width:1700px){.main-layout{grid-template-columns:280px minmax(0,1fr) 304px;gap:28px}.topbar{height:101px}.main-layout{height:calc(100% - 135px)}.focus-panel{padding:25px}.brand-title{font-size:29px}.focus-panel h1{font-size:30px}.focus-panel .description{font-size:13px}.stage-item{font-size:12px;padding-top:9px;padding-bottom:9px}.group-title{font-size:13px!important}.view-option{padding:13px}.article{padding-top:60px}.article p{font-size:18px}}
@media(max-width:1260px){.main-layout{grid-template-columns:219px minmax(0,1fr) 240px;gap:11px;margin-left:15px;margin-right:15px}.brand{min-width:280px;gap:8px}.brand-title{font-size:23px}.topbar{margin:0 17px}.topnav button{padding:10px 11px}.prototype-tag{font-size:8px;letter-spacing:.6px}.focus-panel{padding:17px}.focus-panel h1{font-size:24px}.focus-emblem{margin-top:17px;margin-bottom:12px;width:47px;height:47px}.view-option{padding:10px 8px}.stage-item{font-size:10px}.article{padding:35px 27px}.article h1{font-size:31px}.mode-tabs button{padding:10px 8px;font-size:10px}.reading-top{padding:0 12px}.tool-hint{display:none}}
@media(max-width:1000px){.main-layout{grid-template-columns:216px minmax(0,1fr);gap:14px}.right-rail{display:none}.prototype-tag{display:none}.center-stage{padding-bottom:0}.mobile-detail{display:block;position:absolute;right:8px;bottom:70px;z-index:5;width:240px;background:#061426e8;border:1px solid #6585ad55;border-radius:8px;padding:12px}.mobile-detail strong{font:normal 17px var(--serif)}.mobile-detail small{font-size:9px;color:#7f9dbb;display:block;margin:6px 0 10px}.mobile-detail div{display:flex;gap:7px}.mobile-detail button{font-size:10px;padding:7px 10px}.map-caption{display:none}.mobile-inspector{display:flex;align-items:center;gap:5px;font-size:10px;color:#99b8d5}.right-rail.open{display:flex;position:absolute;right:14px;top:97px;bottom:33px;width:273px;z-index:30;background:#041022f5;border:1px solid #567ca266;border-radius:12px;padding:13px;box-shadow:0 0 0 100vw #0005}.right-rail.open .side-close{display:flex;justify-content:flex-end;padding:4px}.context-openings{bottom:130px;left:35%;width:60%}.topnav button{padding:10px 12px}.article{padding:38px}.article p{font-size:17px}}
@media(max-width:700px){.atlas{min-height:560px}.topbar{height:74px;margin:0 13px;gap:8px}.brand{min-width:0;gap:7px}.brand-title{font-size:20px;letter-spacing:-.6px}.brand-subtitle{font-size:7px;letter-spacing:1.3px;margin-top:5px}.brand-mark{width:27px;height:33px}.brand-mark .icon{width:27px;height:33px}.topnav{gap:0;padding:3px;border-radius:8px}.topnav button{padding:8px 9px}.topnav button span{display:none}.topnav button .icon{width:17px;height:17px}.topnav button[data-action='connections']{display:none}.main-layout{display:block;margin:12px 9px 0;height:calc(100% - 112px)}.center-stage{height:100%}.left-rail{display:none}.left-rail.open{display:flex;position:absolute;left:8px;top:85px;bottom:27px;width:277px;z-index:30;background:#041022f5;padding:11px;border:1px solid #6487aa66;border-radius:12px;box-shadow:0 0 0 100vw #0008}.left-rail.open .side-close{display:flex;justify-content:flex-end;padding:4px 5px}.mobile-menu{display:flex;align-items:center;justify-content:center;padding:5px;color:#9dbfdc;margin-right:1px}.context-bar{font-size:9px;gap:3px;padding:0 3px}.breadcrumb{gap:4px;max-width:75%}.breadcrumb button{font-size:9px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.depth-chip{font-size:8px;padding:5px 6px}.context-bar .mobile-inspector{font-size:9px}.map-overline{font-size:8px;letter-spacing:1.8px;top:45px}.map-level-rail{right:6px;top:40%}.map-display{bottom:35px}.canvas-toolbar{bottom:10px;left:50%;padding:4px}.canvas-toolbar button{width:29px;height:30px}.mobile-detail{bottom:64px;left:8px;right:8px;width:auto;padding:13px 14px;backdrop-filter:blur(10px);box-shadow:0 8px 20px #0007}.mobile-detail strong{font-size:17px}.mobile-detail small{margin-bottom:0;font-size:9px;max-width:52%;line-height:1.6}.mobile-detail div{position:absolute;right:12px;top:15px}.mobile-detail button{font-size:10px;padding:8px 10px}.mobile-detail .quiet .icon{width:12px}.app-footer{left:12px;right:12px;bottom:4px;font-size:7px;letter-spacing:.2px}.app-footer .desktop-footer{display:none}.context-openings{bottom:162px;left:50%;width:94%}.context-openings button{font-size:9px;padding:7px 10px}.back-context{top:36px;left:3px;font-size:9px;padding:7px}.reading-surface,.journal-sheet{inset:32px 0 0;border-radius:8px}.reading-top{height:49px;padding:0 9px}.mode-tabs button{padding:9px 7px;font-size:10px;gap:5px}.mode-tabs button .icon{width:12px;height:12px}.article{padding:31px 23px 45px}.article h1{font-size:30px;letter-spacing:-.6px}.article .chapter-kicker{font-size:8px;letter-spacing:1.2px;line-height:1.8}.article .article-meta{font-size:8px;margin-bottom:24px;line-height:1.8}.article p{font-size:16px;line-height:1.85}.article p:first-of-type{font-size:17px}.reader-bottom{padding:12px}.reader-bottom span{display:none}.reader-bottom button{font-size:10px}.companion-caption{padding:18px;min-height:163px}.companion-caption h2{font-size:21px}.companion-caption p{font-size:11px;line-height:1.7}.companion-canvas{min-height:160px}.focus-panel h1{font-size:24px}.right-rail.open{top:85px;right:8px;bottom:27px;width:280px}.scene-tooltip{display:none}.focus-panel{padding:17px}.canvas-toolbar .zoom-text{font-size:9px;min-width:25px;text-align:center;color:#7f9ab7}.map-caption{display:none}.journal-actions{flex-wrap:wrap}.journal-sheet .article{padding-top:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}
@media(min-width:1261px){.brand-title{font-size:29px}.stage-item{font-size:12px}.focus-panel .description{font-size:13px}.panel-heading{gap:12px}.nav-panel>.panel-heading{align-items:flex-start;line-height:1.5}.panel-heading .tiny{font-size:8px;letter-spacing:1px;max-width:103px;text-align:right}.view-option strong{font-size:13px}.view-option small{font-size:10px}}

/* Entrance-only styling. Existing atlas presentation is unchanged. */
.entrance{--gold:#d9bc85;--soft:#9cabbc;position:relative;isolation:isolate;height:100dvh;min-height:460px;width:100%;overflow:hidden;color:#e3e7ee;background:#030810;font-family:'Segoe UI',Arial,sans-serif}
.entrance-canvas,.entrance-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}
.entrance-vignette{z-index:-1;background:linear-gradient(90deg,rgba(3,8,16,.13),transparent 70%),linear-gradient(0deg,#030810 1%,transparent 20%);box-shadow:inset 0 0 140px #0005}
.entrance-brand{position:absolute;top:32px;left:5.5%;display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:3.2px;color:#a6a99f;font-weight:400;z-index:4}
.entrance-mark{display:grid;place-items:center;width:30px;height:34px;color:var(--gold);font:24px/1 Georgia,serif;border:1px solid #b7a17744;border-radius:50% 50% 40% 40%;box-shadow:0 0 25px #e0be7410}
.entrance button{font-family:inherit;transition:color .2s,background .2s,border-color .2s,transform .2s;min-height:44px}
.entrance button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.entrance button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.1;flex-shrink:0}
.entrance-content{position:absolute;inset:0}
.question-content{position:absolute;left:9%;top:28%;width:47%;max-width:770px;z-index:3}
.entrance-eyebrow{font-size:10px;line-height:1.6;letter-spacing:3.5px;color:var(--gold);margin:0 0 27px;text-transform:uppercase}
.question-copy h1{font:400 clamp(40px,4.4vw,80px)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-1.9px;margin:0 0 27px;outline:none;text-wrap:balance}
.question-copy h1 em{display:block;font-weight:400;color:var(--gold);font-style:italic;margin-top:9px}
.question-note{font-size:clamp(14px,1.13vw,17px);color:#a6b1bf;max-width:390px;line-height:1.85;margin:0 0 36px;font-weight:300}
.question-invitation{font-size:11px;letter-spacing:.7px;color:#718091;margin:0;padding-left:31px;position:relative}
.question-invitation:before{content:'';position:absolute;left:0;top:50%;width:18px;height:1px;background:#b49b6859}
.thought-figure-caption{position:absolute;right:12%;bottom:13%;margin:0;line-height:1.9;color:#708496;font-size:10px;letter-spacing:1.1px;text-align:center}
.thought-figure-caption em{font:italic 14px/1.8 Georgia,serif;letter-spacing:.1px;color:#b4a687}
.entrance-questions .entrance-controls{position:absolute;left:9%;right:7%;bottom:45px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:28px}
.question-timeline{display:flex;align-items:center;gap:15px;width:198px}
.question-number{font:italic 18px/1 Georgia,serif;color:var(--gold)}
.question-total{font:11px/1 'Segoe UI',sans-serif;color:#607287;letter-spacing:1px}
.question-track{position:relative;height:1px;background:#52607370;flex:1}
.question-track span{height:1px;position:absolute;left:0;top:0;width:0;background:var(--gold);box-shadow:0 0 6px #d9bc8544}
.question-navigation{display:flex;align-items:center;gap:25px}
.entrance-subtle{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 4px;color:#929eae;font-size:11px;letter-spacing:.5px;white-space:nowrap}
.entrance-subtle:hover{color:#efddba}
.entrance-subtle>span[aria-hidden]{font-size:15px}
.entrance .entrance-subtle:disabled{opacity:.24;cursor:default}
.entrance-next{display:flex;align-items:center;justify-content:center;gap:35px;padding:13px 20px;border:1px solid #d9bc8563!important;border-radius:3px;background:linear-gradient(105deg,#b8985020,#947b4610)!important;color:#e3d0aa;font-size:12px;letter-spacing:.5px;white-space:nowrap;min-width:184px}
.entrance-next:hover{background:#d9bc8522!important;border-color:#dbc48b9c!important;transform:translateY(-1px)}
.entrance .previous-question{width:35px;min-width:35px;font-size:21px;color:#96a2b2}
.is-entering .question-copy{animation:inward-copy 6.6s both}
.is-entering .thought-figure-caption{opacity:0;transition:opacity 1s}
.dive-caption{font-size:11px;color:#a29680;letter-spacing:1.1px}
@keyframes inward-copy{0%{opacity:0;transform:translateY(6px)}15%,45%{opacity:1;transform:translateY(0)}75%,100%{opacity:0;transform:translateY(-10px)}}
.motion-paused .question-copy{animation-play-state:paused}
/* Introduction: one complete authored part, readable without a dashboard. */
.entrance-intro .entrance-brand{top:25px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;white-space:nowrap}
.entrance-intro .entrance-mark{width:24px;height:28px;font-size:20px}
.entrance-intro .entrance-content{top:86px;bottom:101px}
.intro-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bda37144 transparent;outline-offset:-3px!important;mask-image:linear-gradient(transparent,#000 20px,#000 calc(100% - 18px),transparent)}
.intro-article{width:min(100% - 56px,730px);margin:0 auto;padding:40px 0 70px}
.intro-article>.entrance-eyebrow{font-size:9px;margin:0 0 20px;display:flex;gap:20px;align-items:center;color:#b09b78;letter-spacing:2.8px}
.intro-article>.entrance-eyebrow span{font:10px/1.4 'Segoe UI',sans-serif;color:#6c7e93;letter-spacing:1.5px;border-left:1px solid #5e65723b;padding-left:19px}
.intro-article>h1{font:normal clamp(34px,3.4vw,53px)/1.16 Georgia,'Times New Roman',serif;color:#ede7d9;letter-spacing:-1.05px;max-width:700px;margin:0;outline:none}
.intro-rule{width:44px;height:1px;margin:32px 0 34px;background:linear-gradient(90deg,#d9bc85,#d9bc8544)}
.intro-prose{font:18px/1.9 Georgia,'Times New Roman',serif;letter-spacing:.02px;color:#b8c2ce}
.intro-prose p{margin:0 0 23px}
.intro-prose p:first-child{font-size:20px;line-height:1.85;color:#ccd2db}
.intro-prose strong{font-weight:400;color:#e7d9bf}
.intro-prose em{color:#d3d8df}
.intro-prose h2{font:400 26px/1.4 Georgia,serif;color:#dedcd6;margin:46px 0 22px;letter-spacing:-.25px}
.intro-prose blockquote{border-left:1px solid #bc9f65;padding:2px 0 2px 22px;margin:25px 0;color:#d8c6a4}
.intro-prose ul{padding-left:20px}
.intro-endmark{display:flex;align-items:center;justify-content:center;gap:16px;margin:52px 0 0;color:#c6a36666;font-size:14px}
.intro-endmark span{width:45px;height:1px;background:#c6a36629}
.entrance-intro .entrance-controls{position:absolute;bottom:0;left:0;right:0;height:91px;background:linear-gradient(0deg,#030810,rgba(3,8,16,.95));z-index:5}
.intro-progress{height:1px;width:100%;background:#6a758d2b;position:absolute;top:0;left:0}
.intro-progress-fill{height:1px;background:linear-gradient(90deg,#867e6999,#d7b986);display:block;width:0;transition:width .2s linear}
.intro-footer-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100% - 80px,1040px);margin:auto}
.intro-footer-note{margin:0;color:#8390a0;font-size:10px;line-height:1.5;letter-spacing:.3px;text-align:center;max-width:380px}
.entrance-revisit{font-size:10px;border-left:1px solid #74869355!important;margin-left:12px;padding-left:12px;color:#c5b08d;letter-spacing:0}
.entrance-revisit:hover{color:#f3d697}
@media(min-width:1700px){.question-content{top:29%}.question-copy h1{font-size:78px}.question-note{font-size:17px}.entrance-brand{font-size:11px}.intro-article{padding-top:60px}}
@media(max-width:1100px) and (min-width:700px){.question-content{left:7%;width:48%;top:30%}.question-copy h1{font-size:49px}.question-note{max-width:305px;font-size:14px}.entrance-questions .entrance-controls{left:7%;right:6%}.thought-figure-caption{right:10%}.intro-article{width:min(100% - 90px,680px)}}
@media(max-width:699px){.entrance{min-height:500px}.entrance-brand{top:23px;left:24px;gap:10px;letter-spacing:2px;font-size:8px}.entrance-mark{width:25px;height:29px;font-size:20px}.question-content{left:26px;right:26px;top:15%;width:auto;max-width:520px}.entrance-eyebrow{font-size:8px;letter-spacing:2.6px;margin-bottom:20px}.question-copy h1{font-size:clamp(35px,8.4vw,51px);line-height:1.16;letter-spacing:-1px;margin-bottom:17px}.question-copy h1 em{margin-top:4px}.question-note{font-size:13px;line-height:1.75;max-width:315px;margin-bottom:18px}.question-invitation{font-size:9px;padding-left:24px;color:#8893a0;letter-spacing:.15px}.question-invitation:before{width:14px}.thought-figure-caption{right:29px;bottom:18%;text-align:right;font-size:8px;letter-spacing:.3px}.thought-figure-caption em{font-size:11px}.entrance-questions .entrance-controls{left:23px;right:23px;bottom:23px;display:block}.question-timeline{width:100%;margin-bottom:14px;gap:12px}.question-navigation{justify-content:space-between;gap:14px}.question-number{font-size:15px}.question-total{font-size:9px}.entrance-next{gap:21px;min-width:160px;padding:11px 15px;font-size:11px}.entrance-subtle{font-size:10px}.entrance button svg{width:20px;height:20px}.entrance-intro .entrance-brand{top:23px;font-size:8px;gap:10px;letter-spacing:2px}.entrance-intro .entrance-content{top:74px;bottom:106px}.intro-article{width:calc(100% - 48px);padding:27px 0 45px}.intro-article>h1{font-size:36px;line-height:1.18;letter-spacing:-.8px}.intro-article>.entrance-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:20px}.intro-rule{margin:27px 0 29px}.intro-prose{font-size:17px;line-height:1.85}.intro-prose p:first-child{font-size:18px}.intro-prose h2{font-size:24px;margin:35px 0 20px}.intro-prose p{margin-bottom:22px}.entrance-intro .entrance-controls{height:96px}.intro-footer-inner{width:calc(100% - 42px);gap:13px;padding-top:19px;position:relative}.intro-footer-note{position:absolute;left:0;right:0;top:11px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.intro-footer-inner .entrance-next{min-width:165px}.intro-endmark{margin-top:36px}.dive-caption{font-size:9px}.is-entering .entrance-controls{display:flex;justify-content:space-between}.is-entering .entrance-subtle{font-size:9px}.intro-footer-inner .entrance-subtle{gap:8px}.entrance-revisit{padding-left:6px;margin-left:4px;font-size:8px;max-width:60px;white-space:normal}}
@media(max-height:680px) and (max-width:699px){.question-content{top:14%}.question-copy h1{font-size:33px}.question-note{font-size:12px;line-height:1.6;max-width:290px;margin-bottom:11px}.question-invitation{display:none}.thought-figure-caption{display:none}.entrance-eyebrow{margin-bottom:13px}.entrance-questions .entrance-controls{bottom:17px}}
@media(max-height:510px) and (min-width:700px){.entrance{min-height:320px}.entrance-brand{top:15px;font-size:8px}.entrance-mark{height:25px;width:24px;font-size:18px}.question-content{top:22%;left:7%;width:51%}.entrance-eyebrow{font-size:8px;margin-bottom:14px}.question-copy h1{font-size:37px;margin-bottom:15px}.question-note{font-size:12px;line-height:1.6;margin-bottom:10px}.question-invitation{display:none}.thought-figure-caption{display:none}.entrance-questions .entrance-controls{bottom:17px}.entrance-next{font-size:10px;padding:8px 14px;min-width:151px}.question-navigation{gap:12px}.entrance-intro .entrance-brand{top:13px}.entrance-intro .entrance-content{top:50px;bottom:75px}.entrance-intro .entrance-controls{height:67px}.intro-article{padding-top:25px}.intro-prose{font-size:17px}.intro-article>h1{font-size:34px}.intro-footer-inner{width:calc(100% - 80px)}.intro-footer-note{font-size:9px;max-width:300px}}
@media(prefers-reduced-motion:reduce){.entrance *, .entrance *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.is-entering .question-copy{opacity:1}}

/* Scoped guided-journey styling. */
.journey{--paper:#e7e8e1;--subtle:#9eaab0;--warm:#dcca99;--board:#10221e;color:var(--paper);height:100dvh;min-height:580px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 76% 40%,#12262955,transparent 50%),#070d13;font-family:'Segoe UI',Arial,sans-serif;position:relative;isolation:isolate}
.journey button{transition:background .18s,border-color .18s;color:inherit}.journey button:focus-visible,.journey select:focus-visible{outline:2px solid #dcca99;outline-offset:4px}.journey h1:focus{outline:none}
.j-header{height:87px;flex-shrink:0;margin:0 4.4vw;border-bottom:1px solid #ced6ce16;display:flex;align-items:center;justify-content:space-between;gap:24px}
.j-brand{display:flex;align-items:center;gap:13px;font:21px Georgia,serif;white-space:nowrap}.j-monogram{display:grid;place-items:center;border:1px solid #baa27644;width:34px;height:38px;border-radius:50%;color:#dcca99;font:29px Georgia}
.j-brand small{display:block;font:8px 'Segoe UI',sans-serif;letter-spacing:2.4px;color:#8a989f;margin-top:8px}.j-location{font-size:11px;color:#aab5b7}.j-location>span{color:#dcca99;font-family:Georgia,serif;font-size:16px;margin-right:10px}
.j-quiet{padding:10px 12px;border:1px solid transparent;border-radius:4px;color:#abb9bb!important;font-size:12px;line-height:1.5;background:transparent}.j-quiet:hover{border-color:#a7bcb729;background:#a7bcb709}
.j-primary{border:1px solid #c5ab6966!important;color:#e9d6a5!important;background:linear-gradient(130deg,#4b422423,#a68c3c13)!important;border-radius:4px;padding:13px 19px;font-size:12px;letter-spacing:.3px;line-height:1.6}.j-primary:hover{background:#a9903d24!important;border-color:#d3b56e99!important}.j-primary span{padding-left:22px}
.j-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 4.4vw}.j-footer{height:31px;flex-shrink:0;padding:0 4.4vw;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#667e81;font-size:8px;letter-spacing:1.5px}.j-footer i{padding:0 7px;color:#c2ae7866}.j-status{letter-spacing:.3px;font-size:10px}
.j-eyebrow{font-size:9px;letter-spacing:2.1px;color:#b5c0bb;text-transform:uppercase}.j-draft{font-size:8px;letter-spacing:1px;color:#758884;border-left:1px solid #71817a55;padding-left:13px;margin-left:13px}
.j-reader-top{height:70px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:15px}.j-layout-controls{display:flex;border:1px solid #a6b8b020;padding:4px;border-radius:5px}.j-layout-controls button,.j-study-tabs button{font-size:11px;color:#829799;padding:8px 14px;border-radius:3px}.j-layout-controls button.active,.j-study-tabs button.active{color:#dccb9d;background:#b3a27313;box-shadow:0 0 0 1px #b3a27322}
.j-reading-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:5vw}.j-read-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5a706644 transparent;overscroll-behavior:contain;scroll-padding-top:24px}
.j-narration{padding:28px 24px 50px 0;max-width:680px;margin:auto}.j-chapter-number{font:9px 'Segoe UI',sans-serif!important;letter-spacing:2px;color:#c9b47e!important;margin-bottom:18px!important}.j-narration h1{font:normal clamp(34px,3.4vw,58px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 27px;max-width:560px}.j-title-rule{height:1px;width:53px;background:#c4ad745c;margin-bottom:33px}.j-narration p{font:18px/1.92 Georgia,serif;color:#afbec1;margin:0 0 26px}.j-narration p strong{font-weight:normal;color:#f0ecdf}.j-narration [data-paragraph]{scroll-margin-top:30px}
.j-reading-bottom{height:56px;flex-shrink:0;border-top:1px solid #c4d4cc12;display:flex;align-items:center;justify-content:space-between;gap:12px}.j-reading-bottom>span{font-size:10px;color:#718a88}.j-chapter-end{border-top:1px solid #c2b18430;margin-top:35px;padding-top:32px}.j-chapter-end h2{font:normal 28px Georgia,serif;margin:16px 0}.j-chapter-end p{font:13px/1.8 'Segoe UI',sans-serif;color:#8daba6}.j-chapter-end .j-primary{margin-top:8px}
.j-study-pane{align-self:start;display:flex;flex-direction:column;border:1px solid #99b6a622;background:linear-gradient(155deg,#11231d60,#0b171c60);border-radius:9px;overflow:hidden;position:relative;margin-top:15px;max-height:calc(100dvh - 295px);min-height:380px}.j-study-tabs{display:flex;gap:10px;padding:13px 17px;border-bottom:1px solid #acc2b316}
.j-study-content{overflow:auto;scrollbar-width:thin;scrollbar-color:#6c857144 transparent;display:flex;flex-direction:column;padding:19px 23px 13px}.j-study-label{font-size:8px;letter-spacing:1.5px;color:#849891;display:flex;justify-content:space-between;gap:10px}.j-study-label span{color:#b7c8bd}.j-visual-drawing{width:100%;min-height:170px;max-height:410px;display:flex;align-items:center;justify-content:center}.j-visual-drawing svg{width:100%;max-height:400px;display:block}
.j-visual-caption{padding:10px 0 18px;border-bottom:1px solid #afc0af17}.j-visual-caption h2{font:normal 24px/1.3 Georgia,serif;margin:0 0 10px;color:#d8dcd0}.j-study-cue{font:13px/1.75 'Segoe UI',sans-serif;color:#a3b8ae;margin:0}.j-step-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0 7px}.j-step-controls span{font-size:11px;color:#9bab97}.j-step-controls button{font-size:11px;padding:9px 2px}.j-step-dots{display:flex;gap:6px}.j-step-dots i{display:block;width:13px;height:2px;background:#35473f}.j-step-dots i.active{background:#dac594}
.j-study-foot{font-size:10px;line-height:1.6;text-align:center;color:#6f8b83;margin:11px 0 0}.j-suggested{font-size:11px;color:#d8c391!important;text-align:center;border:1px dashed #c1b27944;border-radius:4px;padding:9px;margin-top:8px}.j-layout-read{grid-template-columns:1fr}.j-layout-read .j-narration{max-width:770px;padding-right:0}.j-layout-read .j-study-pane{display:none}.j-layout-visual{grid-template-columns:1fr}.j-layout-visual .j-read-scroll{display:none}.j-layout-visual .j-study-pane{width:min(820px,100%);height:100%;margin:0 auto;max-height:none}.j-layout-visual .j-study-content{height:100%}.j-layout-visual .j-visual-drawing{flex:1;min-height:100px;max-height:none}.j-layout-visual .j-visual-drawing svg{height:100%;max-height:470px}.j-inline-board{margin:15px -10px 18px;padding:10px}.j-inline-board svg{max-height:370px;width:100%;display:block}
.chalk-surface{background:radial-gradient(ellipse at 45% 40%,#1c3024a6,transparent 80%),repeating-linear-gradient(110deg,#bfd6bd02 0px,#bfd6bd02 1px,transparent 1px,transparent 5px),#0d201c;border:1px solid #b3b68a45;border-radius:7px;box-shadow:inset 0 0 65px #030b074a,0 22px 80px #0004;position:relative}.chalk-surface:after{content:'';position:absolute;bottom:-4px;height:4px;left:12px;right:12px;border-radius:2px;background:linear-gradient(90deg,#605e4277,#9e927466,#5b5e4333);pointer-events:none}
.chalk-text{font-family:'Segoe Print','Bradley Hand',Georgia,serif;fill:#dfe6d6}.chalk-text.muted-ink{fill:#8fa494}.chalk-text.soft-ink{fill:#b7c5b3}.chalk-text.source-ink{fill:#ebd5a0;letter-spacing:3px}.chalk-text.relation-ink{fill:#e5d09c}.chalk-text.pole-one{fill:#b4dbe3}.chalk-text.pole-two{fill:#c7ceb2}.chalk-line{fill:none;stroke:#bcc9b7;stroke-width:1.35;stroke-linecap:round;opacity:.7}.chalk-line.accent-line{stroke:#dfc78e}.fresh-mark{animation:chalk-appear .4s ease-out both}.fresh-mark .chalk-line{stroke-dasharray:1;animation:chalk-stroke .9s ease both}.j-chalk-count{position:absolute;bottom:16px;right:22px;color:#849279;font-size:9px;letter-spacing:2px}
.j-board-session{min-height:0;flex:1;display:flex;flex-direction:column;padding-top:22px;max-width:1270px;width:100%;margin:auto}.j-board-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.j-board-heading .j-eyebrow{margin:0 0 10px}.j-board-heading h1{font:normal 31px/1.2 Georgia,serif;margin:0 0 17px}.j-board-actions{display:flex;gap:5px}.j-board-actions button{font-size:11px}.j-board-slot{flex:1;min-height:0;display:flex;justify-content:center;padding-top:8px}.j-board-slot .chalk-surface{height:100%;aspect-ratio:900/640;max-width:100%}.j-board-slot svg{display:block;width:100%;height:100%;max-width:100%}
.j-board-notes{flex-shrink:0;text-align:center;padding:12px 14px 5px;max-width:900px;align-self:center}.j-board-cue{font:13px/1.7 'Segoe UI',sans-serif;color:#bac6b4;margin:0}.j-presenter-note{font:12px/1.6 'Segoe UI',sans-serif;color:#859d96;margin:5px 0 0}.j-board-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:9px 0}.j-board-controls>div{display:flex;gap:7px;align-items:center}.j-board-controls button{font-size:11px;padding:8px 13px}.j-speed{font-size:10px;color:#899a8b;display:flex;align-items:center;gap:4px}.j-speed select{color:#d6d8c7;border:1px solid #aabc9d22;background:#122219;border-radius:3px;padding:7px;font-size:10px}
.j-board-exit{height:54px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a1b79420;gap:15px;flex-shrink:0}.j-board-exit>span{font-size:11px;color:#88a397}.j-board-exit button{padding:8px 13px;font-size:11px}.j-board-recap .recap-marks{justify-content:center;gap:9px;margin:0 0 12px}.j-board-recap .recap-marks span{font-size:10px;padding:6px 10px}
.j-presenter .j-header,.j-presenter .j-footer,.j-presenter .j-board-notes,.j-presenter .j-board-exit,.j-presenter .j-board-recap{display:none}.j-presenter .j-board-session{padding:18px 0 6px;max-width:none}.j-presenter .j-board-heading h1{font-size:25px;margin:0}.j-presenter .j-board-heading .j-eyebrow{display:none}.j-presenter .j-board-heading{margin-bottom:12px}.j-presenter .j-board-heading [data-j-action='read'],.j-presenter [data-j-action='notes']{display:none}.j-presenter .j-board-slot .chalk-surface{width:auto;aspect-ratio:900/640}
.j-recap{width:min(850px,100%);margin:auto;padding:50px 0;overflow:auto;scrollbar-width:thin}.j-recap>h1{font:normal clamp(35px,4.5vw,66px)/1.15 Georgia,serif;letter-spacing:-1.5px;margin:30px 0;color:#e8e9df}.j-recap>h1 em{color:#d9c38f;font-weight:normal}.recap-marks{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.recap-marks span{border:1px solid #a7be9d33;background:#18362822;padding:10px 14px;color:#b7c8ad;font:13px/1.6 Georgia,serif;border-radius:3px}
.j-recap-text{font:20px/1.8 Georgia,serif;color:#b7c3bd;max-width:750px;margin:23px 0 36px}.j-new-question{border-left:2px solid #b7a67755;padding:4px 0 4px 23px;margin:0 0 30px}.j-new-question>span{font-size:9px;letter-spacing:2px;color:#a88e5b}.j-new-question h2{font:normal 27px/1.5 Georgia,serif;margin:10px 0 0;color:#d3d8cb}.j-new-question p,.j-small{font-size:13px;line-height:1.9;color:#8fa69e;max-width:650px}.j-end-actions{display:flex;gap:16px}.j-recap .j-small{font-size:11px;margin-top:24px}.j-notice:empty{display:none}.j-notice{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#152b20;border:1px solid #b9b78355;border-radius:6px;z-index:30;max-width:90vw;font-size:12px;color:#dbd9bd}
@keyframes chalk-appear{from{opacity:0}to{opacity:1}}@keyframes chalk-stroke{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(min-width:1800px){.j-main{max-width:1680px;width:100%;margin:auto}.j-narration p{font-size:20px}.j-narration{max-width:760px}.j-study-pane{margin-top:27px}.j-visual-caption h2{font-size:28px}.j-study-cue{font-size:15px}}
@media(max-width:1050px){.j-reading-layout{gap:25px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.j-location{display:none}.j-narration p{font-size:17px}.j-study-content{padding:15px}.j-narration{padding-right:5px}.j-draft{display:none}.j-layout-read,.j-layout-visual{grid-template-columns:1fr}.j-study-label{font-size:7px;letter-spacing:.8px}.j-board-heading h1{font-size:26px}}
@media(max-width:700px){
.journey{min-height:520px}.j-header{height:72px;margin:0 20px;gap:10px}.j-brand{font-size:18px;gap:9px}.j-brand small{font-size:7px;letter-spacing:1.7px}.j-monogram{width:25px;height:30px;font-size:23px}.j-header>.j-quiet{font-size:10px;padding:6px}.j-main{padding:0 20px}.j-reader-top{height:auto;min-height:89px;flex-direction:column;justify-content:center;gap:13px;align-items:flex-start;padding:12px 0}.j-eyebrow{font-size:8px;letter-spacing:1.6px}.j-layout-controls{width:100%;justify-content:space-between}.j-layout-controls button{font-size:10px;padding:8px 12px;flex:1}
.j-reading-layout{display:block;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.j-read-scroll{overflow:visible;height:auto}.j-narration{padding:19px 0 25px}.j-narration h1{font-size:38px}.j-narration p{font-size:17px;line-height:1.95}.j-study-pane{margin:0 0 28px;max-height:none;min-height:0;overflow:visible}.j-study-content{overflow:visible;padding:20px 17px}.j-visual-drawing{min-height:0}.j-visual-caption h2{font-size:24px}.j-study-cue{font-size:13px}
.j-layout-read .j-study-pane{display:none}.j-layout-visual .j-study-pane{height:auto}.j-layout-visual .j-read-scroll{display:none}.j-layout-visual .j-visual-drawing{min-height:190px}.j-reading-bottom{height:48px}.j-reading-bottom>span{display:none}.j-reading-bottom button{font-size:10px;padding:6px 0}.j-footer{padding:0 20px;height:26px}.j-footer>span:last-child{display:none}.j-status{font-size:9px}
.j-board-session{padding-top:17px;overflow:auto;display:block}.j-board-heading{align-items:flex-start;flex-direction:column;gap:0}.j-board-heading h1{font-size:29px;margin-bottom:13px}.j-board-actions{gap:7px;margin-bottom:10px;flex-wrap:wrap}.j-board-actions button{font-size:10px;padding:7px}.j-board-slot{padding-top:5px;display:block}.j-board-slot .chalk-surface{width:100%;height:auto;aspect-ratio:660/720}.j-board-controls{flex-wrap:wrap;justify-content:center;padding:14px 0;gap:12px}.j-board-controls>div{flex-wrap:wrap;justify-content:center;gap:4px}.j-board-controls button{font-size:11px;padding:9px 12px}.j-board-exit{height:auto;min-height:60px;flex-direction:column;text-align:center;padding:15px 0;gap:13px}.j-board-exit>span{font-size:10px}.j-board-cue{font-size:12px}.j-board-notes{padding:17px 0 0}.j-board-recap .recap-marks span{font-size:10px}
.j-recap{padding:35px 0}.j-recap>h1{font-size:39px}.j-recap-text{font-size:18px}.j-new-question{padding-left:17px}.j-new-question h2{font-size:24px}.recap-marks span{font-size:12px;padding:8px 10px}.j-recap>.j-primary{margin-bottom:10px}.j-presenter .j-main{padding:0 10px}.j-presenter .j-board-session{display:flex;overflow:auto;min-height:0}.j-presenter .j-board-slot{width:100%;flex:0 0 auto}.j-presenter .j-board-heading{flex-shrink:0}.j-presenter .j-board-slot .chalk-surface{width:100%;height:auto;aspect-ratio:660/720}.j-presenter .j-board-heading h1{font-size:21px}.j-end-actions{flex-wrap:wrap}.j-chapter-end h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.journey *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.chalk-line{stroke-dasharray:none!important}}

/* Identity/reference chapter: controls change only the selected visual reading. */
.j-reference-controls{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:9px 0 13px;border-bottom:1px solid #afc0af17}
.j-reference-controls button{font-size:11px;line-height:1.5;padding:9px 11px;border:1px solid #a5b59c33;border-radius:5px;color:#a8b9ae;background:transparent;flex:1}
.j-reference-controls button.active{background:#b2a37515;border-color:#cbb67b88;color:#efdcad}
.j-reference-controls button:hover{border-color:#cbb67b66}
.j-source-notes{margin:35px 0;padding:16px 0;border-top:1px solid #bbcaaf22;color:#aab9b0;font-size:12px}
.j-source-notes summary{cursor:pointer;color:#cdbb8d;padding:5px 0;outline-offset:4px}
.j-source-notes div{padding:13px 0 0}.j-source-notes strong{font-size:12px;font-weight:500;color:#cfdbc9}
.j-narration .j-source-notes p{font:12px/1.8 'Segoe UI',Arial,sans-serif;margin:10px 0 0;color:#94a99f}
@media(max-width:700px){.j-reference-controls{gap:5px}.j-reference-controls button{min-width:95px;font-size:10px;padding:9px 7px}}

/* Controls belong to the visual, never to prose position or board playback. */
.j-parameter-controls{display:grid;gap:16px;padding:16px 0;border-top:1px solid #acc2b322}
.j-parameter-controls label{display:grid;grid-template-columns:1fr auto;gap:11px;color:#b7c4b7;font-size:11px;line-height:1.6}
.j-parameter-controls output{font-variant-numeric:tabular-nums;color:#e5d09c;min-width:42px;text-align:right}
.j-parameter-controls input{grid-column:1/-1;width:100%;min-height:24px;accent-color:#dcca99;cursor:pointer;margin:0}
.j-parameter-controls input:focus-visible{outline:2px solid #dcca99;outline-offset:3px}
.geometry-study-svg{overflow:visible}
@media(max-width:700px){.j-parameter-controls label{font-size:12px}.j-parameter-controls{padding:18px 0}}
/* Reserve the entire SVG box before controls; flex compression must not overlay labels. */
.j-visual-drawing:has(> .geometry-study-svg){height:clamp(270px,34vh,380px);flex:0 0 auto;min-height:0;max-height:none}
.j-visual-drawing > .geometry-study-svg{width:100%;height:100%;max-height:100%;overflow:hidden}
.j-layout-visual .j-visual-drawing:has(> .geometry-study-svg){height:clamp(290px,42vh,470px)}
@media(max-width:700px){.j-visual-drawing:has(> .geometry-study-svg),.j-layout-visual .j-visual-drawing:has(> .geometry-study-svg){height:auto;aspect-ratio:660/510}.j-visual-drawing>.geometry-study-svg{height:auto;max-height:none}}

/* Chapter 04: a bounded local study, not an early entrance to the Atlas. */
.j-context-controls{display:flex;gap:6px;padding:12px 0;border-top:1px solid #b3a27324;flex:0 0 auto}
.j-context-controls button{flex:1;border:1px solid #abc1ab33;border-radius:4px;padding:11px 9px;font-size:11px;line-height:1.5;color:#aebfaf;background:#14251b22}
.j-context-controls button.active{color:#e4d09e;border-color:#d1b97d88;background:#b39a5620}
.journey[data-chapter='whole-part'] .j-visual-drawing{flex:0 0 auto;min-height:0;max-height:none;aspect-ratio:660/550;width:100%}
.journey[data-chapter='whole-part'] .j-visual-drawing svg{width:100%;height:100%;max-height:none;display:block}
.journey[data-chapter='whole-part'] .j-visual-caption,.journey[data-chapter='whole-part'] .j-step-controls{flex:0 0 auto}
@media(max-width:700px){.j-context-controls button{font-size:12px;min-height:44px}.journey[data-chapter='whole-part'] .j-study-label{font-size:8px}}

/* Recursive field: keep dense studies legible without shrinking the prose. */
.journey[data-chapter="recursive-field"] .j-study-tabs{flex-wrap:wrap;gap:5px;padding:12px}
.journey[data-chapter="recursive-field"] .j-study-tabs button{padding:8px 10px}
.journey[data-chapter="recursive-field"] .j-visual-drawing,.j-matrix-drawing{flex:none;display:block;max-height:none;min-height:0;width:100%}
.journey[data-chapter="recursive-field"] .j-visual-drawing svg,.j-matrix-drawing svg{display:block;width:100%;height:auto;max-height:none}
.journey[data-chapter="recursive-field"] .j-step-dots{gap:4px;flex-wrap:wrap;justify-content:center;max-width:150px}
.journey[data-chapter="recursive-field"] .j-parameter-controls label{line-height:1.65}
.journey[data-chapter="recursive-field"] .j-board-slot{overflow:auto;display:block;scrollbar-width:thin;scrollbar-color:#6c857144 transparent}
.journey[data-chapter="recursive-field"] .j-board-slot .chalk-surface{height:auto;width:min(860px,100%);margin:0 auto;aspect-ratio:900/1290}
@media(max-width:700px){.journey[data-chapter="recursive-field"] .j-board-slot{overflow:visible}.journey[data-chapter="recursive-field"] .j-board-slot .chalk-surface{width:100%;aspect-ratio:660/2090}.journey[data-chapter="recursive-field"] .j-study-tabs button{font-size:10px;flex:1;padding:8px 5px}}

/* Chapter 06 keeps architectural diagrams distinct from the running journey. */
.journey[data-chapter="mind-structure"] .j-study-tabs{flex-wrap:wrap;gap:5px;padding:12px}
.journey[data-chapter="mind-structure"] .j-study-tabs button{padding:8px 10px}
.journey[data-chapter="mind-structure"] .j-visual-drawing{flex:none;display:block;max-height:none;min-height:0;width:100%}
.journey[data-chapter="mind-structure"] .j-visual-drawing svg{display:block;width:100%;height:auto;max-height:none}
.journey[data-chapter="mind-structure"] .j-visual-caption,.journey[data-chapter="mind-structure"] .j-step-controls{flex:0 0 auto}
.journey[data-chapter="mind-structure"] .j-context-controls{flex-wrap:wrap}
.journey[data-chapter="mind-structure"] .j-context-controls button{min-width:110px}
.journey[data-chapter="mind-structure"] .j-board-slot{overflow:auto;display:block;scrollbar-width:thin;scrollbar-color:#6c857144 transparent}
.journey[data-chapter="mind-structure"] .j-board-slot .chalk-surface{height:auto;width:min(860px,100%);margin:0 auto}
@media(max-width:700px){.journey[data-chapter="mind-structure"] .j-board-slot{overflow:visible}.journey[data-chapter="mind-structure"] .j-board-slot .chalk-surface{width:100%}.journey[data-chapter="mind-structure"] .j-study-tabs button{font-size:10px;flex:1;padding:8px 5px}.journey[data-chapter="mind-structure"] .j-context-controls button{font-size:11px;min-width:84px}}

/* Part I synthesis is a teaching interlude, not another chapter or the Atlas. */
.synthesis{height:100dvh;min-height:520px;display:flex;flex-direction:column;padding:20px 4vw;background:#070e13;color:#dfe6d6;font-family:'Segoe UI',Arial,sans-serif;overflow:hidden;box-sizing:border-box}
.synthesis button{border:1px solid #c1b58435;background:#b3a2730c;border-radius:4px;padding:10px 13px;color:#d9ccac;font-size:12px;line-height:1.5;cursor:pointer}
.synthesis button:hover{background:#b3a27320}.synthesis button:disabled{opacity:.4;cursor:default}.synthesis button:focus-visible,.synthesis select:focus-visible{outline:2px solid #dcca99;outline-offset:3px}
.s-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #a9c3ac22;padding-bottom:16px;flex:none}
.s-eyebrow{font-size:9px;letter-spacing:2px;color:#a2b7ac}.s-header h1{font:normal clamp(25px,2.7vw,43px)/1.2 Georgia,serif;margin:9px 0 0}.s-header h1:focus{outline:none}
.s-context{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#a3b6a8;font-size:12px;flex:none}.s-count{font-variant-numeric:tabular-nums;color:#e7d49a}
.s-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8f997955 transparent;padding:0 2px 6px}
.s-paper{width:min(940px,100%);margin:0 auto;height:auto}.s-paper svg{display:block;width:100%;height:auto}.s-focus .s-paper{max-width:940px}
.s-reading{padding:12px 0 6px;flex:none;text-align:center}.s-cue{font:16px/1.7 Georgia,serif;margin:0;color:#ddd8bf}.s-note{max-width:920px;font-size:13px;line-height:1.75;color:#9db5a7;margin:9px auto}
.s-source-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:9px}.s-source-buttons button{font-size:11px;border-style:dashed;color:#9fae9e;padding:6px 10px}
.s-controls{display:flex;gap:12px;justify-content:space-between;flex:none;padding:12px 0;border-top:1px solid #afc39e20}.s-controls>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.s-controls button{font-size:11px;padding:8px 11px}
.s-controls [data-s-action='next']{border-color:#d1b97d77;color:#f2dfac}.s-controls label{display:flex;align-items:center;gap:5px;color:#9fb29d;font-size:11px}.s-controls select{background:#12251d;color:#ddd8bd;border:1px solid #b9c59d33;padding:8px;border-radius:4px}
.s-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;font-size:10px;color:#839c8c;padding-top:5px}.s-footer button{padding:7px 13px}
.s-presenter .s-reading,.s-presenter .s-footer,.s-presenter .s-eyebrow,.s-presenter [data-s-action='previous'],.s-presenter [data-s-action='notes']{display:none}.s-presenter .s-header h1{font-size:24px;margin:0}
.s-dialog{max-width:min(800px,90vw);max-height:88dvh;overflow:auto;background:#101d1a;color:#bec8bc;border:1px solid #b9ac784d;border-radius:7px;padding:28px;box-sizing:border-box;scrollbar-width:thin}
.s-dialog::backdrop{background:#020509d9;backdrop-filter:blur(5px)}.s-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px}.s-dialog h2{font:normal 35px/1.2 Georgia,serif;color:#eee8d4;margin:25px 0}.s-dialog p{font:18px/1.85 Georgia,serif;margin:22px 0}.s-dialog .s-dialog-intro{font:12px/1.8 'Segoe UI',sans-serif;color:#819a8d}.s-dialog .s-related{border-left:2px solid #d4bd83;padding-left:17px;color:#eee4c8}.s-dialog details{font-size:12px;padding:12px 0;border-top:1px solid #a1b39333}.s-dialog details p{font:12px/1.8 'Segoe UI',sans-serif}
.s-status:empty{display:none}.s-status{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#182b20;padding:10px;border:1px solid #c4b88766;color:#ddd8bf;font-size:12px;pointer-events:none}
@media(max-width:900px){.s-controls{flex-wrap:wrap;justify-content:center}.s-controls>div{justify-content:center}.s-source-buttons button{font-size:10px}}
@media(max-width:700px){.synthesis{padding:14px 12px;min-height:480px}.s-header{align-items:flex-start;gap:9px}.s-header h1{font-size:24px}.s-header>button{font-size:9px;padding:6px;max-width:110px}.s-eyebrow{font-size:7px;letter-spacing:1px}.s-context{padding:9px 0;font-size:10px}.s-cue{font-size:14px;line-height:1.5}.s-reading{padding:9px 0}.s-note{font-size:12px;max-height:135px;overflow:auto}.s-controls{gap:6px;padding:6px 0}.s-controls button{padding:7px 9px;font-size:10px;min-height:36px}.s-controls select{padding:5px}.s-source-buttons{max-height:70px;overflow:auto}.s-footer>span{max-width:55%;line-height:1.5}.s-dialog{max-width:95vw;width:95vw;padding:20px;max-height:92dvh}.s-dialog h2{font-size:30px}.s-dialog p{font-size:17px}.s-presenter .s-header h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){.synthesis *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.synthesis .fresh-mark rect,.synthesis .fresh-mark circle{stroke-dasharray:none;animation:none}

/* Source realignment: construction labels and controls may not be compressed into captions. */
.journey[data-chapter="relational-geometry"] .j-visual-drawing,.journey[data-chapter="angular-reading"] .j-visual-drawing{flex:none;display:block;width:100%;height:auto;max-height:none;min-height:0}
.journey .j-visual-drawing>.source-construction-svg{display:block;width:100%;height:auto;max-height:none;overflow:hidden}
.journey[data-chapter="relational-geometry"] .j-context-controls,.journey[data-chapter="angular-reading"] .j-context-controls{flex-wrap:wrap}
.journey[data-chapter="relational-geometry"] .j-context-controls button{flex:1 1 125px;min-height:44px}
.journey[data-chapter="relational-geometry"] .j-step-dots,.journey[data-chapter="angular-reading"] .j-step-dots{flex-wrap:wrap;justify-content:center;gap:4px;max-width:130px}
.journey[data-chapter="relational-geometry"] .j-board-slot,.journey[data-chapter="angular-reading"] .j-board-slot{overflow:auto;display:block;scrollbar-width:thin;scrollbar-color:#6c857144 transparent}
.journey[data-chapter="relational-geometry"] .j-board-slot .chalk-surface,.journey[data-chapter="angular-reading"] .j-board-slot .chalk-surface{width:min(860px,100%);height:auto;margin:auto}
.journey[data-chapter="relational-geometry"] .j-inline-board,.journey[data-chapter="angular-reading"] .j-inline-board{max-height:380px;overflow:auto;flex:none}
.journey[data-chapter="relational-geometry"] .j-inline-board svg,.journey[data-chapter="angular-reading"] .j-inline-board svg{height:auto;max-height:none}
@media(max-width:700px){.journey[data-chapter="relational-geometry"] .j-board-slot,.journey[data-chapter="angular-reading"] .j-board-slot{overflow:visible}.journey[data-chapter="angular-reading"] .j-study-tabs{gap:4px;padding:12px 8px;flex-wrap:wrap}.journey[data-chapter="angular-reading"] .j-study-tabs button{font-size:10px;padding:8px;flex:1}}

/* In-site chapter access and the same-whole matrix study. */
.j-header-actions {display:flex;align-items:center;gap:1rem;position:relative;z-index:20;}
.j-chapter-navigation {position:relative;font:14px system-ui,sans-serif;}
.j-chapter-navigation summary {cursor:pointer;padding:.65rem .9rem;border:1px solid #43574d;border-radius:5px;color:#e4d4a2;list-style-position:inside;}
.j-chapter-navigation nav {position:absolute;right:0;top:calc(100% + .5rem);width:min(370px,85vw);max-height:70vh;overflow:auto;background:#10201e;border:1px solid #516054;border-radius:6px;padding:.5rem;box-shadow:0 16px 36px #0009;}
.j-chapter-navigation nav button {display:block;width:100%;text-align:left;white-space:normal;padding:.8rem;border:0;background:transparent;color:#d1ddd4;font:14px/1.5 system-ui,sans-serif;cursor:pointer;}
.j-chapter-navigation nav button:hover,.j-chapter-navigation nav button.active {background:#203a32;color:#f0db9b;}
.j-chapter-navigation summary:focus-visible,.j-chapter-navigation button:focus-visible {outline:2px solid #e6d29d;outline-offset:2px;}
.observer-whole-svg [role="button"],.chalk-surface [data-j-action="whole-open"] {cursor:pointer;}
.observer-whole-svg [role="button"]:focus-visible,.chalk-surface [data-j-action="whole-open"]:focus-visible {outline:2px solid #e6d29d;outline-offset:4px;}
.observer-whole-svg {display:block;width:100%;height:auto;}
@media(max-width:700px){
 .j-header-actions {gap:.5rem;}
 .j-chapter-navigation summary {font-size:12px;padding:.5rem;}
 .j-chapter-navigation nav {right:-45px;}
 .j-header .j-location {max-width:42%;}
}

/* Keep the detailed whole-matrix construction at readable size. Its pane scrolls independently. */
.journey[data-chapter="observer-whole"] .j-visual-drawing {flex:none;display:block;max-height:none;min-height:0;width:100%;}
.journey[data-chapter="observer-whole"] .j-visual-drawing svg {display:block;width:100%;height:auto;max-height:none;}

@media(max-width:700px){
 .j-header .j-brand {font-size:15px;gap:7px;}
 .j-header-actions {gap:.35rem;flex-shrink:0;}
 .j-header-actions>.j-quiet {font-size:10px;padding:5px;white-space:nowrap;}
 .j-chapter-navigation summary {white-space:nowrap;}
}

/* The full board keeps readable marks instead of shrinking a long construction into a thumbnail. */
.journey[data-chapter="observer-whole"] .j-board-slot {overflow:auto;display:block;scrollbar-width:thin;scrollbar-color:#6c857144 transparent;}
.journey[data-chapter="observer-whole"] .j-board-slot .chalk-surface {height:auto;width:min(860px,100%);margin:0 auto;}
.journey[data-chapter="observer-whole"] .j-inline-board {max-height:380px;overflow:auto;flex:none;}
.journey[data-chapter="observer-whole"] .j-inline-board svg {height:auto;max-height:none;}
@media(max-width:700px){
 .journey[data-chapter="observer-whole"] .j-board-slot {overflow:visible;}
 .journey[data-chapter="observer-whole"] .j-board-slot .chalk-surface {width:100%;}
 .journey[data-chapter="observer-whole"] .j-study-tabs {gap:4px;padding:12px 8px;flex-wrap:wrap;}
 .journey[data-chapter="observer-whole"] .j-study-tabs button {font-size:10px;padding:8px;flex:1;}
}

/* Source-connected recursive bridge: readable diagrams and independently paced long boards. */
.journey:is([data-chapter="recursive-depth"],[data-chapter="complex-orientation"],[data-chapter="golden-inheritance"],[data-chapter="seven-depth-return"]) .j-visual-drawing{display:block;flex:none;min-height:0;max-height:none}
.recursive-bridge-svg{display:block;width:100%;height:auto!important;max-height:none!important}
.journey:is([data-chapter="recursive-depth"],[data-chapter="complex-orientation"],[data-chapter="golden-inheritance"],[data-chapter="seven-depth-return"]) .j-board-slot{display:block;overflow:auto;scrollbar-width:thin;scrollbar-color:#6c857144 transparent}
.journey:is([data-chapter="recursive-depth"],[data-chapter="complex-orientation"],[data-chapter="golden-inheritance"],[data-chapter="seven-depth-return"]) .j-board-slot .chalk-surface{height:auto;width:min(860px,100%);margin:auto}
.journey:is([data-chapter="recursive-depth"],[data-chapter="complex-orientation"],[data-chapter="golden-inheritance"],[data-chapter="seven-depth-return"]) .j-inline-board{max-height:380px;overflow:auto;flex:none}
.journey:is([data-chapter="recursive-depth"],[data-chapter="complex-orientation"],[data-chapter="golden-inheritance"],[data-chapter="seven-depth-return"]) .j-inline-board svg{height:auto;max-height:none}
.recursive-bridge-svg .chalk-text,.j-matrix-drawing .chalk-text{letter-spacing:0}
@media(max-width:700px){.journey:is([data-chapter="recursive-depth"],[data-chapter="complex-orientation"],[data-chapter="golden-inheritance"],[data-chapter="seven-depth-return"]) .j-board-slot{overflow:visible}.j-context-controls{flex-wrap:wrap}.j-context-controls button{min-width:90px}}

/* Phi and reconstruction: readable independent study and cumulative teaching surface. */
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-visual-drawing{flex:none;display:block;min-height:0;max-height:none}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-visual-drawing svg{display:block;width:100%;height:auto;max-height:none}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-study-pane{min-height:0;max-height:calc(100dvh - 255px)}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-board-slot{display:block;overflow:auto;scrollbar-width:thin}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-board-slot .chalk-surface{height:auto;width:min(860px,100%);margin:auto}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-inline-board{max-height:390px;overflow:auto;flex:none}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-inline-board svg{max-height:none;height:auto}
@media(max-width:700px){
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-study-pane{max-height:none}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-board-slot{overflow:visible}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-context-controls{flex-wrap:wrap;gap:6px}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-study-tabs{gap:3px;padding:10px 6px}
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .j-study-tabs button{font-size:11px;padding:9px 6px;flex:1}
}

/* Dashed marks carry epistemic meaning, even when motion is reduced. */
.journey:is([data-chapter="golden-division"],[data-chapter="reconstructing-possibility"]) .chalk-line[stroke-dasharray],
.synthesis [data-s-mark="reconstruction-view"] .chalk-line[stroke-dasharray]{stroke-dasharray:7 5!important}

/* Geometric study: the common contact and local vector chart stay distinct. */
.circle-point{fill:#ead5a1;stroke:none}
.chalk-line.circle-disk{fill:rgba(170,210,190,.065)}
.circle-lens{fill:rgba(229,208,156,.18);stroke:none}
.chalk-line.circle-guide{stroke-width:2.5;opacity:1}
.j-circle-playback{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 0}
.j-circle-playback span{font-size:12px;color:#a9beb8;line-height:1.6}
.j-circle-playback button{border:1px solid #9c9267;border-radius:4px;padding:9px 16px}
[data-circle-board] .chalk-line{stroke-dasharray:none;animation:none!important}
[data-circle-board] .chalk-line[stroke-dasharray],
[data-circle-study] .chalk-line[stroke-dasharray],
[data-s-mark^="nested-"] .chalk-line[stroke-dasharray]{stroke-dasharray:6 4!important}
@media(max-width:700px){.j-circle-playback{align-items:flex-start}.j-circle-playback span{max-width:220px}}

/* Keep the complete drawing in normal flow; controls never overlap its SVG. */
.journey:is([data-chapter="shared-circles"],[data-chapter="nested-circles"],[data-chapter="creation-understanding"]) .j-study-content>*{flex-shrink:0}
.journey:is([data-chapter="shared-circles"],[data-chapter="nested-circles"],[data-chapter="creation-understanding"]) .j-visual-drawing{flex:none;display:block;width:100%;height:auto;min-height:0;max-height:none}
.journey:is([data-chapter="shared-circles"],[data-chapter="nested-circles"],[data-chapter="creation-understanding"]) .j-visual-drawing svg{display:block;width:100%;height:auto;max-height:none}
.journey:is([data-chapter="shared-circles"],[data-chapter="nested-circles"],[data-chapter="creation-understanding"]) .j-context-controls{flex-wrap:wrap}

/* Eigenvector lessons preserve a full drawing above the independent controls. */
.journey:is([data-chapter="invariant-patterns"],[data-chapter="whole-level-modes"]) .j-visual-drawing{display:block;flex:none;min-height:0;max-height:none;width:100%;height:auto}
.journey:is([data-chapter="invariant-patterns"],[data-chapter="whole-level-modes"]) .j-visual-drawing svg{display:block;width:100%;height:auto;max-height:none}
.journey:is([data-chapter="invariant-patterns"],[data-chapter="whole-level-modes"]) .j-study-content>*{flex-shrink:0}
.eigen-point{fill:#ead5a1;stroke:none}.eigen-result{stroke:#b4dbe3!important;stroke-width:2}
.journey .chalk-line[data-eigen-reference],.synthesis .chalk-line[data-eigen-reference]{stroke-dasharray:7 5!important}
.eigen-study-svg .chalk-text{letter-spacing:0}
@media(max-width:700px){.journey:is([data-chapter="invariant-patterns"],[data-chapter="whole-level-modes"]) .j-board-slot{overflow:visible}}

/* Teaching-spine repair: full prose and optional mathematical branches. */
.j-deeper-reading,.j-branch-note,.j-related-studies{margin:28px 0;padding:20px 22px;border:1px solid #b7c9b733;border-radius:8px;background:#10221e55}
.j-deeper-reading summary{cursor:pointer;color:#e7d49a;font-size:17px;line-height:1.65}.j-deeper-reading p{font-size:17px;overflow-wrap:anywhere}.j-related-studies h2{font-size:23px}.j-related-studies button{text-align:left;font-size:16px;color:#e7d49a}.j-related-studies p{font-size:15px;line-height:1.65}.j-branch-note strong{color:#e7d49a}.j-branch-note p{font-size:15px!important}
.lab-dot{fill:#ead5a1;stroke:none}.lab-dot.pole-one{fill:#afdaeb}.lab-dot.pole-two{fill:#becbb7}
.journey .j-visual-drawing:has(>svg[data-relational-lab]){display:block;flex:none;min-height:0;max-height:none;height:auto!important;aspect-ratio:auto!important}.journey .j-visual-drawing>svg[data-relational-lab]{display:block;width:100%;height:auto;max-height:none;overflow:hidden}
.journey .j-inline-board{max-height:440px;overflow:auto}.journey .j-inline-board svg{max-height:none;height:auto;width:100%}
@media(max-width:700px){.j-related-studies,.j-deeper-reading,.j-branch-note{padding:14px}.journey[data-chapter="one-field-many-readings"] .j-board-slot{overflow:visible}.j-related-studies button{min-height:44px}}

/* Diagram type matches the exported teaching surface; prose retains its existing typography. */
.journey .chalk-text,.synthesis .chalk-text{font-family:Georgia,serif;letter-spacing:0}

.chalk-line[data-selected-pair="true"]{fill:#e5d09c22;stroke-width:2.5}

/* One responsive board viewport for every chapter; never fit a long canvas by height. */
.journey.j-mode-board{min-height:0}
.journey.j-mode-board .j-main{width:100%;max-width:none;margin:0;padding:0 clamp(8px,2vw,32px);box-sizing:border-box}
.journey.j-mode-board .j-header{height:54px;margin:0 2vw}
.journey.j-mode-board .j-brand{font-size:17px}
.journey.j-mode-board .j-brand small{display:none}
.journey.j-mode-board .j-board-session{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;max-width:none;width:100%;margin:0;padding:10px 0 0}
.journey.j-mode-board .j-board-heading{flex-direction:row;align-items:center;gap:12px;margin:0;flex-shrink:0}
.journey.j-mode-board .j-board-heading h1{font-size:clamp(18px,2vw,27px);margin:0;line-height:1.2}
.journey.j-mode-board .j-board-heading .j-eyebrow{margin:0 0 4px}
.journey.j-mode-board .j-board-actions{margin:0;flex-wrap:wrap;justify-content:flex-end}
.journey.j-mode-board .j-board-recap{flex:none;color:#93a99d;font-size:11px;margin:5px 0;max-height:15vh;overflow:auto}
.journey.j-mode-board .j-board-recap summary{cursor:pointer;padding:4px 0}
.journey.j-mode-board .j-board-recap .recap-marks{margin:5px 0}
.j-board-viewport-tools{display:flex;flex:none;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 0}
.j-board-viewport-tools .j-quiet{padding:6px 10px;font-size:12px;border-color:#b5c9ad35}
.j-board-size{display:flex;align-items:center;gap:7px;font-size:12px;color:#b9cabc}
.j-board-size select{background:#14271f;color:#e4d6ae;border:1px solid #9cab7c55;border-radius:4px;padding:7px;max-width:158px}
.j-board-position{margin-left:auto;font:12px/1.5 system-ui,sans-serif;color:#e3d19f}
.journey.j-mode-board .j-board-slot{display:block;flex:1 1 0;min-height:80px;min-width:0;width:100%;overflow:auto;padding:0;background:#0d201c;border:1px solid #87987755;border-radius:6px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#839c85 #10221e;box-sizing:border-box;overflow-anchor:none}
.journey.j-mode-board .j-board-slot .chalk-surface{height:auto;min-height:100%;width:100%;max-width:none;margin:0 auto;aspect-ratio:auto!important;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}
.journey.j-mode-board .j-board-slot svg{display:block;width:100%;height:auto!important;max-height:none;max-width:none}
.journey.j-mode-board .j-board-notes{padding:6px 10px 3px;max-width:1100px;max-height:15vh;overflow:auto;box-sizing:border-box}
.journey.j-mode-board .j-board-controls{padding:6px 0;gap:6px;flex-wrap:wrap}
.journey.j-mode-board .j-board-controls>div{flex-wrap:wrap;gap:5px}
.journey.j-mode-board .j-board-controls button{min-height:36px;padding:7px 11px}
.journey.j-mode-board .j-board-exit{height:auto;min-height:40px;padding:5px 0;flex-direction:row}
.journey.j-mode-board .j-board-exit:not(:has(button)){display:none}
.journey.j-mode-board .j-board-exit>span{max-width:40%}
.journey.j-mode-board.j-presenter .j-board-slot{flex:1 1 0;min-height:80px}
.journey.j-mode-board.j-presenter .j-board-session{padding:8px 0 0;overflow:hidden}
.journey .j-inline-board{flex:none;display:block;width:100%;height:clamp(250px,40vh,460px);max-height:460px;overflow:auto;margin:12px 0;padding:0;min-height:0;border:1px solid #87987744;background:#0d201c;box-sizing:border-box;overscroll-behavior:contain;overflow-anchor:none}
.journey .j-inline-board>.chalk-surface{height:auto;min-height:100%;margin:auto;max-width:none;box-sizing:border-box;border:0}
.journey .j-inline-board svg{height:auto!important;width:100%;max-height:none;display:block}
.synthesis{min-height:0;padding:12px clamp(8px,2vw,32px)}
.synthesis .s-header{padding-bottom:8px;gap:12px}
.synthesis .s-header h1{font-size:clamp(21px,2.3vw,31px);margin:4px 0 0}
.synthesis .s-context{padding:6px 0}
.synthesis .s-viewport{padding:0;min-height:80px;background:#0d201c;border:1px solid #87987755;border-radius:6px;overflow-anchor:none}
.synthesis .s-paper,.synthesis .s-focus .s-paper{width:100%;max-width:none;min-height:100%;margin:0 auto;box-sizing:border-box;border:0;border-radius:0;box-shadow:none}
.synthesis .s-paper>svg{display:block;width:100%;height:auto!important;max-height:none}
.synthesis .s-reading{padding:6px 0;max-height:19vh;overflow:auto}
.synthesis .s-cue{font-size:14px;line-height:1.55}
.synthesis .s-controls{padding:7px 0;flex-wrap:wrap;gap:6px}
.synthesis .s-controls>div{gap:5px}
.synthesis .s-controls select{max-width:154px}
@media(max-width:700px){
 .journey.j-mode-board .j-header{height:46px;gap:6px}.journey.j-mode-board .j-brand{font-size:13px}.journey.j-mode-board .j-monogram{display:none}
 .journey.j-mode-board .j-board-heading{gap:8px;align-items:flex-start}.journey.j-mode-board .j-board-actions{max-width:165px;gap:1px}.journey.j-mode-board .j-board-actions button{font-size:10px;padding:4px 6px;min-height:30px}
 .journey.j-mode-board .j-board-controls{justify-content:center}.journey.j-mode-board .j-board-controls button{padding:5px 8px;font-size:10px;min-height:34px}
 .j-board-viewport-tools{gap:5px}.j-board-viewport-tools .j-quiet{font-size:10px;padding:6px}.j-board-size{font-size:10px;gap:4px}.j-board-size select{font-size:10px;max-width:135px;padding:6px}
 .journey.j-mode-board .j-board-exit>span{display:none}.journey.j-mode-board .j-board-exit button{margin-left:auto;max-width:100%;white-space:normal}.journey.j-mode-board .j-footer{height:22px;font-size:8px}
 .synthesis .s-controls button{font-size:10px;min-height:32px;padding:6px 8px}.synthesis .s-controls label{font-size:10px}.synthesis .s-controls select{font-size:10px;padding:5px}
}
@media(max-height:560px){.journey.j-mode-board .j-header,.journey.j-mode-board .j-footer,.journey.j-mode-board .j-board-recap,.journey.j-mode-board .j-board-notes,.synthesis .s-reading,.synthesis .s-footer,.synthesis .s-eyebrow{display:none}.journey.j-mode-board .j-board-heading .j-eyebrow{display:none}.journey.j-mode-board .j-board-session{padding-top:4px}.synthesis .s-header h1{font-size:19px}}

/* Correspondence studies retain their complete drawing and separate controls. */
.journey .j-visual-drawing:has(>.correspondence-svg){display:block;flex:none;width:100%;height:auto!important;min-height:0;max-height:none;aspect-ratio:auto!important}
.journey .correspondence-svg{display:block;width:100%;height:auto!important;max-height:none!important}
.correspondence-dot{fill:#ead5a1;stroke:none}.correspondence-fill{fill:#dcca99;fill-opacity:.38;color:#dcca99}
.correspondence-svg .chalk-line[stroke-dasharray],[data-correspondence-board] .chalk-line[stroke-dasharray]{stroke-dasharray:6 5!important}

/* Returning learning loops. Scrolling and playback remain local to each visit. */
.j-dig-button{padding:10px 15px;border:1px solid #b8a27366;border-radius:5px;color:#e7d49a!important;background:#b8a27312;font-size:12px;white-space:nowrap}
.j-dig-bar{display:flex;align-items:center;gap:8px;padding:5px 4.4vw;border-bottom:1px solid #b8a27322;flex:none;min-width:0;font:11px/1.5 'Segoe UI',sans-serif}
.j-dig-bar>span{white-space:nowrap;color:#b9a87f}.j-dig-bar>button{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j-dig-crumbs{display:flex;align-items:center;gap:4px;overflow:auto;min-width:0;white-space:nowrap;scrollbar-width:thin;color:#8faaa0}
.j-dig-crumbs button{font-size:10px;padding:5px;flex-shrink:0}.j-dig-crumbs strong{font-weight:400;font-size:10px;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.j-presenter .j-dig-bar{display:none}.j-dig-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#647e7255 transparent}
.j-dig-page{max-width:1100px;padding:38px 12px 70px;margin:auto}.j-dig-page h1{font:normal clamp(34px,4vw,58px)/1.15 Georgia,serif;margin:18px 0}.j-dig-page h2{font:normal 27px/1.5 Georgia,serif;color:#e7d49a}
.j-dig-page>p{max-width:850px;font:19px/1.8 Georgia,serif;color:#b5c6c3}.j-dig-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}
.j-dig-cards article{padding:22px;border:1px solid #b8a27344;border-radius:8px;background:#10221e55;min-width:0}
.j-dig-cards button{font:22px/1.45 Georgia,serif;text-align:left;color:#e7d49a!important;width:100%;padding:6px 0;display:flex;justify-content:space-between;gap:12px;white-space:normal}
.j-dig-cards p{font:15px/1.75 'Segoe UI',sans-serif;color:#afc0bb;margin:14px 0 0}.j-dig-footnote{font:13px/1.8 'Segoe UI',sans-serif!important;color:#8da89d!important}
.j-close-guide{border-left:2px solid #b8a27366;padding:4px 0 8px 22px;margin:0 0 38px}.j-close-guide h2{font:normal 27px/1.4 Georgia,serif;color:#e7d49a}
.j-close-guide p{font-size:18px}.j-dig-scroll button:focus-visible{outline:2px solid #e7d49a;outline-offset:4px}.j-dig-scroll h1:focus{outline:none}
.hundred-explorer{padding:30px 8px 70px;max-width:1450px;margin:auto}.hundred-explorer>header{max-width:900px}.hundred-explorer h1{font:normal clamp(34px,4vw,55px)/1.15 Georgia,serif;margin:15px 0}
.hundred-explorer p{font:17px/1.8 Georgia,serif;color:#afc1bc}.hundred-trail{display:flex;overflow:auto;white-space:nowrap;gap:8px;align-items:center;margin:25px 0;scrollbar-width:thin}
.hundred-explorer button{padding:10px 14px;min-height:40px;border:1px solid #b8a27355;border-radius:5px;color:#e7d49a;background:#102a2255;font:13px/1.5 'Segoe UI',sans-serif}
.hundred-trail button{flex-shrink:0}.hundred-trail [aria-current='location'],.hundred-tabs [aria-pressed='true']{background:#b8a27328;border-color:#e7d49a}
.hundred-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:35px;align-items:start}.hundred-field,.hundred-inspector{min-width:0;padding:20px;border:1px solid #a6c3b32b;border-radius:9px;background:#10221e66}
.hundred-tabs{display:flex;gap:8px;margin-bottom:20px}.hundred-tabs button{flex:1}.hundred-svg{display:block;width:100%;height:auto;max-height:none}.hundred-dot{fill:#b9cbbc}.hundred-dot.selected{fill:#ead59e;stroke:#ead59e;stroke-width:2}
.hundred-svg [role='button']{cursor:pointer}.hundred-svg [role='button']:focus-visible circle{stroke:#fff;stroke-width:3}
.hundred-grid-scroll{max-width:100%;overflow:auto;scrollbar-width:thin}.hundred-grid{border-collapse:collapse;min-width:530px;width:100%;font:13px 'Segoe UI',sans-serif}
.hundred-grid th{padding:10px 4px;font-weight:400;color:#e7d49a}.hundred-grid td{padding:2px}.hundred-grid button{width:100%;min-width:38px;padding:3px;border-color:#8da89d33;font-size:12px}
.hundred-grid button.selected{border:2px solid #e7d49a;background:#b8a27344}.hundred-grid .block-inward{background:#333852}.hundred-grid .block-outward{background:#3b3422}.hundred-grid .block-self{background:#5b4c2b}
.hundred-inspector>button{display:block;width:100%;margin:13px 0}.hundred-inspector h2{font:normal 28px Georgia,serif;color:#e7d49a}.hundred-inspector hr{border:0;border-top:1px solid #9dbbaa22;margin:24px 0}
.hundred-address{display:block;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace;color:#c7d7cc}.hundred-inspector label,.hundred-angle{font:13px/1.5 'Segoe UI',sans-serif;color:#b7c8c0;display:flex;align-items:center;gap:12px;margin:15px 0}
.hundred-inspector input{width:80px;padding:8px;background:#10221e;color:#e7d49a;border:1px solid #b8a27355;border-radius:4px}.hundred-angle{flex-wrap:wrap}.hundred-angle input{flex:1;min-width:120px;accent-color:#dcca99}
.hundred-cue{font:13px/1.75 'Segoe UI',sans-serif!important;color:#91aaa0!important}.hundred-whole-reading{padding:16px;border:1px solid #b8a27377}.hundred-whole-reading strong{color:#e7d49a}
@media(max-width:1050px){.j-header-actions{gap:8px}.j-dig-bar{padding:5px 20px}.hundred-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:18px}}
@media(max-width:700px){
 .journey .j-header .j-brand>div{display:none}.journey .j-header .j-brand{gap:0}.j-dig-button{font-size:11px;padding:8px 10px}.journey .j-header-actions{gap:6px}
 .j-dig-bar{padding:5px 14px;gap:4px;flex-wrap:wrap}.j-dig-bar>button{font-size:10px;padding:5px 7px;max-width:230px}.j-dig-crumbs{width:100%;font-size:9px;max-height:28px}
 .j-dig-page{padding:25px 0 50px}.j-dig-page h2{font-size:24px}.j-dig-page>p{font-size:17px}.j-dig-cards{grid-template-columns:1fr;gap:12px}.j-dig-cards article{padding:18px}.j-dig-cards button{font-size:21px;min-height:44px}
 .j-close-guide{padding-left:15px}.j-close-guide h2{font-size:25px}.hundred-layout{grid-template-columns:1fr}.hundred-explorer{padding:24px 0 55px}.hundred-field,.hundred-inspector{padding:14px}.hundred-grid button{min-height:44px}.hundred-tabs{gap:5px}.hundred-tabs button{padding:8px}.hundred-explorer p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.j-dig-scroll *{scroll-behavior:auto!important}}

.paired-svg,.hundred-svg{display:block;width:100%;height:auto!important;max-height:none!important}
.paired-dot{fill:#ead59e;stroke:none}.paired-svg .chalk-line.pole-one{stroke:#b4dbe3}
.journey:is([data-chapter="recursive-hundred"],[data-chapter="paired-cycles"]) .j-visual-drawing{height:auto!important;display:block;flex:none;min-height:0;max-height:none}
.journey:is([data-chapter="recursive-hundred"],[data-chapter="paired-cycles"]) .j-study-content>*{flex-shrink:0}
@media(max-width:700px){.s-header{flex-wrap:wrap}.s-header>div{flex:1 1 200px}.s-header>button{min-height:36px}}

.hundred-quick{display:none}.hundred-svg-scroll{overflow:auto;scrollbar-width:thin;max-width:100%}
@media(max-width:700px){.hundred-quick{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:8px 0 16px}.hundred-quick span{font-size:15px;color:#e7d49a}.hundred-quick button{font-size:12px;padding:8px}.hundred-svg-scroll>.hundred-svg{min-width:580px}.hundred-explorer>header .j-eyebrow{font:9px/1.7 "Segoe UI",sans-serif;letter-spacing:1px}}

.hundred-legend{margin:20px 0;border-top:1px solid #b8a27333;padding-top:15px;color:#b7c8c0}.hundred-legend summary{cursor:pointer;color:#e7d49a;font:14px/1.6 "Segoe UI",sans-serif}.hundred-legend p{font:14px/1.75 "Segoe UI",sans-serif;margin:8px 0}

.foundation-dot{fill:#dcca99;stroke:none}.foundation-dot.active{fill:#ead59e}.foundation-band{stroke:#dcca99;fill:none}.foundation-svg .chalk-line[stroke-dasharray]{stroke-dasharray:4 5!important}

/* Exact source witnesses live in returning reading pages, not the main prose. */
.j-source-trail article{margin:2rem 0;padding:1.4rem;border:1px solid #2c3e39;border-radius:8px}
.j-source-trail h3{line-height:1.45}
.j-source-trail blockquote{margin:1.2rem 0;padding:0 1rem;border-left:2px solid #9b916b;overflow-wrap:anywhere}
.j-source-trail summary{cursor:pointer;padding:.8rem 0}
.j-source-locator{font:12px/1.7 monospace;overflow-wrap:anywhere}
.j-source-constructions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.j-source-constructions button{padding:.8rem;border:1px solid #46564d;background:transparent;color:#e7d49a;cursor:pointer;text-align:left;max-width:100%}

.journey:has(.foundation-svg) .j-study-content>*{flex-shrink:0}
.journey .j-visual-drawing:has(>.foundation-svg){display:block;flex:none;width:100%;height:auto!important;min-height:0;max-height:none;aspect-ratio:auto!important}
.foundation-svg{display:block;width:100%;height:auto!important;max-height:none!important;overflow:hidden}
.j-source-trail article p,.j-source-trail blockquote{font:17px/1.8 Georgia,serif;color:#bfcdc4}
.j-source-trail article h3{font:normal 24px/1.5 Georgia,serif;color:#e7d49a}
.j-source-trail article p.j-eyebrow{font:10px/1.6 sans-serif}
.j-source-trail article p.j-source-locator{font:12px/1.7 monospace}

/* Why Theory: one reading surface, one visual stage, three chapter choices. */
.journey.j-reader-experience{--read-progress:0%;--paper:#eeeade;min-height:0;background:radial-gradient(ellipse at 80% 40%,#18333245,transparent 60%),radial-gradient(ellipse at 20% 90%,#15233035,transparent 65%),#080e12}
.j-reader-experience .j-header{height:64px;margin:0 clamp(16px,2.5vw,40px);gap:20px;position:relative}
.j-reader-experience .j-header:after{content:'';position:absolute;bottom:-1px;left:0;width:var(--read-progress);height:1px;background:#dfc78e;transition:width .18s linear;pointer-events:none}
.j-reader-experience .j-brand{font-size:24px;gap:12px}.j-reader-experience .j-brand small{font-size:8px;letter-spacing:2px;margin-top:5px}
.j-reader-experience .j-monogram{width:30px;height:34px;font-size:26px}.j-reader-experience .j-header .j-brand>div{display:block}
.j-reader-experience .j-header-actions{gap:12px}.j-reader-experience .j-back{min-height:42px;font-size:13px;padding:8px 13px}
.j-reader-experience .j-location{font:13px/1.4 Georgia,serif;color:#b2bdbb;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.j-reader-experience .j-main{padding:0 clamp(16px,2.5vw,40px);width:100%;max-width:none;margin:0;box-sizing:border-box}
.j-reader-experience .j-reader-top{height:46px;min-height:0;padding:0;flex-direction:row;gap:12px;align-items:center}
.j-reader-experience .j-layout-controls{padding:2px;border:0;gap:3px}.j-reader-experience .j-layout-controls button{min-height:36px;padding:7px 13px;font-size:12px}
.j-reader-experience .j-reading-layout{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(20px,3vw,48px);overflow:hidden;flex:1;min-height:0}
.j-reader-experience .j-read-scroll{overflow:auto;min-height:0;height:100%;scrollbar-gutter:stable;scrollbar-width:thin;scroll-padding-top:18px}
.j-reader-experience .j-narration{padding:28px 15px 50px 0;max-width:660px;margin:auto}
.j-reader-experience .j-narration h1{font-size:clamp(32px,2.85vw,49px);line-height:1.14;letter-spacing:-1px;margin-bottom:24px}
.j-reader-experience .j-narration p{font-size:18px;line-height:1.83;color:#bdc8c8;margin-bottom:25px}
.j-reader-experience .j-narration .j-chapter-number{font-size:9px;margin-bottom:14px!important}.j-reader-experience .j-title-rule{margin-bottom:26px}
.j-reader-experience .j-reading-focus{color:#e4e3d6!important}.j-reader-experience .j-reading-end{display:flex;align-items:center;justify-content:center;gap:22px;color:#bba673;margin:34px 0}.j-reading-end span{height:1px;width:55px;background:#bba67355}
.journey.j-reader-experience .j-reading-layout .j-study-pane{height:100%;max-height:none;min-height:0;align-self:stretch;margin:0;overflow:hidden;background:linear-gradient(145deg,#14251e4a,#0b181b45);border:1px solid #9bb9a827;border-radius:10px;box-shadow:0 14px 60px #0002;display:flex;flex-direction:column}
.j-reader-experience .j-study-tabs{flex:none;padding:5px 12px;gap:4px;border-bottom:1px solid #acc2b316;min-height:0}.j-reader-experience .j-study-tabs[hidden]{display:none}
.j-reader-experience .j-study-tabs button{min-height:31px;padding:5px 13px;font-size:11px}
.journey.j-reader-experience .j-study-content{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:18px 22px 8px;gap:8px;height:auto}
.j-reader-experience .j-study-content:not(:has(.j-study-tools)){grid-template-rows:auto minmax(0,1fr) auto}
.j-reader-experience .j-visual-caption{padding:0;border:0;min-height:0;max-height:120px;overflow:auto;scrollbar-width:thin}
.j-reader-experience .j-visual-caption h2{font:normal 23px/1.25 Georgia,serif;color:#ece7d5;margin:0 0 5px}
.j-reader-experience .j-study-cue{font:13px/1.6 'Segoe UI',sans-serif;color:#aec0b7;margin:0}
.journey.j-reader-experience .j-reading-layout .j-study-pane :is(.j-visual-drawing,.j-matrix-drawing){display:flex;align-items:center;justify-content:center;flex:none;width:100%;height:100%!important;min-width:0;min-height:0;max-height:none;aspect-ratio:auto!important;overflow:hidden}
.journey.j-reader-experience .j-reading-layout .j-study-pane :is(.j-visual-drawing,.j-matrix-drawing)>svg{width:100%!important;height:100%!important;max-width:100%;max-height:100%!important;display:block;overflow:hidden}
.j-reader-experience .j-study-tools{min-height:0;border-top:1px solid #a7bbaa22;font:12px/1.5 'Segoe UI',sans-serif}.j-study-tools>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;min-height:34px;color:#d0c095}.j-study-tools>summary::-webkit-details-marker{display:none}.j-study-tools[open]>summary span{transform:rotate(45deg)}
.j-reader-experience .j-adjust-content{max-height:28dvh;overflow:auto;scrollbar-width:thin;padding:4px 6px 10px 0;overscroll-behavior:contain}
.j-reader-experience .j-parameter-controls{padding:9px 0;gap:10px}.j-reader-experience .j-parameter-controls label{gap:5px}.j-reader-experience .j-context-controls{padding:8px 0;gap:5px;flex-wrap:wrap}
.j-reader-experience .j-context-controls button{flex:1 1 105px;min-height:38px;padding:7px 10px}.j-reader-experience .j-step-controls{padding:6px 0 0;gap:8px;border-top:1px solid #b4c2b01f;min-height:42px;flex-wrap:nowrap}
.j-reader-experience .j-step-controls button{font-size:12px;min-height:38px;padding:6px 10px;white-space:nowrap}.j-reader-experience .j-stage-counter{font:12px/1.4 'Segoe UI',sans-serif;letter-spacing:1px;white-space:nowrap;color:#d6c595}
.j-reader-experience .j-follow-state{margin-left:auto;color:#8fab9b!important;font-size:10px!important}.j-reader-experience .j-follow-state[aria-pressed='false']{color:#e7d49a!important;border-color:#dcca9944}
.j-reader-experience .j-decision-rail{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:none;min-height:64px;padding:8px 0;box-sizing:border-box}
.j-reader-experience .j-decision-rail button{min-height:42px;font:13px/1.5 'Segoe UI',sans-serif;padding:9px 20px;border:1px solid #adbea333;border-radius:5px;cursor:pointer;background:transparent;color:#c7d3c9}
.j-reader-experience .j-decision-rail .j-rail-board{margin-right:auto;border-color:transparent;padding-left:0;color:#a8bfb0}.j-reader-experience .j-decision-rail .j-rail-dig{color:#e4cf9a;border-color:#c4ad7455}
.j-reader-experience .j-decision-rail .j-rail-next{min-width:150px;background:linear-gradient(125deg,#bfa26629,#51462322);border-color:#d9c08699;color:#f5e8c7}
.j-reader-experience .j-decision-rail button:hover{background:#bfa26622;border-color:#d9c086}.j-reader-experience .j-decision-rail button:disabled{opacity:.5;cursor:default}
.j-reader-experience .j-dig-bar{padding:4px clamp(16px,2.5vw,40px);height:30px;box-sizing:border-box;flex-wrap:nowrap}.j-reader-experience .j-dig-bar>[data-j-action='dig-back']{display:none}.j-reader-experience .j-dig-crumbs{width:auto;flex:1}
.j-reader-experience .j-menu-part{font:10px/1.6 'Segoe UI',sans-serif;letter-spacing:1px;color:#bdab7d;padding:12px}.j-reader-experience .j-menu-studies{border-top:1px solid #a7bbaa33;padding-top:8px}.j-reader-experience .j-menu-studies summary{border:0;font-size:12px}
.j-reader-experience .j-reading-layout.j-layout-read{grid-template-columns:1fr}.j-reader-experience .j-layout-read .j-narration{max-width:760px}.j-reader-experience .j-layout-read .j-study-pane{display:none}
.j-reader-experience .j-reading-layout.j-layout-visual{grid-template-columns:1fr}.j-reader-experience .j-layout-visual .j-read-scroll{display:none}.j-reader-experience .j-reading-layout.j-layout-visual .j-study-pane{width:min(1140px,100%);margin:0 auto}
.j-reader-experience.j-presenter .j-decision-rail{display:none}.j-reader-experience .j-board-exit:empty{display:none}.j-reader-experience .j-decision-rail button:focus-visible{outline:2px solid #e4cf9a;outline-offset:3px}
@media(max-width:1050px){.j-reader-experience .j-location{display:none}.j-reader-experience .j-eyebrow{font-size:8px;letter-spacing:1.1px}.j-reader-experience .j-reading-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.j-reader-experience .j-study-content{padding:14px 14px 6px}.j-reader-experience .j-visual-caption h2{font-size:20px}.j-reader-experience .j-follow-state{font-size:9px!important}}
@media(max-width:700px){
 .journey.j-reader-experience .j-header{height:53px;margin:0 14px;gap:6px}.j-reader-experience .j-header .j-brand{font-size:18px;gap:7px}.j-reader-experience .j-header .j-brand small{display:none}.j-reader-experience .j-monogram{width:22px;height:27px;font-size:22px}
 .j-reader-experience .j-header-actions{gap:2px}.j-reader-experience .j-header-actions>.j-back{min-height:40px;font-size:12px;padding:6px 9px}.j-reader-experience .j-chapter-navigation summary{font-size:12px;padding:8px}.j-reader-experience .j-chapter-navigation nav{right:0;max-height:72dvh}
 .journey.j-reader-experience .j-main{padding:0 12px}.j-reader-experience .j-reader-top{height:41px;min-height:41px;justify-content:center;gap:0}.j-reader-experience .j-reader-top>.j-eyebrow{display:none}.j-reader-experience .j-layout-controls{width:100%;justify-content:center}.j-reader-experience .j-layout-controls button{font-size:11px;min-height:36px;flex:1}
 .j-reader-experience .j-reading-layout.j-layout-split{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(230px,.46fr) minmax(0,.54fr);gap:12px;overflow:hidden}
 .j-reader-experience .j-reading-layout.j-layout-split .j-study-pane{grid-row:1;max-height:none;min-height:0}.j-reader-experience .j-reading-layout.j-layout-split .j-read-scroll{grid-row:2;height:100%;min-height:0;overflow:auto;border-top:1px solid #aab89f22}
 .j-reader-experience .j-reading-layout.j-layout-read,.j-reader-experience .j-reading-layout.j-layout-visual{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);overflow:hidden}
 .j-reader-experience .j-narration{padding:17px 7px 35px 1px}.j-reader-experience .j-narration h1{font-size:30px;line-height:1.15;margin-bottom:15px}.j-reader-experience .j-narration p{font-size:17px;line-height:1.83;margin-bottom:23px}.j-reader-experience .j-title-rule{margin-bottom:22px}
 .journey.j-reader-experience .j-study-content{padding:9px 12px 4px;gap:4px}.j-reader-experience .j-visual-caption{max-height:95px}.j-reader-experience .j-visual-caption h2{font-size:17px;margin-bottom:3px}.j-reader-experience .j-study-cue{font-size:11px;line-height:1.5}
 .j-reader-experience .j-step-controls{min-height:34px;padding:3px 0;gap:4px}.j-reader-experience .j-step-controls button{min-height:34px;padding:5px 3px;font-size:11px}.j-reader-experience .j-follow-state{font-size:9px!important}.j-reader-experience .j-stage-counter{font-size:10px;letter-spacing:0}
 .j-reader-experience .j-study-tools>summary{font-size:11px;min-height:29px}.j-reader-experience .j-adjust-content{max-height:32dvh}.j-reader-experience .j-layout-split .j-study-tools[open]{position:absolute;left:8px;right:8px;bottom:43px;background:#11231ffa;border:1px solid #b9a56c88;border-radius:6px;padding:6px 12px;z-index:3;box-shadow:0 -8px 25px #0006}
 .j-reader-experience .j-decision-rail{min-height:58px;gap:7px;padding:7px 0}.j-reader-experience .j-decision-rail button{min-height:42px;font-size:11px;padding:8px 10px;flex:1;white-space:nowrap}.j-reader-experience .j-decision-rail .j-rail-next{min-width:0}.j-reader-experience .j-decision-rail .j-rail-board{margin-right:0;padding:8px 0;flex:1.25}
 .j-reader-experience .j-dig-bar{padding:2px 12px;height:29px;gap:5px}.j-reader-experience .j-dig-bar>span{font-size:10px}.j-reader-experience .j-dig-bar>button{max-width:110px;font-size:9px}.j-reader-experience .j-dig-crumbs{max-height:25px}.j-reader-experience .j-dig-crumbs button{font-size:9px}
}
@media(max-height:580px) and (min-width:701px){.j-reader-experience .j-header{height:44px}.j-reader-experience .j-header small{display:none}.j-reader-experience .j-reader-top{height:38px}.j-reader-experience .j-decision-rail{min-height:50px}.j-reader-experience .j-study-content{padding-top:8px}.j-reader-experience .j-visual-caption h2{font-size:17px}.j-reader-experience .j-study-cue{font-size:11px}}
@media(prefers-reduced-motion:reduce){.j-reader-experience *{transition:none!important;scroll-behavior:auto!important}}

.entrance-brand .intro-return{margin-left:auto;pointer-events:auto;font-size:12px;padding:9px 13px;border:1px solid #b8a27355;border-radius:4px}
/* A short landscape screen uses a compact stage, not another nested scroller. */
@media(max-height:480px) and (min-width:701px){
 .journey.j-reader-experience .j-header{height:38px}.j-reader-experience .j-brand{font-size:18px}.j-reader-experience .j-monogram{height:26px;width:23px;font-size:22px}.j-reader-experience .j-header .j-back,.j-reader-experience .j-chapter-navigation summary{min-height:28px;padding:4px 8px;font-size:11px}
 .j-reader-experience .j-reader-top{height:32px}.j-reader-experience .j-layout-controls button{min-height:27px;padding:4px 10px;font-size:10px}
 .j-reader-experience .j-decision-rail{min-height:46px;padding:5px 0}.j-reader-experience .j-decision-rail button{min-height:33px;padding:5px 14px;font-size:11px}
 .j-reader-experience .j-study-tabs{padding:2px 8px}.j-reader-experience .j-study-tabs button{min-height:25px;padding:3px 10px;font-size:10px}
 .journey.j-reader-experience .j-study-content{padding:6px 12px 3px;gap:4px}.j-reader-experience .j-visual-caption h2{font-size:16px;line-height:1.15;margin-bottom:3px}.j-reader-experience .j-study-cue{font-size:10.5px;line-height:1.35}
 .j-reader-experience .j-step-controls{min-height:30px;padding:2px 0;gap:4px}.j-reader-experience .j-step-controls button{min-height:28px;padding:4px 5px;font-size:10px}.j-reader-experience .j-stage-counter{font-size:10px}
 .j-reader-experience .j-study-tools>summary{min-height:23px;font-size:10px}.j-reader-experience .j-study-tools[open]{position:absolute;left:8px;right:8px;bottom:35px;background:#11231ffa;border:1px solid #b9a56c88;border-radius:6px;padding:6px 12px;z-index:3}.j-reader-experience .j-adjust-content{max-height:45dvh}
}
/* Keep the drawer's own close affordance visible even in split phone mode. */
@media(max-width:700px),(max-height:480px){
 .j-reader-experience .j-study-tools[open]{max-height:calc(100% - 52px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
 .j-reader-experience .j-study-tools[open]>summary{flex:none;min-height:29px}
 .j-reader-experience .j-study-tools[open]>.j-adjust-content{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
}

.s-chapter-list{display:grid;gap:8px}.s-chapter-list button{text-align:left;min-height:44px;padding:10px 14px}.s-header>[data-s-action="chapters"]{flex:none;min-height:40px}

/* The preceding site remains available from every teaching menu. */
.version-v1-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 12px;box-sizing:border-box;border:1px solid #b8a27366;border-radius:5px;color:#e4cf9a;font:12px/1.2 'Segoe UI',sans-serif;text-decoration:none;white-space:nowrap;flex-shrink:0}
.version-v1-link:hover{background:#bfa26622;border-color:#d9c086}
.version-v1-link:focus-visible{outline:2px solid #e4cf9a;outline-offset:3px}
@media(max-width:700px){.version-v1-link{padding:7px;font-size:11px}.j-reader-experience .j-header .j-brand>div{display:none}.s-header .version-v1-link{margin-left:auto}}

/* Preserve the supplied two-item lists without changing author prose. */
.j-narration p[data-paragraph^="first-geometry-not.author.p08"],.j-narration p[data-paragraph^="boundary-triad.author.p06"]{white-space:pre-line}

/* A scoped author correction, separate from unchanged chapter prose. */
.j-author-clarification{border-left:2px solid #cbb57a;padding:12px 16px;margin:0 0 25px;background:rgba(203,181,122,.045);font:15px/1.6 system-ui,sans-serif}.j-author-clarification strong{color:#ead39b}.j-author-clarification p{margin:8px 0}.j-author-clarification button{font:inherit;padding:6px 0;color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer}

/* Reader depth groups */
.j-more-depth{margin:1.2rem 0;padding:.9rem 0;border-top:1px solid var(--line,#26352f)}
.j-more-depth>summary{cursor:pointer;padding:.5rem 0}
.j-study-purpose{font-size:.96em;line-height:1.55;opacity:.8}

/* One ordered reading, not a collection of cards. */
.j-ordered-reading{width:min(780px,100%);margin:30px auto 48px;padding:0 8px;box-sizing:border-box}
.j-ordered-reading h1{font:normal clamp(30px,3vw,44px)/1.18 Georgia,serif;margin:12px 0 24px;color:#eeeade}
.j-explanation-modes{display:flex;flex-wrap:wrap;gap:8px;border:0;border-bottom:1px solid #b8a27340;padding:0 0 14px;margin:0}
.j-explanation-modes legend{font:11px/1.5 system-ui,sans-serif;color:#aabdb3;margin-bottom:10px}
.j-explanation-modes label{display:flex;gap:8px;align-items:center;min-height:42px;padding:0 12px;cursor:pointer;border:1px solid transparent;border-radius:4px;font:14px/1.4 system-ui,sans-serif;color:#c6d3ca}
.j-explanation-modes label:has(input:checked){border-color:#d9c08680;background:#bfa26616;color:#f0dfb5}
.j-explanation-modes input{accent-color:#d9c086;width:16px;height:16px;margin:0;flex:none}
.j-explanation-modes label:has(input:focus-visible){outline:2px solid #e4cf9a;outline-offset:2px}
.j-reading-description{font:13px/1.5 system-ui,sans-serif;color:#aabdb3;margin:12px 0 24px}
.j-explanation-position{display:flex;align-items:center;gap:16px;margin:16px 0 24px;font:13px/1.5 system-ui,sans-serif}
.j-explanation-position button,.j-explanation-visual-link button,.j-explanation-notes button{background:none;border:0;color:#dcc692;padding:9px 0;cursor:pointer;font:inherit;text-align:left;min-height:38px}
.j-explanation-position button:disabled{opacity:.35;cursor:default}.j-explanation-position>details{margin-left:auto}
.j-explanation-position summary{cursor:pointer;padding:10px 0}.j-explanation-position details[open]{flex:1;align-self:flex-start}
.j-explanation-position ol{max-height:240px;overflow:auto;padding-left:25px;margin:8px 0;scrollbar-width:thin}
.j-explanation-position li{padding-left:5px}.j-explanation-position [aria-current=step]{color:#fff0c4;text-decoration:underline}
.j-explanation-text h2{font:normal 27px/1.3 Georgia,serif;color:#e7dec8;margin:20px 0}
.j-explanation-text p{font:19px/1.8 Georgia,serif;color:#d6ded6;margin:0 0 22px;overflow-wrap:anywhere;white-space:pre-line}
.j-explanation-text strong{color:#f1ead8}.j-explanation-visual-link{margin:12px 0 24px;font:14px/1.5 system-ui,sans-serif}
.j-minimum-pair{width:min(630px,100%);margin:18px auto}.j-minimum-pair svg{width:100%;height:auto;max-height:260px;display:block}
.j-explanation-next{font:14px/1.7 system-ui,sans-serif;color:#aec0b7;margin:28px 0 20px;border-top:1px solid #b8a27330;padding-top:17px}.j-explanation-next span{color:#dcc692}
.j-explanation-notes{font:13px/1.6 system-ui,sans-serif;color:#aabdb3;margin-top:30px;border-top:1px solid #b8a27320;padding:15px 0}.j-explanation-notes summary{cursor:pointer}.j-explanation-notes button{display:block}
@media(max-width:700px){.j-ordered-reading{margin:18px auto 30px;padding:0 3px}.j-explanation-modes{gap:3px}.j-explanation-modes label{font-size:12px;padding:0 7px;gap:5px}.j-explanation-text p{font-size:17px;line-height:1.8}.j-explanation-text h2{font-size:25px}.j-explanation-position{gap:12px}.j-reader-experience .j-decision-rail .j-rail-next{white-space:normal}}
@media(max-width:700px){.j-ordered-reading{padding:0 10px}.j-explanation-modes{min-inline-size:0}}
@media(max-height:480px){.j-ordered-reading{margin:10px auto 24px}.j-ordered-reading>h1{font-size:26px;margin:8px 0 12px}.j-ordered-reading>.j-eyebrow,.j-reading-description{display:none}.j-explanation-modes{padding-bottom:5px}.j-explanation-modes legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.j-explanation-modes label{min-height:34px;font-size:12px}.j-explanation-position{margin:6px 0 12px}.j-explanation-text h2{font-size:23px;margin:10px 0}.j-explanation-text p{font-size:17px}}

/* Finite concluding passage: visible controls, separate from chapter narration. */
.journey.j-reader-experience .j-study-content.j-travel-stage{grid-template-rows:auto minmax(0,1fr) auto auto}
.j-travel-controls{border-top:1px solid #a7bbaa33;padding:7px 0 0;font:12px/1.45 'Segoe UI',sans-serif}
.j-travel-controls>div{display:flex;gap:8px;justify-content:space-between}.j-travel-controls button{min-height:38px;padding:7px 12px;border:1px solid #b8a27355;border-radius:4px;font:inherit;cursor:pointer}.j-travel-controls button:disabled{opacity:.45;cursor:default}.j-travel-controls button:focus-visible{outline:2px solid #e4cf9a;outline-offset:2px}
.j-travel-controls .j-parameter-controls{padding:7px 0 1px}.j-travel-controls .j-parameter-controls label{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.j-travel-controls input{grid-column:1/-1;width:100%;min-height:22px}.j-travel-controls p{margin:4px 0;color:#bfd0c3;font-size:12px}.j-travel-controls output{font-variant-numeric:tabular-nums}
@media(max-width:700px){.j-travel-controls>div{gap:4px}.j-travel-controls button{padding:6px 8px;min-height:38px;font-size:11px}.j-travel-controls p{font-size:11px}.j-travel-stage .j-study-cue{font-size:10px}.j-travel-controls .j-parameter-controls label{font-size:10px}}
@media(max-height:480px) and (min-width:701px){.j-travel-controls{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding-top:3px}.j-travel-controls p{grid-column:1/-1;font-size:10px;margin:0}.j-travel-controls button{min-height:29px;padding:3px 8px;font-size:10px}.j-travel-controls .j-parameter-controls{padding:0}.j-travel-controls input{min-height:16px}.j-travel-stage .j-visual-caption p{display:none}}

.j-travel-controls .j-parameter-controls{display:block;width:100%}.j-travel-controls .j-parameter-controls label{width:100%;max-width:none;box-sizing:border-box}

/* A detailed travelling field must never collapse to a thumbnail in split view. */
@media(max-width:700px){
 .journey.j-reader-experience .j-layout-split .j-study-content.j-travel-stage{display:block;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;padding-bottom:12px}
 .journey.j-reader-experience .j-layout-split .j-travel-stage .j-visual-drawing{height:auto!important;aspect-ratio:600/742!important;min-height:360px;max-height:none;margin:10px 0}
 .journey.j-reader-experience .j-layout-split .j-travel-stage .j-visual-drawing>svg{height:100%!important;width:100%!important;max-height:none!important}
 .journey.j-reader-experience .j-layout-split .j-travel-stage .j-visual-caption{max-height:none;overflow:visible}
 .journey.j-reader-experience .j-layout-split .j-travel-stage .j-step-controls{margin-top:8px}
}

/* One consistent bottom area for page navigation; diagram controls stay local. */
.j-reader-experience .j-bottom-navigation{flex:none;position:relative;z-index:15;background:#080e12;border-top:1px solid #a7bbaa22;padding-bottom:env(safe-area-inset-bottom,0px)}
.j-reader-experience .j-decision-rail{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:10px;min-height:64px}
.j-reader-experience .j-decision-rail .j-rail-back{grid-column:1;white-space:nowrap}
.j-reader-experience .j-decision-rail .j-rail-board{margin:0;justify-self:start;padding-left:14px}
.j-reader-experience .j-decision-rail .j-chapter-navigation>summary,.j-reading-order>summary{min-height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:9px 13px;font:13px/1.5 'Segoe UI',sans-serif;cursor:pointer;border:1px solid #adbea333;border-radius:5px;color:#e4cf9a;white-space:nowrap}
.j-reader-experience .j-bottom-navigation .j-chapter-navigation nav{top:auto;bottom:calc(100% + 8px);left:0;right:auto;max-height:min(70dvh,650px);z-index:40}
.j-reader-experience .j-bottom-navigation .j-chapter-navigation nav button{white-space:normal;min-width:0;padding:9px 12px}
.j-reading-order{position:relative;font:13px/1.5 'Segoe UI',sans-serif}
.j-reading-order ol{position:absolute;bottom:calc(100% + 8px);right:0;z-index:40;width:min(440px,85vw);max-height:65dvh;overflow:auto;box-sizing:border-box;background:#10201e;border:1px solid #516054;border-radius:6px;padding:12px 14px 12px 32px;margin:0;box-shadow:0 -12px 36px #0009}
.j-reader-experience .j-reading-order ol button{text-align:left;white-space:normal;width:100%;border:0;padding:9px 6px}
.j-reader-experience .j-reading-order [aria-current=step]{color:#fff0c4;text-decoration:underline}
.j-reader-experience .j-sequence-rail{grid-template-columns:auto auto 1fr auto auto}
.j-reader-experience .j-bottom-navigation .j-dig-bar{height:auto;min-height:26px;padding:4px 0;border:0;overflow:hidden;gap:8px}
.j-reader-experience .j-bottom-navigation .j-dig-crumbs{overflow-x:auto;max-height:38px;white-space:nowrap;scrollbar-width:thin}
.j-reader-experience .j-bottom-navigation .j-dig-bar>button{max-width:250px}
.j-reader-experience.j-presenter .j-bottom-navigation{display:none}
.synthesis .s-footer{display:flex!important;flex-direction:column;align-items:stretch;gap:4px}
.synthesis .s-footer>span{max-width:none;font-size:10px}
.s-bottom-navigation{display:flex;gap:9px;align-items:center;justify-content:flex-end}
.s-bottom-navigation [data-s-action=previous]{margin-right:auto}.s-bottom-navigation button{min-height:42px}
.synthesis.s-presenter .s-footer{display:none!important}
.intro-footer-inner .intro-return{pointer-events:auto;min-height:44px;border:1px solid #b8a27355;border-radius:4px;padding:8px 12px;white-space:nowrap}
@media(max-width:700px){.j-reader-experience .j-decision-rail{grid-template-columns:1fr 1fr 1.2fr;grid-template-areas:'back chapters chapters' 'board dig next';gap:5px 7px;padding:6px 0}.j-reader-experience .j-decision-rail .j-rail-back{grid-area:back}.j-reader-experience .j-decision-rail .j-chapter-navigation{grid-area:chapters;justify-self:end}.j-reader-experience .j-decision-rail .j-rail-board{grid-area:board;padding:8px 3px;justify-self:stretch}.j-reader-experience .j-decision-rail .j-rail-dig{grid-area:dig}.j-reader-experience .j-decision-rail .j-rail-next{grid-area:next}.j-reader-experience .j-decision-rail button{font-size:11px;min-height:40px;padding:8px 6px}.j-reader-experience .j-decision-rail .j-chapter-navigation>summary,.j-reading-order>summary{font-size:11px;min-height:36px;padding:6px 12px}.j-reader-experience .j-bottom-navigation .j-chapter-navigation nav{left:auto;right:0}.j-reader-experience .j-sequence-rail{grid-template-areas:'back chapters chapters' 'previous order next'}.j-rail-previous{grid-area:previous}.j-reading-order{grid-area:order}.j-reader-experience .j-bottom-navigation .j-dig-bar{font-size:9px}.s-bottom-navigation{display:grid;grid-template-columns:1fr 1fr;gap:5px}.s-bottom-navigation button{margin:0!important;font-size:11px;min-height:40px}.synthesis .s-footer>span{display:none}.intro-footer-inner{flex-wrap:wrap;gap:8px}.intro-footer-inner .intro-return{order:-1;margin-right:70%;font-size:11px}}
@media(max-height:480px) and (min-width:701px){.j-reader-experience .j-decision-rail{min-height:46px;padding:4px 0}.j-reader-experience .j-decision-rail button,.j-reader-experience .j-decision-rail .j-chapter-navigation>summary,.j-reading-order>summary{min-height:34px;font-size:11px;padding:5px 12px}.j-reader-experience .j-bottom-navigation .j-dig-bar{min-height:20px;padding:0}.synthesis .s-footer>span{display:none}.s-bottom-navigation button{min-height:32px;font-size:11px;padding:5px 10px}}

/* Audit repair: the full-reading order opens above the complete bottom rail on phones. */
@media(max-width:700px){.j-reader-experience .j-bottom-navigation .j-reading-order{position:static}.j-reader-experience .j-bottom-navigation .j-reading-order ol{left:0;right:auto;bottom:calc(100% + 8px);width:min(440px,calc(100vw - 24px));max-height:60dvh}}

/* Screenshot audit: fit Introduction return, previous and continue within the existing phone footer. */
@media(max-width:700px){.entrance-intro .intro-footer-inner:has(.intro-return){display:grid;grid-template-columns:1fr .72fr 1.3fr;height:100%;box-sizing:border-box;padding-top:20px;gap:7px}.intro-footer-inner .intro-return{margin:0!important;order:0;grid-column:1;min-width:0;min-height:44px;font-size:10px;padding:6px;white-space:normal}.intro-footer-inner:has(.intro-return) [data-enter-action=previous-intro]{grid-column:2;min-width:0;padding:6px;font-size:10px}.intro-footer-inner:has(.intro-return) [data-enter-action=next-intro]{grid-column:3;min-width:0;min-height:44px;padding:7px;font-size:10px;gap:4px}.intro-footer-inner:has(.intro-return) [data-enter-action=next-intro] svg{width:16px;flex:none}}

/* Continuous prose and reader choices share the established reading surface. */
.j-narration h2 {font-family:inherit;font-size:1.4rem;line-height:1.35;margin:2.4rem 0 1rem;}
.j-story-choices {margin:3rem 0 1rem;scroll-margin-top:1rem;}
.j-story-choices details {border-top:1px solid #cbd0c9;padding:1.2rem 0;}
.j-story-choices summary {cursor:pointer;font-size:1.15rem;font-weight:600;padding:.4rem 0;}
.j-story-choices label {display:block;margin:1rem 0 .35rem;font-size:1rem;}
.j-story-choices textarea,.j-story-choices input:not([type=checkbox]) {box-sizing:border-box;width:100%;padding:.7rem;border:1px solid #858e86;border-radius:4px;background:#fff;color:#172c26;font:inherit;font-size:1rem;}
.j-story-choices textarea {resize:vertical;min-height:5rem;}
.j-story-choices button {font:inherit;font-size:1rem;padding:.65rem .9rem;border:1px solid #65786e;border-radius:4px;background:#f5f5ee;color:#19372b;cursor:pointer;margin:.35rem .35rem .35rem 0;}
.j-story-choices button:disabled {opacity:.5;cursor:default;}
.j-story-choices :focus-visible {outline:3px solid #547eaa;outline-offset:3px;}
.j-story-choices pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;}

/* A retained diagram body embedded beside the same-edition main reading. */
.journey.j-retained-visual{height:auto;min-height:0;overflow:visible;width:100%;box-sizing:border-box}
.j-retained-visual .j-study-content{min-width:0;overflow:visible;padding:clamp(12px,2.5vw,24px);box-sizing:border-box}
.j-retained-visual .j-visual-caption h2{font-size:clamp(20px,2.6vw,28px);overflow-wrap:anywhere}
.j-retained-visual .j-visual-drawing,.j-retained-visual .j-matrix-drawing{min-height:0;max-height:none;width:100%;overflow:hidden}
.j-retained-visual .j-visual-drawing svg,.j-retained-visual .j-matrix-drawing svg{display:block;width:100%;height:auto;max-height:540px}
.j-retained-visual .j-step-controls,.j-retained-visual .j-reference-controls,.j-retained-visual .j-context-controls{flex-wrap:wrap;gap:8px}
.j-retained-visual input[type=range]{max-width:100%;min-width:0}
.j-retained-visual .j-library-host{min-height:420px;max-width:100%;overflow:auto}
.j-retained-visual .j-library-frame{width:100%;height:650px;max-width:100%;border:0}
.j-retained-visual button[aria-pressed=true]{border-color:#dcca9966;color:#eeeade!important}
.j-retained-visual button:disabled{opacity:.5;cursor:default}

/* Subject branches extend the existing dark reading surface. */
.j-subjects{margin:44px 0 16px;padding-top:25px;border-top:1px solid #bba67355}
.j-reader-experience .j-subjects h2{font:normal 26px/1.3 Georgia,serif;color:#ece7d5;margin:0 0 10px}
.j-reader-experience .j-narration .j-subject-intro{font:16px/1.6 'Segoe UI',sans-serif;margin:0 0 20px;color:#b7c5c5}
.j-subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.j-subject-card{display:flex;flex-direction:column;text-align:left;gap:10px;border:1px solid #95b9b044;border-radius:9px;padding:19px;background:#122023;color:#e9e9df;cursor:pointer;min-width:0;font:16px/1.5 'Segoe UI',sans-serif;transition:border-color .15s,background .15s}
.j-subject-card:hover{background:#192e30;border-color:#cdbb80}.j-subject-card:focus-visible,.j-subject-browse:focus-visible,.j-subject-dialog button:focus-visible{outline:2px solid #e6c888;outline-offset:3px}
.j-subject-card strong{font:normal 22px/1.25 Georgia,serif;overflow-wrap:anywhere}
.j-subject-meta{font-size:13px;color:#d7c898}.j-subject-question{color:#bfcece;font-size:16px}.j-subject-open{font-size:14px;color:#dfc78e;margin-top:auto;padding-top:5px}
.j-subject-browse{margin-top:16px;min-height:44px;padding:8px 0;border:0;background:none;color:#dfc78e;font:16px/1.5 'Segoe UI',sans-serif;cursor:pointer}
.j-subject-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(1500px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;padding:0;border:1px solid #8aa69c77;border-radius:12px;background:#0b141b;color:#eeeade;box-shadow:0 30px 100px #000a;font:16px/1.5 'Segoe UI',sans-serif}
.j-subject-dialog[open]{display:flex;flex-direction:column}.j-subject-dialog::backdrop{background:#02060de8}
.j-subject-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #9bb9a833;flex:none}
.j-subject-header h2{font:normal 26px/1.3 Georgia,serif;margin:0}.j-subject-header button{border:1px solid #bba67377;border-radius:5px;min-height:44px;background:#162424;color:#eeeade;font:16px/1.4 'Segoe UI',sans-serif;padding:10px 16px;cursor:pointer}
.j-subject-body{display:flex;flex-direction:column;flex:1;min-height:0}.j-subject-body iframe{width:100%;border:0;background:#080e12;flex:1;min-height:200px}
.j-subject-context{flex:none;padding:12px 22px;border-bottom:1px solid #9bb9a833;max-height:30dvh;overflow:auto}.j-subject-context p{font-size:15px;margin:0 0 8px;color:#cbd5d4}.j-subject-context a{color:#dfc78e;font-size:14px}.j-subject-context [role=status]{font-size:13px;color:#a6baba;margin-left:16px}
.j-subject-catalog{overflow:auto;padding:20px clamp(16px,3vw,44px) 40px}.j-subject-catalog section+section{margin-top:32px}.j-subject-catalog h3{font:normal 25px/1.4 Georgia,serif;margin:0 0 14px}
@media(max-width:700px){.j-subject-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.j-subject-header{padding:12px;align-items:start;flex-direction:column;gap:10px}.j-subject-header h2{font-size:22px}.j-subject-context{padding:12px}.j-subject-context [role=status]{display:block;margin:8px 0 0}.j-subject-grid{grid-template-columns:1fr}.j-subject-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.j-subject-card{transition:none}}

.j-unified-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.j-library-host{flex:1;min-height:400px;overflow:auto}.j-library-frame{display:block;width:100%;height:100%;min-height:550px;border:0;background:#091319}.j-library-scope{padding:10px 20px;font-size:15px;margin:0;color:#c2d2cb}.j-library-catalog{padding:20px clamp(18px,3vw,44px);overflow:auto}.j-library-catalog h3{font:normal 26px/1.4 Georgia,serif;margin:30px 0 16px}.j-library-catalog details{margin:24px 0}.j-library-catalog summary{font-size:20px;cursor:pointer;padding:12px 0}.j-library-catalog ol{padding-left:28px}.j-library-catalog li{padding:4px 0;color:#a9bdb4}.j-library-catalog li button{font:16px/1.5 system-ui;color:#e7ebde;border:0;background:none;padding:6px 10px;text-align:left;cursor:pointer}.j-library-catalog a{color:#dfc78e}.j-library-catalog button:focus-visible{outline:2px solid #dfc78e;outline-offset:3px}
.journey.j-reader-experience .j-study-content.j-library-study{display:flex;flex-direction:column;overflow:hidden;padding:12px}.j-library-study .j-library-host{min-height:0;flex:1;overflow:auto}.j-library-study .j-library-frame{height:100%;min-height:420px}.j-library-study .j-step-controls{flex:none}.j-library-study .j-visual-caption{flex:none;max-height:130px}.j-library-study .j-visual-caption p{font-size:15px}.j-reader-experience .j-header-actions button{font:15px/1.4 system-ui;color:#dfc78e;background:#152623;border:1px solid #668578;border-radius:5px;padding:8px 12px;min-height:42px;cursor:pointer}.entrance-global-nav{position:absolute;right:clamp(14px,3vw,44px);top:20px;display:flex;gap:10px;z-index:20}.entrance-global-nav button{font:15px/1.4 system-ui;color:#e9dfbf;background:#0e252acc;border:1px solid #77998c;padding:10px 14px;border-radius:6px;cursor:pointer}
@media(max-width:700px){.entrance-global-nav{top:70px;right:16px}.entrance-global-nav button{font-size:14px;padding:7px 10px}.j-reader-experience .j-header{height:auto;min-height:68px;flex-wrap:wrap;padding:8px 0;gap:10px}.j-reader-experience .j-header-actions{display:flex;gap:6px}.j-reader-experience .j-header-actions button{font-size:14px;padding:6px 9px}.j-library-study .j-library-frame{min-height:470px}}

.j-library-actions{display:flex;flex-wrap:wrap;gap:10px}.j-unified-dialog .j-subject-header{background:#0b141b}.j-unified-dialog .j-library-host{min-height:0;overflow:auto}.j-unified-dialog .j-library-frame{height:100%;min-height:0}.j-library-actions button[hidden]{display:none}@media(max-width:700px){.j-library-actions{width:100%}.j-library-actions button{font-size:14px;padding:9px 12px}.j-library-actions [data-unified-close]{margin-left:auto}}

/* Author-supplied compass identity. Model and diagram color encodings stay in their renderers. */
.entrance-global-nav .haven-nav-link,.j-header-actions .haven-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;font:15px/1.4 system-ui;color:#f6ddb1;background:#091b2de8;border:1px solid #9b7c456b;border-radius:5px;white-space:nowrap;text-decoration:none}
.haven-nav-link:hover{background:#132c46!important;border-color:#f2cc80!important}.haven-nav-link:focus-visible{outline:2px solid #f2cc80;outline-offset:4px}
.j-haven-invitation{line-height:1.8}.j-haven-invitation a{display:inline-block;color:#f2cc80;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.entrance-global-nav .haven-nav-link,.j-header-actions .haven-nav-link{font-size:14px;padding:7px 9px;min-height:40px}}
@media(max-width:370px){.entrance .entrance-global-nav{left:12px;right:12px;gap:5px}.entrance .entrance-global-nav button,.entrance-global-nav .haven-nav-link,.j-header-actions .haven-nav-link{font-size:13px;padding:7px 8px}.journey .j-header-actions{gap:5px}}
.y-compass{display:block;width:48px;height:48px;object-fit:contain;flex:none;mix-blend-mode:screen}
.entrance{--gold:var(--brand-gold);--soft:var(--brand-muted);background-color:var(--brand-night)}
.entrance .entrance-brand{top:22px;left:clamp(24px,5.5vw,90px);gap:13px;transform:none;color:var(--brand-gold);letter-spacing:3px}
.y-brand-name{font:19px/1.25 Georgia,serif;letter-spacing:3px}
.y-brand-name small{display:block;margin-top:7px;font:12px/1.3 'Segoe UI',sans-serif;letter-spacing:1px;color:var(--brand-muted)}
.entrance-global-nav{top:25px}
.entrance-global-nav button,.j-reader-experience .j-header-actions button{color:#f6ddb1;background:#091b2de8;border-color:#9b7c456b}
.entrance-global-nav button:hover,.j-reader-experience .j-header-actions button:hover{background:#132c46;border-color:var(--brand-gold)}
.entrance-questions{background-image:linear-gradient(90deg,#030a14f2 5%,#030a14b0 48%,#030a1475 100%),url('/brand/y-theory-cosmos.png');background-size:cover;background-position:center}
.entrance-questions .entrance-canvas{opacity:.12}
.entrance-questions .entrance-vignette{background:linear-gradient(0deg,#030a14 0%,transparent 35%);box-shadow:none}
.entrance-signature{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:min(39vw,540px);height:auto;mix-blend-mode:screen;pointer-events:none}
.entrance-questions .question-content{top:29%;width:43%}
.question-note{font-size:17px;color:#bfcede}
.question-invitation{font-size:13px;color:#a6b8cd}
.thought-figure-caption{right:13%;bottom:13%;font-size:12px;color:var(--brand-muted)}
.thought-figure-caption em{font-size:16px;color:var(--brand-gold)}
.entrance-eyebrow,.intro-article>.entrance-eyebrow{font-size:12px;color:var(--brand-gold)}
.intro-article>.entrance-eyebrow span{font-size:12px;color:#9cb3cf}
.entrance-subtle,.entrance-next{font-size:14px}
.entrance-subtle{color:#b9c9da}
.entrance-next{color:#f8dfaa;border-color:#dfb86688!important;background:linear-gradient(110deg,#a47b2c33,#61471322)!important}
.entrance-next:hover{background:#bc923a33!important}
.entrance-intro{background:radial-gradient(ellipse at 95% 0%,#133d6040,transparent 65%),var(--brand-night)}
.entrance-intro .entrance-content{top:100px}
.intro-prose{color:#c4d0df}
.intro-footer-note{font-size:12px;color:#a9bacd}
.intro-progress-fill{background:linear-gradient(90deg,var(--brand-blue),var(--brand-gold))}
.is-entering .entrance-signature{opacity:0;transition:opacity 1s}
.journey.j-reader-experience{--paper:var(--brand-text);--warm:var(--brand-gold);--board:var(--brand-panel);background:radial-gradient(ellipse at 80% 40%,#10355b45,transparent 60%),var(--brand-night)}
.j-reader-experience .j-header{height:76px;border-color:#5486b136}
.j-reader-experience .j-brand{color:var(--brand-gold);letter-spacing:.6px}
.j-reader-experience .j-brand small{font-size:11px;letter-spacing:1.4px;color:#9cb7cf}
.j-reader-experience .j-location{color:#adbed2}
.journey.j-reader-experience .j-reading-layout .j-study-pane{background:linear-gradient(145deg,#102b4755,#07152177);border-color:#6297c23d}
.j-reader-experience .j-narration p{color:#c0cedf}
.j-reader-experience .j-study-cue{color:#adc5dd}
.j-reader-experience .j-decision-rail button{color:#c3d6e8;border-color:#678ba54d}
.j-reader-experience .j-decision-rail .j-rail-next{background:linear-gradient(125deg,#aa792933,#51401633);border-color:#e1b86a99;color:#ffe3a8}
.j-reader-experience .j-decision-rail .j-rail-board{color:#adc6dd}
.j-reader-experience .j-follow-state{color:#97bbdb!important}
.j-reader-experience .j-header:after{background:linear-gradient(90deg,var(--brand-blue),var(--brand-gold))}
.j-subject-card{background:#0c1e31;border-color:#6096c24d;color:var(--brand-text)}
.j-subject-card:hover{background:#132f4c;border-color:var(--brand-gold)}
.j-subject-question{color:#b9cde1}
.j-subject-meta,.j-subject-open,.j-subject-browse{color:var(--brand-gold)}
.j-subject-dialog{background:#061322;border-color:#86b5de66}
.j-subject-header,.j-subject-context{border-color:#6297c23d}
.j-subject-header button{background:#102840;color:var(--brand-text);border-color:#c39c5b88}
.j-library-catalog li{color:#adc2d8}
.brand .y-compass{width:50px;height:50px}
.brand .brand-mark{background:url('/brand/y-theory-compass.png') center/contain no-repeat;width:50px;height:50px;mix-blend-mode:screen;filter:none}
.brand .brand-mark .icon{visibility:hidden}
@media(max-width:1100px){.entrance-signature{right:3%;width:41vw}.entrance-questions .question-content{left:7%;width:46%}.thought-figure-caption{right:9%}}
@media(max-width:700px){
 .journey.j-reader-experience .j-header{height:auto;min-height:64px;flex:0 0 auto}
 .entrance .entrance-brand{top:14px;left:20px;gap:10px}
 .entrance .y-compass{width:44px;height:44px}
 .y-brand-name{font-size:17px;letter-spacing:2px}.y-brand-name small{font-size:12px;margin-top:4px;letter-spacing:.4px}
 .entrance-global-nav{top:73px;right:20px;left:20px;justify-content:flex-end;gap:8px}
 .entrance-global-nav button{font-size:14px;min-height:40px;padding:7px 12px}
 .entrance-signature{display:none}
 .entrance-questions{background-position:62% center;background-image:linear-gradient(0deg,#030a14 0%,#030a1499 30%,#030a14ba 100%),url('/brand/y-theory-cosmos.png')}
 .entrance-questions .question-content{top:155px;left:26px;right:26px;width:auto}
 .question-note{font-size:16px;line-height:1.7;max-width:340px}
 .question-copy h1{font-size:clamp(35px,8.4vw,49px)}
 .question-invitation{font-size:12px}
 .entrance-intro .entrance-content{top:120px}
 .intro-article{padding-top:23px}
 .entrance-eyebrow,.intro-article>.entrance-eyebrow{font-size:12px;letter-spacing:2px}
 .intro-article>.entrance-eyebrow span{font-size:12px}
 .intro-footer-note{font-size:11px}
 .thought-figure-caption{display:none}
 .entrance-next{font-size:13px;min-width:150px}.entrance-subtle{font-size:13px}
 .j-reader-experience .j-header{min-height:64px;height:auto;padding:8px 0;gap:8px}
 .j-reader-experience .j-header .j-brand{font-size:20px;gap:8px}
 .j-reader-experience .y-compass{width:40px;height:40px}
 .j-reader-experience .j-header-actions button{font-size:14px;padding:7px 10px}
 .brand .y-compass{width:35px;height:35px}
}
@media(max-width:370px){.j-reader-experience .j-header{justify-content:center}.j-reader-experience .j-header-actions{margin-left:auto}.j-reader-experience .j-header .j-brand{font-size:18px}.j-reader-experience .y-compass{width:32px;height:32px}.j-reader-experience .j-header-actions button{font-size:13px;padding:6px 8px}}
@media(max-height:650px) and (max-width:700px){.entrance{min-height:590px}.entrance-questions .question-content{top:140px}.question-copy h1{font-size:34px}.question-note{font-size:15px}.question-invitation{display:none}.entrance-signature{display:none}}
@media(max-height:510px) and (min-width:701px){.entrance .entrance-brand{top:10px}.entrance .y-compass{width:36px;height:36px}.y-brand-name small{display:none}.entrance-global-nav{top:10px}.entrance-questions .question-content{top:24%}.entrance-signature{width:30vw;right:10%}.entrance-intro .entrance-content{top:66px}.question-note{font-size:15px}.thought-figure-caption{display:none}}

/* Knowledge is part of the same Body; links keep their originating chapter. */
.j-knowledge-card{text-decoration:none}.j-knowledge-card:focus-visible{outline:2px solid #70c2ff;outline-offset:4px}.j-knowledge-browse{display:inline-block;color:#f2cc80;font:16px/1.7 system-ui;padding:15px 0}.j-knowledge-connections details{margin:20px 0;color:#bdcee0;font:16px/1.7 system-ui}.j-knowledge-connections summary{cursor:pointer;margin-bottom:18px}
@media(max-width:540px){.entrance .entrance-global-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;top:70px;left:20px;right:20px}.entrance .entrance-global-nav>*{width:100%;min-height:40px}.entrance-intro .entrance-content{top:165px}.entrance-questions .question-content{top:180px}.journey.j-reader-experience .j-header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0}.journey.j-reader-experience .j-header-actions>*{min-height:40px}}

/* Phone pages may grow instead of compressing their reader to the unused
   remainder of one viewport. The reading panes still own saved progress. */
@media(max-width:700px){
 .journey.j-reader-experience:not(.j-presenter):has(.j-reading-layout){height:auto;min-height:100dvh;overflow:visible}
 .journey.j-reader-experience:not(.j-presenter):has(.j-reading-layout) .j-main{flex:1 0 auto}
 .journey.j-reader-experience:not(.j-presenter) .j-reading-layout{flex:none;overflow:visible}
 .journey.j-reader-experience:not(.j-presenter) .j-reading-layout.j-layout-split{grid-template-rows:minmax(360px,52svh) minmax(360px,60svh);height:auto;gap:18px}
 .journey.j-reader-experience:not(.j-presenter) .j-reading-layout:is(.j-layout-read,.j-layout-visual){height:max(440px,75svh);grid-template-rows:minmax(0,1fr)}
 .journey.j-reader-experience:not(.j-presenter) .j-reading-layout .j-read-scroll{scrollbar-gutter:auto;overscroll-behavior-y:auto}
 .journey.j-reader-experience:not(.j-presenter) .j-bottom-navigation{margin-top:12px}
 .journey.j-reader-experience .j-header-actions{min-width:0}
 .journey.j-reader-experience .j-header-actions>*{min-width:0;white-space:normal;text-align:center}

 .entrance:is(.entrance-intro,.entrance-questions){height:auto;min-height:100dvh;overflow:visible;display:flex;flex-direction:column;padding:16px 20px max(16px,env(safe-area-inset-bottom));gap:20px}
 .entrance:is(.entrance-intro,.entrance-questions) .entrance-brand{position:static;inset:auto;transform:none;margin:0;flex:none;min-width:0}
 .entrance.entrance-intro .entrance-global-nav{position:static;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:none}
 .entrance.entrance-intro .entrance-global-nav>*{min-width:0;white-space:normal;text-align:center}
 .entrance.entrance-intro .entrance-content{position:relative;inset:auto;flex:none;height:max(400px,65svh);min-width:0}
 .entrance.entrance-intro .intro-scroll{height:100%;overscroll-behavior-y:auto;mask-image:none}
 .entrance.entrance-intro .intro-article{width:100%;padding:15px 2px 30px}
 .entrance:is(.entrance-intro,.entrance-questions) .entrance-controls{position:relative;inset:auto;height:auto;min-height:96px;flex:none}
 .entrance.entrance-intro .intro-footer-inner{width:100%;min-height:96px;height:auto;padding:30px 0 8px}
 .entrance.entrance-intro .intro-footer-note{top:6px;white-space:normal;overflow:visible;line-height:1.4}
 .entrance.entrance-intro .intro-footer-inner:has(.intro-return){min-height:112px;padding-top:38px}
 .entrance.entrance-questions .entrance-content{position:static;inset:auto;display:flex;align-items:center;flex:1 0 auto;padding:24px 0;min-width:0}
 .entrance.entrance-questions .question-content{position:static;inset:auto;width:100%;max-width:none}
 .entrance.entrance-questions .entrance-controls{display:block}
 .entrance.entrance-questions .question-navigation{flex-wrap:wrap;gap:8px}
 .entrance.entrance-questions .entrance-next{min-width:0;flex:1;white-space:normal}
 .entrance.entrance-questions .question-timeline{margin-bottom:14px}
 .entrance:is(.entrance-intro,.entrance-questions) .entrance-canvas{height:100dvh}
}

.opening-reveal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:#030a14;color:#f2cc80;opacity:1;transition:opacity .18s ease}
.opening-reveal.is-leaving{opacity:0;pointer-events:none}
.opening-stage{position:relative;width:min(100%,calc(100dvh * 1.774074));aspect-ratio:1916/1080;container-type:inline-size}
.opening-video{display:block;width:100%;height:100%;object-fit:contain}
.opening-identity{position:absolute;inset:64.9% 0 auto;text-align:center;pointer-events:none;opacity:0}
.opening-identity h1{font:normal 4.8cqw/1.15 Georgia,serif;color:#f2cc80;margin:0;letter-spacing:0}
.opening-identity p{font:normal clamp(12px,1.3cqw,25px)/1.5 Georgia,serif;color:#ead9b4;margin:1.9cqw 0 0;letter-spacing:.25em}
.opening-controls{position:absolute;inset:auto clamp(20px,4vw,70px) max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:18px;font:14px/1.4 'Segoe UI',sans-serif}
.opening-controls>div{display:flex;gap:8px}
.opening-controls button{min-height:44px;padding:10px 16px;border:1px solid #7399b84d;border-radius:5px;background:#071726d9;color:#d3e1ee;cursor:pointer;font:inherit}
.opening-controls button:hover{background:#142c43;border-color:#f2cc80}
.opening-controls button:focus-visible{outline:2px solid #f2cc80;outline-offset:4px}
.opening-controls .opening-skip{border-color:#c9a35c99;color:#f5d99f;background:#382b1670}
.opening-skip span{padding-left:14px}
@media(max-width:600px){.opening-identity h1{font-size:6cqw}.opening-identity p{letter-spacing:.1em;margin-top:2cqw}.opening-controls{left:14px;right:14px;gap:10px}.opening-controls button{padding:10px 12px}.opening-skip span{padding-left:6px}}
@media(prefers-reduced-motion:reduce){.opening-reveal{transition:none}}