
:root{--sky:#1688e8;--skydeep:#0755b8;--faint:#eef6ff;--purple:#a998db;--paper:#fff;--body:#f1f5fa;--text:#182534;--muted:#526576;--line:#d3e1ef;--control:#eef6ff;--prose:1.08rem;--green:#e4f7ed;--shadow:0 8px 28px rgba(16,58,112,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--body);color:var(--text);font:16px/1.72 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}a{color:var(--skydeep)}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button{cursor:pointer}.skip-link{position:absolute;top:-100px;left:10px;background:white;padding:6px;z-index:999}.skip-link:focus{top:4px}.header{background:linear-gradient(112deg,#d2eaff 0%,#e8edff 50%,#ded5ff 100%);border-bottom:1px solid #bfd5ee;position:sticky;top:0;z-index:30}.header-inner{max-width:1430px;margin:auto;padding:9px 18px;display:flex;align-items:center;gap:19px;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#142e57;font-weight:850;line-height:1.05;white-space:nowrap}.brand small{display:block;font-size:.7rem;font-weight:600;color:#60758d;margin-top:5px}.brand-mark{background:linear-gradient(135deg,var(--sky),#5848c3);border-radius:12px;color:white;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;box-shadow:0 4px 10px #a9bae0;font-size:.78rem}.topnav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topnav a{color:#15305e;text-decoration:none;font-size:.79rem;font-weight:680}.topnav a:hover{color:#005dc3;text-decoration:underline}.icon-button{display:none}.toolbar{position:sticky;top:61px;z-index:29;display:flex;justify-content:center;gap:7px;background:#edf6ffe9;padding:7px 10px;border-bottom:1px solid var(--line);flex-wrap:wrap;backdrop-filter:blur(8px)}.toolbar button,.save-note,.mark-done{border:1px solid #aeccea;border-radius:9px;background:var(--control);color:var(--skydeep);font-weight:720;padding:6px 11px}.toolbar button:hover,.save-note:hover,.mark-done:hover{background:#d8edff}.translate-box{max-width:950px;margin:8px auto;padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.translate-box[hidden]{display:none}.layout{max-width:1450px;margin:20px auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;padding:0 16px}.sidebar{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px;align-self:start;position:sticky;top:120px;max-height:calc(100vh - 137px);overflow:auto}.side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.side-head a{font-size:.8rem}#chapterSearch,#bookSearch{width:100%;padding:10px 12px;border:1px solid #afc7e2;border-radius:9px;color:var(--text);background:var(--paper)}#chapterLinks{display:grid;gap:3px;margin-top:10px}#chapterLinks a{padding:7px 8px;border-radius:8px;text-decoration:none;color:var(--text);font-size:.89rem;line-height:1.45;display:flex;gap:9px}#chapterLinks a span{color:var(--skydeep);font-weight:800}#chapterLinks a[aria-current],#chapterLinks a:hover{background:var(--faint);color:var(--skydeep)}.reading{min-width:0}.chapter,.guide,.book-hero,.continuous-header{border-radius:18px;background:var(--paper);border:1px solid var(--line);padding:clamp(20px,3.2vw,50px);box-shadow:var(--shadow)}.chapter-kicker,.topic-number,.eyebrow,.challenge-label{color:#0759a8;text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:.77rem}.chapter h1,.book-hero h1{font-size:clamp(1.85rem,4vw,3rem);line-height:1.15;color:#174e9d;margin:.25em 0 .75em}.chapter h2{font-size:clamp(1.4rem,2.4vw,1.85rem);line-height:1.35;color:#1b4e90}.chapter p,.chapter li{font-size:var(--prose)}.chapter p{margin:.85em 0 1.1em}.chapter h3{font-size:1.17rem;color:#136a54;margin:1.6em 0 .5em}.learn-box,.end-chapter,.challenge,.story-starter{padding:18px 22px;border-radius:13px;margin:22px 0;background:var(--faint);border:1px solid #c7def7}.learn-box h2,.end-chapter h2{margin:0 0 10px}.story-starter{background:#f9f3ff;border-color:#e8d9fd}.topic{border-top:1px solid var(--line);padding:26px 0 16px}.topic h2{margin:.3em 0 .7em}.topic p{max-width:78ch}.reflect{background:var(--green);border-left:4px solid #1f8f69;padding:14px;border-radius:8px}.challenge{background:linear-gradient(140deg,#e9f7ff,#edf3ff);border-color:#b9dcff}.challenge-steps{display:grid;gap:7px;margin:20px 0}.challenge-steps label{display:flex;gap:8px;align-items:flex-start}.reflection-label{font-weight:780;display:block;margin-top:18px}.reflection-input{display:block;width:100%;border:1px solid #aec6dc;min-height:110px;border-radius:9px;background:var(--paper);color:var(--text);padding:12px;margin-bottom:10px}.storage-notice{display:block;color:var(--muted);margin-top:7px}.chapter-bottom{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:27px 0 4px}.chapter-button{border-radius:10px;border:1px solid #a9c4df;display:inline-flex;padding:10px 15px;background:#fff;color:#145da5;text-decoration:none;font-weight:800}.chapter-button.next{background:linear-gradient(110deg,#1687e9,#2868d4);color:#fff;border-color:transparent}.chapter-button:hover{filter:brightness(.95)}.footer{margin-top:40px;background:linear-gradient(115deg,#dfedff,#efe9ff);border-top:1px solid #bcd4f2;padding:32px 18px 14px}.footer-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.footer-grid>div{display:grid;align-content:start;gap:5px;min-width:0}.footer h2{font-size:1rem;color:#153e81;margin:0 0 5px}.footer a{text-decoration:none;color:#174c91;font-size:.84rem;overflow-wrap:anywhere}.footer a:hover{text-decoration:underline}.legal-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:24px;border-top:1px solid #c8d5e6;padding-top:13px}.copyright{text-align:center;font-size:.78rem;color:#526576}.index-main{max-width:1250px;margin:25px auto;padding:0 17px}.book-hero{background:linear-gradient(122deg,#ffffff,#e8f4ff 76%,#e8e5ff)}.book-hero .subtitle{font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:720;line-height:1.4;color:#2b589d}.book-hero p{max-width:75ch}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.stat-row{display:flex;flex-wrap:wrap;gap:12px}.stat-row span{background:white;border:1px solid #c5dff5;border-radius:12px;padding:10px 18px}.stat-row strong{font-size:1.2rem;color:#0b69b5}.guide{margin:20px 0}.contents-title{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}.contents-title input{max-width:320px}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.book-card{padding:18px;border-radius:14px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);text-decoration:none;display:flex;flex-direction:column;gap:9px;color:var(--text);min-width:0}.book-card:hover{transform:translateY(-2px);border-color:#89bbed}.book-card-num{color:#075cad;font-size:.77rem;font-weight:850;text-transform:uppercase}.book-card strong{font-size:1.03rem;color:#164783;line-height:1.3}.book-card span:not(.book-card-num){font-size:.84rem;line-height:1.6}.book-card em{font-size:.83rem;color:#0763ac;font-style:normal;font-weight:700}.continuous{max-width:1000px;margin:24px auto;padding:0 16px}.continuous .chapter{margin:24px 0}.continuous-header h1{font-size:2rem}.continuous .chapter h1{font-size:2.15rem}#backToTop{position:fixed;right:17px;bottom:22px;display:grid;place-items:center;border-radius:50%;background:#177ddd;color:#fff;width:46px;height:46px;font-weight:800;text-decoration:none;box-shadow:0 4px 20px #4a85b966}.night{--body:#26333c;--paper:#36454f;--text:#f0f5f8;--muted:#d2dfeb;--line:#5a7181;--faint:#34536d;--skydeep:#aed9ff;--control:#364f6c;--green:#2d5147;--shadow:0 8px 30px rgba(0,0,0,.14)}.night .chapter h1,.night .chapter h2,.night .chapter h3,.night .book-card strong,.night .footer h2{color:#d0e6ff}.night .learn-box,.night .end-chapter,.night .story-starter,.night .challenge{background:#405b70;color:#eff6ff}.night .reflect{background:#28604b}.night .chapter-button{background:#324b65;color:#dceeff}.night .chapter-button.next{background:#186bba;color:white}.night .toolbar{background:#31495c}.night .header,.night .footer{background:linear-gradient(115deg,#3a5373,#54456b)}.night .header a,.night .footer a,.night .footer h2,.night .brand,.night .brand small,.night .topnav a{color:#f3f7ff}.night .book-hero{background:#354e67}.night .stat-row span{background:#34536d}.night input,.night textarea{color:var(--text)}[dir="rtl"] .sidebar{text-align:right}[dir="rtl"] .reflect{border-left:none;border-right:4px solid #1f8f69}[dir="rtl"] #backToTop{right:auto;left:17px}.hidden-by-search{display:none!important}
@media(max-width:1000px){.layout{grid-template-columns:245px minmax(0,1fr)}.header-inner{align-items:flex-start}.icon-button{display:block;border-radius:8px;border:1px solid #90bde7;color:#115ea3;background:#e1f1ff;padding:6px 12px;font-size:1.2rem}.topnav{display:none;position:absolute;top:55px;left:12px;right:12px;background:var(--paper);padding:15px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:40}.topnav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.topnav.open a{color:var(--text);padding:4px}.toolbar{top:58px}}
@media(max-width:750px){.layout{display:block;margin:12px auto;padding:0 10px}.sidebar{position:static;max-height:220px;margin-bottom:12px}.sidebar #chapterLinks{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter{padding:21px 16px}.chapter p,.chapter li{font-size:var(--prose)}.header-inner{padding:8px 10px}.toolbar{position:relative;top:auto}.chapter-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-bottom .mark-done{grid-column:1/-1;grid-row:1}.chapter-button{justify-content:center}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contents-title input{max-width:100%}}
@media(max-width:490px){.book-grid{grid-template-columns:1fr}.brand small{font-size:.65rem}.sidebar #chapterLinks{grid-template-columns:1fr}.footer-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.footer a{font-size:.73rem}.footer h2{font-size:.87rem}.footer-grid>div{gap:6px}.chapter h1{font-size:1.78rem}.chapter h2{font-size:1.35rem}.topnav.open{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.header,.toolbar,.sidebar,.footer,#backToTop,.chapter-bottom,.reflection-input,.reflection-label,.save-note,.storage-notice,.challenge-steps{display:none!important}.layout{display:block;max-width:none;margin:0;padding:0}.chapter{border:none;box-shadow:none;padding:0;color:black}.topic{break-inside:avoid}.chapter h1{break-before:page}.continuous .chapter h1{break-before:page}.challenge{border:1px solid #999;background:#fff}.topic p{max-width:none}a{text-decoration:none;color:black}}

/* Where the Mind’s Map Fades: responsive reader and clean footer/translator */
html{overflow-x:clip;max-width:100%;}body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;max-width:100%;position:relative;top:0!important;overflow-x:clip;}
body>.index-main,body>.layout,body>.continuous{flex:1 0 auto;width:100%;min-width:0;}body>.footer{margin-top:auto;flex-shrink:0;}
.header,.toolbar,.translate-box,.footer{max-width:100%;min-width:0}p,li,h1,h2,h3,a,button{overflow-wrap:break-word}img,svg,video,iframe{max-width:100%}textarea,input,select{min-width:0;max-width:100%}
.official-logo{display:block;width:clamp(124px,14vw,170px);height:auto;max-height:57px;object-fit:contain}.brand{flex:0 0 auto}.header-inner{align-items:center}
.book-hero{display:grid;grid-template-columns:minmax(190px,290px) minmax(0,1fr);gap:clamp(18px,4vw,48px);align-items:center;background:linear-gradient(125deg,#f9fbff,#ecf4ff 70%,#f2edff)}
.book-hero .cover-figure{margin:0;min-width:0}.cover-figure img{display:block;width:100%;height:auto;border-radius:9px;filter:drop-shadow(0 12px 14px rgba(2,21,46,.18))}.cover-figure figcaption{text-align:center;font-size:.8rem;color:var(--muted);padding-top:6px}.hero-copy{min-width:0}.book-hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;font-size:clamp(2.05rem,4.2vw,3.45rem);line-height:1.08}.book-hero .subtitle{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:500;color:#3d638a}.book-hero p{font-size:1.02rem}
.guide{font-family:Georgia,'Times New Roman',serif;line-height:1.8}.guide h2{font-size:clamp(1.3rem,2.7vw,1.7rem);color:#1a4e83}.guide p{font-size:1.07rem}
.chapter{font-family:Georgia,'Times New Roman',serif;line-height:1.85}.chapter h1,.chapter h2,.chapter h3{font-family:system-ui,-apple-system,sans-serif}.chapter .topic p{max-width:82ch}.chapter-opening,.chapter-closing{margin:22px 0;padding:18px 22px;border-block:1px solid var(--line);background:transparent}.chapter-opening h2,.chapter-closing h2{margin:0 0 10px;font-family:Georgia,'Times New Roman',serif!important;font-style:italic;color:#1c638c}.chapter-opening p,.chapter-closing p{font-size:var(--prose);line-height:1.8}.story-starter{background:transparent;border:0;border-left:3px solid var(--purple);padding:8px 16px;margin:16px 0;color:var(--muted);font-style:italic}.topic-number{font-family:system-ui,sans-serif;color:#5085b5}.topic{border-top:1px solid var(--line);padding-block:35px 19px}.topic h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.55rem,2.4vw,2rem)}.topic p{line-height:1.93}.chapter-kicker{font-family:system-ui,sans-serif}.challenge h2{font-family:Georgia,'Times New Roman',serif}
.continuous-header{display:flow-root;min-width:0}.continuous-header .continuous-cover{float:inline-start;width:min(25%,160px);height:auto;border-radius:8px;margin-inline-end:22px;margin-block-end:16px}.continuous-header h1{font:700 clamp(1.7rem,3.8vw,2.6rem)/1.15 Georgia,serif;color:#174e9d}.continuous .chapter h2.long-chapter-title{font-size:clamp(1.7rem,3vw,2.3rem);font-family:Georgia,serif}
.translate-box{width:min(94%,500px);padding:15px 17px;margin:8px auto;background:var(--paper);box-shadow:var(--shadow)}.translate-box label{display:block;font-weight:800;color:var(--skydeep);margin-bottom:6px}.translate-box select{display:block;width:100%;max-width:100%;padding:12px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--text)}.translate-status{display:block;font-size:.81rem;min-height:0;color:var(--muted)}.native-google-translator{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important}.native-google-translator select{width:1px!important;padding:0!important;border:0!important}
/* Google inserts an invisible page-shifting banner outside our translator; prevent this. */
body>.skiptranslate,body>.goog-te-banner-frame,body>.VIpgJd-ZVi9od-ORHb-OEVmcd,iframe.goog-te-banner-frame,#goog-gt-tt{display:none!important}body{top:0!important}.goog-te-banner-frame.skiptranslate{display:none!important}
.chapter-list-toggle{display:none}.night .chapter-opening h2,.night .chapter-closing h2,.night .guide h2,.night .continuous-header h1{color:#e1ebff}.night .story-starter{background:transparent;color:#dce8ef}.night .book-hero{background:#354e67}.night .book-hero .subtitle{color:#cde1fc}
[dir=rtl] .book-hero,[dir=rtl] .chapter,[dir=rtl] .continuous-header,[dir=rtl] .sidebar{text-align:start}[dir=rtl] .story-starter{border-left:0;border-right:3px solid var(--purple)}
@media(max-width:1050px){.header-inner{gap:8px}.official-logo{width:135px}.topnav{gap:7px}.topnav a{font-size:.75rem}}
@media(max-width:750px){.book-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.book-hero .cover-figure{width:min(75%,290px)}.book-hero .hero-copy{width:100%}.hero-buttons{justify-content:center}.layout{width:100%;max-width:100%;padding:0 10px}.sidebar{position:static;max-height:none;overflow:visible;padding:10px 13px}.chapter-list-toggle{display:block;width:100%;margin-top:8px;padding:9px;border:1px solid var(--line);background:var(--faint);border-radius:9px;color:var(--skydeep);font-weight:800}.sidebar #chapterLinks{display:none;max-height:53svh;overflow:auto;grid-template-columns:1fr}.sidebar #chapterLinks.open{display:grid}.sidebar #chapterSearch{display:block;width:100%;margin:8px 0}.chapter{padding:20px 15px}.chapter p{max-width:100%}.book-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.continuous{max-width:100%}.continuous-header .continuous-cover{width:100px}}
@media(max-width:490px){.book-hero{padding:18px 15px}.book-hero .cover-figure{width:min(75%,240px)}.book-hero h1{font-size:clamp(1.9rem,7.5vw,2.45rem)}.header-inner{padding:6px 10px}.official-logo{width:120px;max-height:44px}.topnav.open{left:6px;right:6px;max-height:65svh;overflow:auto}.toolbar{gap:5px;padding:6px 4px}.toolbar button{padding:6px 7px;font-size:.84rem}.chapter h1{font-size:1.77rem}.chapter .topic h2{font-size:1.45rem}.chapter-opening,.chapter-closing,.challenge{padding:13px 13px}.footer{padding-inline:9px}.footer-grid{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.footer a{font-size:.70rem}.chapter-bottom{grid-template-columns:1fr}.chapter-bottom .mark-done{grid-column:auto;grid-row:auto}.contents-title{display:block}.contents-title input{margin:12px 0}}
@media print{.cover-figure{display:none}.book-hero{display:block}.chapter-list-toggle,.translate-box{display:none!important}body{display:block;top:0!important}}
