@charset "UTF-8";
:root{--bg:#f5f3ec;--paper:#fffef9;--ink:#263d35;--muted:#657168;--line:#dedfd3;--sage:#e5eadb;--gold:#b27b3d;--forest:#173b30;--light:#f6f2dd;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--shadow:0 18px 45px #243f3210;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}body.dark{--bg:#142820;--paper:#1e352b;--ink:#f0efdc;--muted:#b2bdad;--line:#395045;--sage:#2b4536;--gold:#d9ac6b;--forest:#10271e;--light:#f6f2dd;--shadow:0 20px 50px #0002;color-scheme:dark}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}p{margin:0 0 1em}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.45;margin:0 0 .7em;letter-spacing:-.025em}h1{font-size:clamp(32px,4.6vw,54px)}h2{font-size:clamp(26px,3vw,36px)}h3{font-size:24px}h4{font-size:20px}small{font-size:13px}button{color:var(--ink)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:#c6d5a8;color:#132e24}.skip-link{position:fixed;left:14px;top:-80px;z-index:99;padding:12px 20px;background:var(--ink);color:var(--bg)}.skip-link:focus{top:12px}
.site-header{max-width:1440px;margin:auto;min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:.1em;font-weight:650}.brand-mark{font-size:29px;color:var(--gold);font-weight:400}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.2em;color:var(--muted);margin-top:3px}.header-actions{display:flex;align-items:center;gap:28px;font-size:14px}.header-actions a:hover,.site-footer a:hover{color:var(--gold)}.notebook-link span{display:inline-grid;place-items:center;min-width:23px;height:23px;font-size:11px;border:1px solid var(--line);border-radius:50%;margin-left:5px}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:43px;height:43px;display:inline-grid;place-items:center;font-size:19px}.page-view{max-width:1280px;margin:auto;padding:45px 5% 80px;animation:arrive .35s ease both}.site-footer{max-width:1280px;padding:35px 5%;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-brand{font-size:15px;color:var(--ink);letter-spacing:.1em}.site-footer p{margin:5px 0}.footer-boundary{max-width:410px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:650;color:var(--muted);text-transform:uppercase;line-height:1.6;margin-bottom:22px}.gold{color:var(--gold)}.muted{color:var(--muted)}.tiny{font-size:12px;color:var(--muted)}.tag{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:20px;font-size:11px;line-height:1.5;color:var(--muted)}.tag.green{background:var(--sage);border-color:transparent;color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:47px;padding:10px 23px;border:1px solid transparent;border-radius:50px;background:var(--ink);color:var(--bg);font-size:14px;line-height:1.5;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.small{min-height:40px;padding:8px 15px;font-size:12px}.text-button{background:none;border:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 28px}.section-heading p{max-width:400px;color:var(--muted);font-size:14px}.section-heading h2{margin-bottom:0}.page-intro{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:30px}.page-intro h1{font-size:clamp(30px,3.4vw,42px);margin-bottom:10px}.page-intro p{max-width:650px;color:var(--muted);font-size:15px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:24px;display:flex;gap:10px;align-items:center}.mini-book{height:94px;width:63px;flex-shrink:0;background:#64765b;border-left:6px solid #41533b;box-shadow:6px 6px 0 var(--line);padding:11px 6px;color:#f4efd7;font-family:var(--serif);font-size:10px;line-height:1.6;writing-mode:vertical-rl;letter-spacing:.12em}.module-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:36px}.module-nav a{padding:7px 15px;font-size:13px;border-radius:30px}.module-nav a[aria-current=page]{background:var(--sage)}.module-nav a:hover{background:var(--sage)}
/* 首页：文字与立体书封 */
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:520px;padding:25px 0 55px;gap:45px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.55;margin:0 0 23px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:16px;color:var(--muted);line-height:2.1;margin-bottom:31px}.hero .eyebrow{margin-bottom:26px}.hero .tiny{margin-top:16px}.book-scene{position:relative;min-height:450px;display:grid;place-items:center;perspective:1400px}.orbit{position:absolute;width:100%;height:115px;bottom:65px;border:1px solid var(--line);border-radius:50%;transform:rotate(-13deg)}.orbit.two{width:83%;height:76px;bottom:85px;opacity:.6;transform:rotate(9deg)}.book-cover{width:222px;height:326px;background:#5c7055;color:#f7f0d8;padding:25px 22px 22px 29px;position:relative;transform:rotateY(-16deg) rotateZ(-6deg);box-shadow:24px 28px 35px #263d3520,2px 0 1px #263d3533;display:flex;flex-direction:column;justify-content:space-between;border-radius:2px 5px 5px 2px;animation:floatbook 7s ease-in-out infinite}.book-cover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:13px;background:linear-gradient(90deg,#31482c55,transparent);border-right:1px solid #fff2}.book-cover:after{content:"";position:absolute;right:-9px;top:4px;width:9px;height:calc(100% - 8px);background:repeating-linear-gradient(#ded8c4 0 1px,#f6f1df 1px 3px);transform:skewY(24deg);transform-origin:left;z-index:-1;border-radius:0 3px 3px 0}.book-english{font-size:8px;line-height:1.8;letter-spacing:.15em;font-weight:550;z-index:1}.book-title{font-family:var(--serif);font-size:27px;line-height:1.7;z-index:1}.book-title strong{font-size:39px;font-weight:500;display:block;white-space:nowrap}.book-author{font-size:9px;letter-spacing:.12em;z-index:1}.book-rings{position:absolute;bottom:40px;right:-30px;width:175px;height:175px;border:1px solid #e0e6c52b;border-radius:50%;box-shadow:0 0 0 27px #ffffff08,0 0 0 54px #ffffff05}.book-caption{position:absolute;bottom:18px;text-align:center;font-size:11px;letter-spacing:.12em;color:var(--muted)}.margin-note{position:absolute;right:-3%;top:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.28em;color:var(--muted)}.hero-meta{display:flex;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;margin-bottom:65px;font-size:12px;color:var(--muted)}.hero-meta strong{font-family:var(--serif);font-size:23px;color:var(--ink);font-weight:500;margin-right:8px}.home-path{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-bottom:60px}.path-item{padding:8px 0 0;border-top:1px solid var(--line)}.path-num{color:var(--gold);font:24px var(--serif);margin:17px 0}.path-item h3{font-size:22px}.path-item p{font-size:14px;color:var(--muted)}.question-list{border-top:1px solid var(--line)}.question-link{display:grid;grid-template-columns:50px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.question-link>span:first-child{font-family:var(--serif);color:var(--gold)}.question-link h3{font-size:22px;margin:0 0 5px}.question-link p{font-size:13px;color:var(--muted);margin:0}.question-link:hover h3{color:var(--gold)}.quiet-note{margin-top:65px;padding:30px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}.quiet-note p{font:24px/1.6 var(--serif);margin:0}.quiet-note .eyebrow{font-size:9px;min-width:130px;margin:0}
/* 学习空间 */
.continue-strip{background:var(--sage);padding:20px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;border-radius:4px}.continue-strip p{margin:0;font-size:14px}.continue-strip small{color:var(--muted)}.hub-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:0 42px}.hub-feature{grid-row:span 2;background:var(--sage);padding:35px;position:relative;min-height:315px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;overflow:hidden}.hub-feature p{max-width:360px;color:var(--muted);font-size:15px}.hub-feature h2{font-size:35px;margin-top:18px}.hub-feature .eyebrow{margin-bottom:0}.hub-link{display:grid;grid-template-columns:35px 1fr 20px;align-items:center;gap:17px;padding:26px 7px;border-top:1px solid var(--line)}.hub-link h3{margin:0 0 7px}.hub-link p{font-size:13px;color:var(--muted);margin:0}.hub-icon{font-family:var(--serif);font-size:25px;color:var(--gold)}.hub-link:hover h3{color:var(--gold)}.learning-route{margin-top:60px}.route-steps{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.route-steps span{color:var(--gold)}
/* 地图和完整目录 */
.view-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.segmented{display:flex;flex-wrap:wrap;gap:5px;padding:4px;background:var(--sage);border-radius:30px}.segmented button{border:0;background:transparent;border-radius:25px;font-size:12px;padding:8px 15px;min-height:37px}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.map-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:25px;align-items:start}.constellation{background:radial-gradient(ellipse at 50% 45%,#285044,#102b22);color:#f4f2df;border-radius:14px;padding:25px;position:relative;overflow:hidden;min-height:580px}.constellation .eyebrow{color:#c1d0bd;margin-bottom:16px}.foundation-nodes{display:flex;gap:8px;padding-bottom:23px;border-bottom:1px solid #acc7aa35}.foundation-nodes button{flex:1;background:#ffffff09;border:1px solid #bac9b844;border-radius:5px;color:#e7ecd8;padding:10px 7px;font-size:13px;min-height:54px;line-height:1.7}.map-group{padding-top:23px}.map-group-label{font-size:11px;letter-spacing:.1em;color:#c8d4bf;display:flex;justify-content:space-between;margin-bottom:12px}.map-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;position:relative}.map-node{background:#ffffff08;border:1px solid #b9c7a34d;color:#f0efd9;border-radius:7px;padding:14px 6px;min-height:104px;text-align:center;position:relative;transition:background .2s,border-color .2s}.map-node b{display:block;font:25px/1.2 var(--serif);color:#e0b775;margin-bottom:7px}.map-node span{display:block;font-size:14px;white-space:nowrap}.map-node small{display:block;color:#b8c9b7;font-size:10px;margin-top:3px}.map-node[aria-pressed=true],.foundation-nodes button[aria-pressed=true]{border-color:#d8c68f;background:#657e515c;box-shadow:0 0 0 3px #d8c68f12}.map-connector{display:flex;gap:9px;align-items:center;font-size:10px;color:#a8bdab;padding-top:16px}.map-connector:before,.map-connector:after{content:"";height:1px;background:#93ad9144;flex:1}.renewal-node{width:100%;display:flex;align-items:center;gap:17px;padding:13px 20px;min-height:77px;text-align:left;border-style:dashed;margin-top:22px}.renewal-node b{margin:0}.renewal-node span{font-size:16px}.map-legend{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;color:#b7c8b1;margin-top:22px}.detail-panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:28px;box-shadow:var(--shadow)}.detail-panel h2{font-size:28px;margin-bottom:12px}.detail-panel p{font-size:14px}.detail-panel .eyebrow{margin-bottom:13px}.detail-example{padding:17px;background:var(--sage);border-radius:4px;margin:22px 0;font-size:13px;line-height:1.9}.detail-example b{font-size:10px;letter-spacing:.1em;display:block;margin-bottom:8px}.source-inline{font-size:11px;color:var(--muted);margin:18px 0}.source-inline a{text-decoration:underline;text-underline-offset:3px}.tree-graph{display:grid;gap:17px}.tree-branch{padding:15px 18px;border:1px solid #aebea840;border-radius:8px}.tree-branch h3{font-size:14px;color:#d7e2cb;margin-bottom:12px}.tree-branch button{background:transparent;border:0;color:#f0efd9;text-align:left;display:block;padding:9px 0;font-size:14px;min-height:44px}.tree-branch button[aria-pressed=true]{color:#efd18e}.tree-branch small{color:#bdcdb4;margin-left:10px}.full-directory{margin-top:40px;border:1px solid var(--line);padding:22px 26px;border-radius:6px}.full-directory>summary{cursor:pointer;font-size:15px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.directory-item{border-top:1px solid var(--line);padding-top:16px}.directory-item>a{font-size:16px;font-weight:600}.directory-item p{font-size:12px;color:var(--muted);margin:7px 0}.directory-concept{padding:9px 0;font-size:12px}.directory-concept strong{font-weight:550}.directory-concept span{display:block;color:var(--muted);margin-top:4px}.map-help{font-size:12px;color:var(--muted);margin-top:15px}
/* 深读与练习 */
.reading-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:45px;align-items:start}.topic-menu{position:sticky;top:22px;display:flex;flex-direction:column;gap:5px}.topic-menu a,.topic-menu button{background:transparent;border:0;text-align:left;padding:11px 14px;display:flex;gap:12px;align-items:center;border-radius:4px;font-size:14px;min-height:44px}.topic-menu a[aria-current],.topic-menu button[aria-pressed=true]{background:var(--sage)}.topic-menu span{font-family:var(--serif);color:var(--gold);font-size:17px}.topic-menu small{margin-left:auto;color:var(--muted);font-size:11px}.reading-card{position:relative;background:var(--paper);padding:38px 42px;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.reading-card h2{font-size:31px}.reading-card:after{content:"";position:absolute;left:10px;right:10px;bottom:-8px;height:8px;border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;z-index:-1;background:var(--paper)}.reading-card .lead{font-size:19px;font-family:var(--serif);line-height:1.9;margin-bottom:25px}.prose-block{margin:25px 0}.prose-block p{font-size:15px;line-height:2}.prose-label{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.reflect-box{padding:23px;background:var(--sage);border-radius:5px;margin:25px 0}.reflect-box p{margin:0;font-family:var(--serif);font-size:20px}.card-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px;font-size:12px}.reading-progress{height:2px;background:var(--line);margin-bottom:23px}.reading-progress>span{height:2px;background:var(--gold);display:block;transition:width .25s}.card-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px}.read-toggle{padding:8px 13px;border:1px solid var(--line);background:transparent;border-radius:25px;font-size:12px}.read-toggle[aria-pressed=true]{background:var(--sage)}.practice-head{margin-bottom:20px}.scenario-panel{padding:26px;background:var(--sage);border-radius:7px}.scenario-panel h3{font-size:22px}.scenario-panel p{font-size:16px}.option-list{display:grid;gap:9px;margin-top:20px}.option{display:flex;align-items:start;gap:12px;text-align:left;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:5px;font-size:14px;line-height:1.8;min-height:52px}.option>span:first-child{flex-shrink:0;color:var(--gold);font-family:var(--serif)}.option[aria-pressed=true]{border:2px solid var(--gold);padding:14px}.feedback{margin-top:18px;border-left:3px solid var(--gold);padding:10px 18px;font-size:14px;background:var(--paper)}.feedback strong{font-size:12px;display:block;margin-bottom:7px}.feedback p{margin:0}.practice-form{margin-top:30px}.form-row{margin:20px 0}.form-row label{display:block;font-size:14px;font-weight:550;margin-bottom:8px}.form-row .hint{font-size:12px;font-weight:400;color:var(--muted);display:block;margin-top:3px}.form-row textarea,.form-row input,.form-row select{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:13px 15px;line-height:1.8;color:var(--ink);font-size:14px}.form-row textarea{resize:vertical;min-height:110px}.form-row textarea::placeholder{color:var(--muted);opacity:.85}.form-row input[type=date]{max-width:250px}.save-line{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);padding:16px 0;border-top:1px solid var(--line)}.status-dot{width:6px;height:6px;display:inline-block;background:#6a875f;border-radius:50%;margin-right:7px}.save-warning{color:var(--gold)}.mini-matrix{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.quadrant{border:1px solid var(--line);padding:15px;font-size:12px;border-radius:5px}.quadrant strong{display:block;font-size:13px;margin-bottom:6px}.quadrant.focus{background:var(--sage)}.quadrant p{margin:0;color:var(--muted)}
/* 陪练、拓展与记录 */
.coach-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}.prompt-panel{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.prompt-panel textarea{width:100%;background:transparent;border:0;color:var(--ink);line-height:1.9;font-size:14px;min-height:390px;resize:vertical;padding:0;margin:15px 0 20px}.prompt-panel textarea:focus-visible{outline-offset:10px}.source-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.source-card{padding:24px 0;border-top:1px solid var(--line)}.source-card h3{font-size:23px;margin-top:16px}.source-card p{font-size:14px;color:var(--muted)}.source-card a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.discussion{margin-top:40px}.discussion details{border-bottom:1px solid var(--line);padding:20px 0}.discussion summary{font:22px var(--serif);cursor:pointer;line-height:1.6}.discussion p{margin:18px 0 0;max-width:800px;color:var(--muted);font-size:15px}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-top:25px}.source-entry{padding:20px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.source-entry h3{font:18px/1.6 var(--serif);margin:8px 0}.source-entry p{font-size:13px;color:var(--muted)}.source-entry a{text-decoration:underline;text-underline-offset:4px}.source-entry:target,.source-entry.highlight{background:var(--sage);padding-left:15px;padding-right:15px}.boundary-block{max-width:830px;margin-bottom:40px}.boundary-block p{font-size:15px;line-height:2;color:var(--muted)}.boundary-block h2{font-size:25px}.notebook-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:25px 0 35px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat strong{font:34px var(--serif);display:block;margin-bottom:5px}.stat span{font-size:12px;color:var(--muted)}.notebook-settings{padding:20px 25px;background:var(--sage);border-radius:6px;margin-bottom:28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.notebook-settings label{display:flex;gap:10px;align-items:center;font-size:14px}.notebook-settings input{width:18px;height:18px;accent-color:var(--ink)}.notebook-settings p{font-size:12px;color:var(--muted);margin:4px 0}.notebook-record{padding:28px 0;border-bottom:1px solid var(--line)}.record-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.record-header h3{font-size:23px;margin:0}.record-content{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px}.record-content span{font-size:11px;color:var(--muted)}.record-content p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.empty-state{padding:50px 30px;text-align:center;border:1px dashed var(--line);border-radius:8px;margin-top:30px}.empty-state h2{font-size:26px}.empty-state p{color:var(--muted);font-size:14px}.danger-button{color:var(--muted);border:0;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:14px}.notes-bottom{margin-top:35px;display:flex;justify-content:space-between;gap:25px;align-items:center}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--bg);border:1px solid var(--line);padding:13px 25px;border-radius:50px;font-size:13px;box-shadow:var(--shadow);max-width:calc(100% - 32px);text-align:center}
@keyframes floatbook{0%,100%{transform:rotateY(-16deg) rotateZ(-6deg) translateY(0)}50%{transform:rotateY(-10deg) rotateZ(-4deg) translateY(-10px)}}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}body.still .book-cover,body.still .page-view{animation:none}
@media(min-width:1450px){.hero{min-height:570px}.book-cover{width:245px;height:355px}.book-title strong{font-size:44px}.book-title{font-size:29px}}
@media(max-width:1000px){.map-layout{grid-template-columns:1fr}.detail-panel{box-shadow:none}.directory-grid{grid-template-columns:1fr 1fr}.map-nodes{gap:18px}.map-node span{font-size:16px}.constellation{min-height:0}.site-footer{grid-template-columns:1fr auto}.footer-boundary{grid-column:1/-1;grid-row:2}.reading-layout{gap:25px;grid-template-columns:165px 1fr}.reading-card{padding:28px}.hero{gap:20px}.book-cover{width:195px;height:296px}.book-title{font-size:24px}.book-title strong{font-size:35px}.source-cards{gap:20px}.header-actions{gap:20px}}
@media(max-width:700px){body{font-size:15px}.site-header{min-height:88px;padding:18px 6%;gap:12px}.brand{font-size:14px;gap:8px}.brand-mark{font-size:24px}.brand small{font-size:7px}.header-actions{gap:12px;font-size:12px}.header-learn{display:none}.icon-button{width:37px;height:37px}.notebook-link span{display:none}.page-view{padding:30px 6% 55px}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding:12px 0 20px}.hero h1{font-size:42px;line-height:1.5}.hero-lead{font-size:14px}.hero .eyebrow{font-size:9px;margin-bottom:18px}.book-scene{min-height:360px;margin:8px 0 0}.book-cover{width:182px;height:271px}.book-title{font-size:23px}.book-title strong{font-size:32px}.book-english{font-size:7px}.book-caption{bottom:1px}.orbit{bottom:44px}.orbit.two{bottom:61px}.margin-note{top:35px;right:8px}.hero-meta{gap:18px;justify-content:space-between;margin-bottom:40px;font-size:10px;padding:15px 0}.hero-meta strong{font-size:21px;display:block;margin:0 0 4px}.home-path{grid-template-columns:1fr;gap:12px;padding-bottom:40px}.path-item{display:grid;grid-template-columns:40px 1fr;gap:0 15px;padding-top:17px}.path-num{grid-row:span 2;margin:0}.path-item h3{margin:0 0 10px}.path-item p{grid-column:2}.section-heading{display:block}.section-heading p{margin-top:12px}.question-link{grid-template-columns:25px 1fr 16px;gap:10px;padding:20px 0}.question-link h3{font-size:19px}.question-link p{font-size:12px}.quiet-note{display:block;margin-top:40px}.quiet-note .eyebrow{margin-bottom:10px}.quiet-note p{font-size:22px}.page-intro{gap:16px;margin-bottom:20px}.page-intro p{font-size:13px}.mini-book{width:45px;height:74px;font-size:8px;padding:8px 4px;border-left:4px solid #41533b}.breadcrumb{margin-bottom:18px;font-size:10px}.module-nav{gap:4px;padding-bottom:17px;margin-bottom:24px}.module-nav a{font-size:12px;padding:7px 11px;min-height:39px;display:inline-flex;align-items:center}.hub-grid{grid-template-columns:1fr;gap:0}.hub-feature{grid-row:auto;min-height:275px;padding:27px;margin-bottom:20px}.hub-link{padding:22px 0}.hub-link h3{font-size:22px}.continue-strip{padding:17px;align-items:start}.continue-strip .button{padding:8px 12px;white-space:nowrap;font-size:12px}.route-steps{flex-wrap:wrap;justify-content:start;font-size:12px}.route-steps span{margin:0 3px}.learning-route{margin-top:35px}.view-controls{display:block}.view-controls>.tiny{margin:12px 0}.segmented{width:fit-content;max-width:100%;border-radius:8px}.segmented button{padding:8px 11px;font-size:11px}.constellation{padding:20px 16px;border-radius:9px}.foundation-nodes{flex-wrap:wrap;gap:7px;padding-bottom:17px}.foundation-nodes button{flex-basis:100%;text-align:left;min-height:44px;padding:10px 14px;font-size:14px}.map-nodes{grid-template-columns:1fr;gap:9px}.map-node{display:grid;grid-template-columns:35px 1fr auto;align-items:center;text-align:left;gap:9px;min-height:64px;padding:12px 14px}.map-node b{font-size:25px;margin:0}.map-node span{font-size:16px;white-space:normal}.map-node small{margin:0;font-size:10px}.map-group{padding-top:21px}.renewal-node{display:grid;margin-top:20px}.map-layout{gap:18px}.detail-panel{padding:24px}.directory-grid{grid-template-columns:1fr;gap:16px}.full-directory{padding:18px}.reading-layout{grid-template-columns:1fr;gap:22px}.topic-menu{position:static;display:grid;grid-template-columns:1fr 1fr;gap:5px}.topic-menu a,.topic-menu button{font-size:12px;padding:9px 10px;min-height:43px}.topic-menu span{font-size:16px}.topic-menu small{font-size:10px}.reading-card{padding:25px 21px}.reading-card h2{font-size:27px}.reading-card .lead{font-size:18px}.prose-block p{font-size:14px}.reflect-box{padding:19px}.reflect-box p{font-size:18px}.card-bottom{align-items:start;flex-wrap:wrap}.card-toolbar{font-size:11px}.scenario-panel{padding:23px 18px}.scenario-panel h3{font-size:21px}.scenario-panel p{font-size:15px}.option{font-size:13px}.coach-layout{grid-template-columns:1fr;gap:15px}.prompt-panel{padding:24px}.prompt-panel textarea{min-height:420px}.source-cards{grid-template-columns:1fr;gap:0}.source-list{grid-template-columns:1fr}.notebook-stats{gap:15px}.stat strong{font-size:28px}.notebook-settings{display:block;padding:20px}.notebook-settings>.tiny{margin-top:15px}.record-content{grid-template-columns:1fr;gap:15px}.record-header{align-items:start}.record-header h3{font-size:21px}.notes-bottom{align-items:start;flex-wrap:wrap}.site-footer{padding:28px 6%;gap:18px;font-size:11px}.site-footer>div p{font-size:11px}.footer-brand{font-size:13px}.button{font-size:13px;padding:11px 20px}.save-line{align-items:start;flex-direction:column;gap:7px}.mini-matrix{gap:7px}.quadrant{padding:12px;font-size:11px}.quadrant strong{font-size:12px}.discussion summary{font-size:20px}}
@media(max-width:350px){.brand small{display:none}.brand{font-size:13px}.header-actions{gap:8px}.hero h1{font-size:35px}.header-actions .notebook-link{font-size:11px}.module-nav a{font-size:11px;padding:7px 9px}.map-node{grid-template-columns:27px 1fr}.map-node small{display:none}.notebook-stats .stat span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.module-nav,.topic-menu,.site-footer,.actions,.button,.icon-button,.toast,.notes-bottom{display:none!important}.page-view{padding:0;max-width:none}.reading-layout,.map-layout,.record-content{display:block}.reading-card,.detail-panel{box-shadow:none;border:0}.notebook-record{break-inside:avoid}body{background:white;color:black}.record-content p{white-space:pre-wrap}}
/* Route focus stays unobtrusive; interactive controls keep their focus rings. */
#main:focus { outline: none; }
.map-return { display: none; }
@media (max-width: 1000px) {
  .map-return { display: inline-flex; margin-top: 22px; }
  #map-detail { scroll-margin-top: 24px; }
}

/* Reading-room refinement · 2026-11-11
   The existing paper / forest / gold identity stays; reading and action gain clarity. */
:root {
  --gold: #895a25;
  --muted: #5e6b61;
  --focus: #936027;
  --ui-ease: cubic-bezier(.23, 1, .32, 1);
  --reading-font: 17px;
  --reading-leading: 1.95;
  --reading-measure: 44rem;
}
body.dark { --focus: #efc884; }
html { scrollbar-color: var(--muted) var(--bg); }
html:has(body.dark) { color-scheme: dark; }
input, textarea { caret-color: var(--gold); }
::selection { background: #d5dfc8; color: #193c2d; }
body.dark ::selection { background: #536f53; color: #fff9e8; }
h1, h2, h3 { text-wrap: balance; }
.page-view { animation: none; }
.page-view > *, .reading-layout > *, .coach-layout > * { min-width: 0; }
.page-view p, .record-content p { overflow-wrap: anywhere; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
.button, .text-button, .read-toggle, .icon-button,
.module-nav a, .topic-menu a, .header-actions a,
.danger-button { min-height: 44px; }
.icon-button { min-width: 44px; width: 44px; height: 44px; }
.header-actions a { display: inline-flex; align-items: center; }
.module-nav a { display: inline-flex; align-items: center; }
.button, .read-toggle, .icon-button, .option {
  transition: background-color 150ms ease, border-color 150ms ease, transform 130ms var(--ui-ease);
}
.button:hover { transform: none; }
.button:not(.secondary):hover { background: var(--forest); color: var(--light); }
body.dark .button:not(.secondary):hover { background: #fff8e5; color: #173b30; }
.button.secondary:hover, .read-toggle:hover, .icon-button:hover { background: var(--sage); }
.button:active:not(:focus-visible), .icon-button:active:not(:focus-visible) { transform: scale(.98); }
.button:focus-visible, .icon-button:focus-visible { transition: none; }
.button.small, .read-toggle { font-size: 13px; }
.button[aria-disabled=true], .icon-button[aria-disabled=true] { opacity: .4; pointer-events: none; }
.hero > div > .eyebrow, .section-heading > div > .eyebrow,
.page-intro > div > .eyebrow, .reading-card > .eyebrow,
.discussion > .eyebrow, .boundary-block > .eyebrow,
.coach-layout > div > .eyebrow { display: none; }
.hero { padding-top: 16px; gap: 52px; }
.hero h1 { line-height: 1.38; letter-spacing: -.035em; margin-bottom: 28px; }
.hero-lead { font-size: 17px; line-height: 2; max-width: 32em; }
.hero .actions { gap: 14px 22px; }
.home-direct-map { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }
.home-resume { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); max-width: 35em; font-size: 14px; color: var(--muted); }
.home-resume a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.hero-meta { flex-wrap: wrap; align-items: center; gap: 16px 36px; margin-bottom: 56px; }
.hero-meta .text-button { margin-left: auto; }
.section-heading { align-items: center; }
.section-heading p { font-size: 15px; line-height: 1.9; margin-bottom: 0; }
.path-item p, .question-link p, .hub-link p, .source-card p { font-size: 15px; line-height: 1.9; }
.mini-book { box-shadow: 4px 6px 12px #243f321c; }
.breadcrumb { font-size: 13px; flex-wrap: wrap; }
.breadcrumb a { padding-block: 6px; }
.page-intro p { font-size: 16px; line-height: 1.9; }
.module-nav { gap: 8px; }
.module-nav a { font-size: 14px; }
.module-nav a[aria-current=page] { box-shadow: inset 0 -2px var(--gold); }
.reading-card { border-radius: 12px; padding: 38px 42px; box-shadow: none; }
.reading-card:after { display: none; }
.reading-card h2 { margin-bottom: 20px; font-size: clamp(26px, 2.5vw, 32px); }
.reading-card .lead { font-size: 21px; line-height: 1.85; max-width: var(--reading-measure); }
.prose-block { margin-block: 32px; }
.prose-block p { font-size: var(--reading-font); line-height: var(--reading-leading); max-width: var(--reading-measure); }
.prose-label { font-size: 13px; letter-spacing: .02em; margin-bottom: 10px; }
.source-inline { font-size: 13px; line-height: 1.9; }
.reading-card .source-inline { max-width: var(--reading-measure); }
.reflect-box { border-radius: 8px; padding: 24px; }
.card-toolbar { font-size: 14px; }
.reading-progress > span { transition: none; }
.reading-settings { border-block: 1px solid var(--line); margin: 0 0 24px; }
.reading-settings > summary { cursor: pointer; min-height: 48px; padding: 12px 0; color: var(--muted); font-size: 14px; }
.reading-settings-controls { display: flex; flex-wrap: wrap; gap: 18px 28px; padding: 0 0 18px; }
.reading-settings fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.reading-settings legend { color: var(--muted); font-size: 12px; margin-bottom: 8px; }
.reading-settings button { min-height: 44px; padding: 8px 14px; background: transparent; border: 1px solid var(--line); border-radius: 6px; margin-right: 4px; font-size: 14px; }
.reading-settings button[aria-pressed=true] { background: var(--sage); color: var(--ink); border-color: var(--gold); }
body[data-reading-size=large] { --reading-font: 20px; }
body[data-reading-size=large] .reading-card .lead { font-size: 23px; }
body[data-reading-measure=narrow] { --reading-measure: 32rem; }
body[data-reading-leading=relaxed] { --reading-leading: 2.3; }
body[data-reading-measure=narrow] .reading-card > h2,
body[data-reading-measure=narrow] .reading-card > .lead,
body[data-reading-measure=narrow] .reading-card > .prose-block,
body[data-reading-measure=narrow] .reading-card > .reflect-box,
body[data-reading-measure=narrow] .reading-card > .source-inline { max-width: var(--reading-measure); margin-inline: auto; }
.practice-resume { margin-bottom: 22px; padding: 16px 20px; border-block: 1px solid var(--line); color: var(--muted); font-size: 14px; line-height: 1.8; }
.practice-resume a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.practice-steps { list-style: none; padding: 0; margin: 20px 0 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.practice-steps li { position: relative; padding: 12px 0; border-top: 2px solid var(--line); font-size: 13px; color: var(--muted); }
.practice-steps li.is-done { border-color: var(--gold); color: var(--ink); }
.practice-steps li small { display: block; font-size: 12px; }
.note-stage { display: inline-flex; align-items: center; padding: 3px 9px; border: 1px solid var(--line); border-radius: 5px; font-size: 12px; color: var(--muted); margin-top: 8px; }
.scenario-panel { border-radius: 12px; padding: 28px; }
.scenario-panel p, .option, .practice-form > p { font-size: 16px; line-height: 1.9; }
.option { padding: 16px; border-radius: 8px; }
.option[aria-pressed=true] { padding: 15px; }
.feedback { border-left: 0; border-radius: 8px; padding: 20px; font-size: 16px; }
.feedback strong { font-size: 14px; }
.feedback p { font-size: 16px; line-height: 1.9; }
.form-row { margin-block: 25px; }
.form-row label { font-size: 15px; }
.form-row .hint { font-size: 13px; line-height: 1.8; max-width: 45em; }
.form-row textarea, .form-row input, .form-row select { font-size: 16px; min-height: 48px; line-height: 1.9; border-color: #929c8c; }
body.dark .form-row textarea, body.dark .form-row input, body.dark .form-row select { border-color: #748574; }
.form-row textarea::placeholder { opacity: 1; }
.form-row textarea { min-height: 132px; }
.save-line { font-size: 13px; }
.save-line [data-save-status] { display: inline; }
.save-line:has([data-saving=true]) .status-dot { background: var(--gold); }
.record-content p { font-size: 16px; line-height: 1.9; }
.notebook-settings p, .record-content span, .stat span { font-size: 13px; }
.prompt-panel textarea, .discussion p, .boundary-block p, .source-entry p { font-size: 16px; line-height: 1.95; }
.source-card a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.toast { border-radius: 12px; line-height: 1.7; bottom: max(22px, env(safe-area-inset-bottom)); }
body.still .button, body.still .icon-button, body.still .read-toggle, body.still .option { transition: none; }
@media (max-width: 1000px) {
  .reading-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 28px; }
  .reading-card { padding: 30px; }
}
@media (max-width: 700px) {
  body { font-size: 16px; }
  .page-view { padding-top: 26px; }
  .site-header { padding-inline: 5%; }
  .hero { gap: 12px; padding-block: 10px 26px; }
  .hero h1 { font-size: clamp(35px, 8.7vw, 48px); line-height: 1.45; }
  .hero-lead { font-size: 16px; line-height: 1.9; }
  .hero .actions { gap: 10px 17px; }
  .hero .tiny { font-size: 13px; }
  .hero-meta { gap: 12px 22px; margin-bottom: 42px; }
  .hero-meta .text-button { margin-left: 0; }
  .hero-meta strong { display: inline; font-size: 21px; margin-right: 5px; }
  .hero-meta > span { font-size: 12px; }
  .home-resume { font-size: 14px; }
  .section-heading h2 { font-size: 28px; }
  .section-heading p, .path-item p, .question-link p, .hub-link p, .source-card p { font-size: 16px; }
  .page-intro p { font-size: 16px; }
  .module-nav { gap: 6px; }
  .module-nav a { font-size: 13px; padding-inline: 12px; }
  .reading-layout { grid-template-columns: 1fr; gap: 22px; }
  .topic-menu { gap: 6px; }
  .topic-menu a { min-height: 46px; font-size: 14px; padding-inline: 10px; gap: 8px; }
  .topic-menu small { font-size: 11px; }
  .reading-card { padding: 25px 20px; }
  .prose-block { margin-block: 28px; }
  .prose-block p { font-size: var(--reading-font); }
  .reading-card .lead { font-size: 20px; }
  .reading-settings-controls { gap: 18px 16px; }
  .reading-settings button { padding-inline: 11px; }
  .reading-settings fieldset { flex: 1 1 140px; }
  .card-toolbar { font-size: 13px; gap: 10px; }
  .scenario-panel { padding: 24px 18px; }
  .option { font-size: 16px; padding: 14px; gap: 10px; }
  .option[aria-pressed=true] { padding: 13px; }
  .practice-resume { padding-inline: 0; }
  .practice-steps { gap: 8px; }
  .practice-steps li { font-size: 13px; }
  .practice-form h2 { font-size: 27px; }
  .button, .button.small { font-size: 14px; }
  .notebook-settings > .tiny { display: block; }
  .notebook-settings p { font-size: 13px; }
  .toast { font-size: 14px; padding: 12px 18px; }
}
@media (max-width: 350px) {
  .site-header { gap: 8px; }
  .brand { font-size: 13px; letter-spacing: .02em; }
  .header-actions { gap: 8px; }
  .header-actions .notebook-link { font-size: 12px; }
  .module-nav a { font-size: 13px; padding-inline: 10px; }
  .topic-menu a { font-size: 13px; }
  .hero h1 { font-size: 35px; }
  .reading-card { padding-inline: 16px; }
  .card-bottom .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .button:active, .icon-button:active { transform: none; }
}
@media print {
  .reading-settings, .practice-steps { display: none; }
  .reading-card { padding: 0; }
}
.home-resume { display: block; width: fit-content; border-top: 0; padding-top: 0; margin-top: 20px; text-decoration: underline; text-underline-offset: 4px; }

/* Keep the keyboard shortcut clipped outside focus, including full-page captures. */
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
/* A quieter entry and a visual reading framework. */
.entry-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;min-height:650px}.entry-copy h1{font-size:clamp(40px,4.2vw,64px);line-height:1.35;margin:24px 0}.entry-copy>p{color:var(--muted);font-size:18px}.entry-book{font-size:15px!important}.entry-copy>.button{margin-top:25px}.entry-secondary{display:block;margin-top:22px;text-decoration:underline;text-underline-offset:6px;font-size:14px}.entry-preview{display:block;background:#142d29;color:#f0ebd8;border-radius:24px;padding:20px;transition:transform .2s}.entry-preview:hover{transform:translateY(-4px)}.entry-preview>span{display:flex;justify-content:space-between;padding:15px 25px;font-size:14px}.entry-preview svg{width:100%;display:block}.preview-links{fill:none;stroke:#91aaa1;stroke-width:1;opacity:.55}.preview-center{fill:#315448;stroke:#e2c384}.entry-preview text{fill:#f0ebd8;font:16px system-ui;text-anchor:middle}.preview-star circle{fill:#e2c384}.entry-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.entry-bottom a{text-decoration:underline;text-underline-offset:5px}.hub-heading{display:flex;align-items:baseline;gap:35px;margin:10px 0 36px}.hub-heading>a{font-size:14px}.hub-heading h1{font-size:36px;margin:0}.visual-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.visual-door{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);transition:transform .18s}.visual-door:hover{transform:translateY(-4px);border-color:var(--gold)}.door-map{grid-row:span 2;display:flex;flex-direction:column;background:#142d29;color:#f0ebd8}.door-preview{height:180px;display:grid;align-items:center;background:var(--sage)}.door-map .door-preview{flex:1;background:transparent}.door-preview svg{width:100%;height:100%;max-height:300px}.door-map svg text{fill:#f0ebd8;font:17px system-ui;text-anchor:middle}.preview-drawing{stroke:var(--ink);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.door-label{padding:24px;position:relative}.door-label h2{font-size:24px;margin:0 0 8px}.door-label>span{font-size:14px;opacity:.8}.door-label>b{position:absolute;right:24px;top:27px;font-weight:400}.map-start>p{font-size:15px}.map-start button{display:block;width:100%;text-align:left;min-height:48px;padding:12px;margin:10px 0;border:1px solid var(--line);background:var(--sage);border-radius:7px}.detail-fold{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.detail-fold summary{min-height:44px;cursor:pointer;font-size:14px}.detail-fold>p{font-size:15px;line-height:1.9}.detail-fold>button{min-height:44px;border:1px solid var(--line);padding:8px;background:var(--paper);margin:5px}.star-sidebar .star-summary{font-size:16px;line-height:1.9}.star-sidebar h2{font-size:28px}.thinking-map{padding:30px;color:var(--ink)}.thinking-map>h2{font-size:28px}.thinking-map>p{font-size:15px;max-width:50em}.framework-root{text-align:center;background:var(--ink);color:var(--bg);padding:18px;border-radius:9px;margin:30px auto;max-width:440px;font-size:20px}.framework-branch{border:1px solid var(--line);border-radius:12px;padding:22px;margin:18px 0}.framework-branch h3{font-size:21px}.framework-flow{display:grid;grid-template-columns:1fr;gap:8px;padding-left:20px;border-left:1px solid var(--gold)}.framework-flow button,.framework-renew button{border:1px solid var(--line);border-radius:8px;background:var(--paper);text-align:left;padding:14px;color:var(--ink);cursor:pointer}.framework-flow button strong,.framework-flow button small,.framework-renew button strong,.framework-renew button small{display:block}.framework-flow button small,.framework-renew button small{margin-top:6px;font-size:14px;color:var(--muted)}.framework-flow>span{font-size:13px;color:var(--muted);padding:4px 12px}.framework-bridge{font-size:14px;text-align:center;padding:8px}.framework-renew{background:var(--sage);padding:20px;border-radius:12px}.framework-renew p{font-size:14px;margin:16px 0 0}.thinking-map details{margin:25px 0;font-size:15px}.thinking-map summary{cursor:pointer;min-height:44px}.framework-source{font-size:12px!important;color:var(--muted)}.framework-source a{text-decoration:underline}.star-directory{background:var(--bg)}.interest-shell{max-width:760px;margin:10px auto 45px}.interest-shell>a{font-size:14px}.interest-count{font-size:14px;color:var(--muted);margin-top:48px}.interest-shell h1{font-size:38px;outline:none}.interest-lead{font-size:17px;color:var(--muted);line-height:1.9}.interest-options{display:grid;gap:14px;margin:32px 0}.interest-options button{position:relative;padding:24px 55px 24px 24px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;min-height:82px}.interest-options button:hover{background:var(--sage);border-color:var(--ink)}.interest-options strong{display:block;font-size:19px;font-weight:500}.interest-options span{display:block;margin-top:6px;color:var(--muted);font-size:15px}.interest-options b{position:absolute;right:24px;top:26px}.interest-result{padding:30px;background:var(--sage);border-radius:14px;margin:28px 0}.interest-result h2{font-size:22px}.interest-result p{font-size:20px}.interest-result .text-button{display:block;margin-top:15px}.discussion-prompt{padding:24px 0;border-block:1px solid var(--line);margin:25px 0}.discussion-prompt summary{font-size:20px;cursor:pointer;min-height:48px}.discussion-prompt textarea{width:100%;min-height:290px;font:15px/1.9 inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:20px;resize:vertical;margin:10px 0 20px}.discussion-prompt>p{font-size:14px;color:var(--muted)}
@media(min-width:1150px){.star-layout:has(.star-directory:not([hidden])){grid-template-columns:minmax(0,1fr) 300px}.framework-flow{grid-template-columns:1fr}.thinking-map .framework-branch{display:grid;grid-template-columns:155px 1fr;gap:20px}}
@media(max-width:800px){.entry-hero{grid-template-columns:1fr;gap:30px;min-height:0}.entry-copy h1{font-size:42px}.entry-preview{max-width:550px}.entry-bottom{margin-top:30px;gap:20px;flex-wrap:wrap}.visual-hub{grid-template-columns:1fr 1fr;gap:14px}.door-map{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center}.door-map .door-preview{height:210px}.door-preview{height:130px}.door-label{padding:20px}.door-label h2{font-size:21px}.door-label>b{display:none}.hub-heading{display:block}.hub-heading h1{margin-top:20px;font-size:30px}.thinking-map{padding:20px}.framework-branch{padding:16px}.framework-flow{padding-left:12px}.interest-shell h1{font-size:30px}.interest-options button{padding:20px 40px 20px 20px}.interest-options strong{font-size:18px}.interest-result{padding:22px}.interest-count{margin-top:30px}.star-layout:has(.star-directory:not([hidden])){display:block}.discussion-prompt textarea{font-size:16px}}
@media(max-width:370px){.door-label{padding:15px}.door-label h2{font-size:19px}.door-label>span{font-size:12px}.entry-copy h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.entry-preview,.visual-door{transition:none}.entry-preview:hover,.visual-door:hover{transform:none}}
.star-layout:has(.star-directory:not([hidden])){height:auto;align-items:start}.star-directory{max-height:none!important;height:auto;overflow:visible!important}.star-workspace:has(.star-directory:not([hidden])) .star-footbar{display:none}
@media(min-width:1150px){.thinking-map .framework-branch{display:block}.thinking-map .framework-flow{grid-template-columns:1fr 65px 1fr 65px 1fr;align-items:center;border-left:0;padding:0;gap:5px}.framework-flow>span{font-size:12px;padding:0 3px}.framework-flow button{padding:14px 10px}.framework-flow button strong{font-size:16px}.framework-flow button small{font-size:13px}.framework-renew{display:flex;align-items:center;gap:22px}.framework-renew button{flex:0 0 190px}.framework-renew p{margin:0}}
/* Book-led landing: identity, useful ideas, then one clear invitation. */
.shelf-hero{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);grid-template-areas:"cover intro" "cover methods" "cover actions";column-gap:70px;row-gap:30px;align-items:center;padding:45px 0 60px;min-height:720px}.book-presentation{grid-area:cover;position:relative;margin:0;min-height:560px;display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1400px}.book-presentation:before{content:"";position:absolute;inset:0 10px 55px;background:radial-gradient(ellipse at 50% 48%,#d8dcc780,transparent 68%);z-index:-1}.reading-volume{position:relative;display:block;width:292px;height:438px;transform:rotateY(-16deg) rotateZ(-5deg);transform-style:preserve-3d;transition:transform 260ms cubic-bezier(.23,1,.32,1);box-shadow:24px 32px 42px -16px #1a342945;border-radius:3px 6px 6px 3px}.reading-volume:hover{transform:rotateY(-9deg) rotateZ(-2deg) translateY(-5px)}.volume-face{position:absolute;inset:0;overflow:hidden;background:linear-gradient(100deg,#243f35,#2e5042 50%,#294739);color:#f2e8c9;padding:32px 27px 25px 35px;border-radius:3px 5px 5px 3px;z-index:2;box-shadow:inset 2px 0 4px #ffffff22,inset -2px 0 3px #0002}.volume-face:after{content:"";position:absolute;inset:16px 15px 16px 24px;border:1px solid #cbb27d80;pointer-events:none}.volume-imprint{font-size:10px;letter-spacing:.3em;color:#dfca9c}.volume-title{display:block;font-family:var(--serif);font-size:25px;line-height:1.7;margin-top:40px;letter-spacing:.035em}.volume-title strong{display:block;font-size:38px;font-weight:500;white-space:nowrap}.volume-author{display:block;font-size:12px;line-height:1.9;margin-top:20px}.volume-author small{font-size:9px;letter-spacing:.1em}.volume-emblem{position:absolute;right:28px;bottom:46px;width:140px;height:140px;border:1px solid #b6a37680;border-radius:50%;display:grid;place-items:center;color:#cdb57d}.volume-emblem:before,.volume-emblem:after{content:"";position:absolute;inset:11px;border:1px solid #b6a37650;border-radius:50%}.volume-emblem:after{inset:23px}.volume-emblem>span{font:italic 90px/1 Georgia,serif;margin-top:-7px}.volume-bottom{position:absolute;bottom:30px;left:35px;font-size:10px;letter-spacing:.2em;color:#dfca9c}.volume-spine{position:absolute;left:-17px;top:1px;bottom:0;width:19px;background:linear-gradient(90deg,#182e27,#304b3c);transform:skewY(12deg);transform-origin:right;border-radius:3px 0 0 3px;box-shadow:inset -3px 0 5px #0004}.volume-pages{position:absolute;top:7px;bottom:5px;right:-12px;width:15px;background:repeating-linear-gradient(90deg,#e9e3ce 0 2px,#bdb9a7 2px 3px);transform:skewY(-10deg);border-radius:0 4px 4px 0;z-index:0}.volume-bookmark{position:absolute;left:42px;bottom:-26px;width:19px;height:40px;background:#a17a46;clip-path:polygon(0 0,100% 0,100% 100%,50% 81%,0 100%);z-index:0}.book-presentation figcaption{font-size:11px;color:var(--muted);margin-top:54px;letter-spacing:.08em}.book-introduction{grid-area:intro;align-self:end}.book-category{font-size:13px;color:var(--muted);margin-bottom:20px}.book-introduction h1{margin:0;line-height:1.25;font-weight:500;letter-spacing:.02em}.book-introduction h1>span{display:block;font-size:clamp(28px,2.8vw,38px);font-weight:400;margin-bottom:10px}.book-introduction h1>strong{display:block;font-size:clamp(45px,4.8vw,68px);font-weight:500}.book-byline{font-size:13px;margin-top:20px;color:var(--muted)}.book-premise{font-size:18px;line-height:1.85;margin:26px 0 0;color:var(--ink)}.book-methods{grid-area:methods;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.book-methods>a{min-width:0;display:flex;flex-direction:column;align-items:start;text-decoration:none}.method-line{display:block;height:1px;width:30px;background:var(--gold);margin:0 0 14px;transition:width .2s}.book-methods a:hover .method-line{width:100%}.book-methods strong{font-size:16px;font-weight:600;margin-bottom:9px}.book-methods a>span:not(.method-line){font-size:13px;line-height:1.8;color:var(--muted)}.book-methods small{font-size:12px;margin-top:12px;color:var(--gold);min-height:32px;display:flex;align-items:center}.book-entry-actions{grid-area:actions;align-self:start}.book-primary{border-radius:6px;padding:14px 25px;gap:30px;font-size:15px;min-height:54px}.book-question-link{display:block;width:fit-content;font-size:13px;margin-top:18px;min-height:44px;line-height:44px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.shelf-footnote{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.shelf-footnote a{text-decoration:underline;text-underline-offset:4px}body.dark .book-presentation:before{background:radial-gradient(ellipse,#718c4d22,transparent 68%)}
@media(max-width:1050px){.shelf-hero{column-gap:40px;grid-template-columns:.85fr 1.15fr}.reading-volume{width:240px;height:370px}.volume-face{padding:25px 22px 25px 30px}.volume-title{font-size:21px;margin-top:29px}.volume-title strong{font-size:31px}.volume-emblem{width:110px;height:110px;bottom:40px}.volume-emblem>span{font-size:72px}.volume-author{margin-top:15px}.book-methods{gap:15px}.book-methods strong{font-size:15px}.book-category{font-size:12px}}
@media(max-width:700px){.shelf-hero{grid-template-columns:140px minmax(0,1fr);grid-template-areas:"cover intro" "methods methods" "actions actions";column-gap:25px;row-gap:30px;padding:24px 0 30px;min-height:0}.book-presentation{min-height:280px;align-self:center}.reading-volume{width:133px;height:205px;box-shadow:13px 22px 26px -12px #1a342955;transform:rotateY(-12deg) rotateZ(-5deg)}.volume-face{padding:16px 11px 15px 17px}.volume-face:after{inset:8px 7px 8px 12px}.volume-imprint{font-size:6px}.volume-title{font-size:12px;margin-top:16px;line-height:1.7}.volume-title strong{font-size:18px}.volume-author{font-size:7px;margin-top:9px}.volume-author small{font-size:5px}.volume-emblem{width:62px;height:62px;right:12px;bottom:23px}.volume-emblem:before{inset:6px}.volume-emblem:after{inset:12px}.volume-emblem>span{font-size:42px;margin-top:-3px}.volume-bottom{font-size:5px;bottom:14px;left:17px}.volume-spine{left:-8px;width:10px}.volume-pages{right:-6px;width:8px;top:4px;bottom:3px}.volume-bookmark{left:22px;width:10px;height:23px;bottom:-15px}.book-presentation figcaption{font-size:10px;margin-top:30px;text-align:center}.book-introduction{align-self:center}.book-category{font-size:11px;line-height:1.8;margin-bottom:13px}.book-introduction h1>span{font-size:21px;margin-bottom:7px;line-height:1.4}.book-introduction h1>strong{font-size:32px;line-height:1.3}.book-byline{font-size:11px;margin-top:14px}.book-premise{font-size:14px;margin-top:16px;line-height:1.9}.book-premise br{display:none}.book-methods{gap:18px;border-top:1px solid var(--line);padding-top:24px}.method-line{display:none}.book-methods strong{font-size:14px;line-height:1.6}.book-methods a>span:not(.method-line){font-size:13px}.book-methods small{font-size:12px;line-height:1.6}.book-primary{width:100%;font-size:15px}.book-question-link{font-size:13px;margin:12px auto 0;text-align:center;line-height:1.8;display:flex;align-items:center}.shelf-footnote{font-size:12px;display:block}.shelf-footnote a{display:inline-flex;min-height:44px;align-items:center}.shelf-hero+.shelf-footnote+*{margin-top:0}}
@media(max-width:360px){.shelf-hero{grid-template-columns:115px minmax(0,1fr);gap:24px 19px}.reading-volume{scale:.88}.book-presentation figcaption{font-size:9px;margin-top:10px}.book-introduction h1>span{font-size:19px}.book-introduction h1>strong{font-size:29px}.book-category{font-size:11px}.book-methods{gap:14px}.book-methods strong{font-size:13px}.book-methods a>span:not(.method-line){font-size:12px}}
@media(prefers-reduced-motion:reduce){.reading-volume,.method-line{transition:none}.reading-volume:hover{transform:rotateY(-16deg) rotateZ(-5deg)}}
body.still .reading-volume{transition:none}