:root{--ink:#182230;--muted:#647080;--accent:#245fe5;--accent-deep:#194ac1;--lavender:#e8effc;--peach:#e6f4f8;--paper:#f9fbff;--line:#dfe7f0;--radius:28px;--body:Inter,Arial,sans-serif;--heading:"Space Grotesk",Inter,Arial,sans-serif}

.teaching-model{margin:24px 0;padding:20px;border:1px solid #d8e3f6;border-radius:20px;background:#fff}
.teaching-model figcaption{font-size:13px;line-height:1.6;margin-top:16px;color:var(--muted)}
.triangle-model svg{width:100%;max-width:340px;height:auto;margin-inline:auto}
.fraction-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border:1px solid #d8e3f6;border-radius:12px;padding:4px;background:#f0f5ff}
.fraction-parts span{height:72px;border-radius:7px;background:#fff}
.fraction-parts .selected{background:linear-gradient(145deg,#2f6df0,#245fe5)}
.fraction-equivalence{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:20px;font-size:20px;line-height:1.4}
.fraction-equivalence>span{color:var(--muted)}
.support-checklist{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-top:48px;padding-top:40px;border-top:1px solid var(--line)}
.support-checklist .prompt-box{min-width:0;background:#fff}
.support-checklist .prompt-box blockquote{font-size:15px;line-height:1.9;letter-spacing:0}
@media(max-width:650px){.teaching-model{padding:16px}.fraction-parts span{height:52px}.fraction-equivalence{font-size:18px;gap:10px}}
@media(max-width:850px){.support-checklist{grid-template-columns:1fr;gap:24px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;font-family:var(--body);font-size:16px;line-height:1.75;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{margin:0 0 1.2em}h1,h2,h3,h4{font-family:var(--heading);font-weight:600;line-height:1.12;letter-spacing:-.055em;margin:0 0 .55em}h1{font-size:clamp(42px,5vw,64px)}h2{font-size:clamp(34px,4.1vw,53px)}h3{font-size:26px;letter-spacing:-.035em}h4{font-size:20px;letter-spacing:-.025em}figure{margin:0}figcaption{font-size:10px;line-height:1.65;color:var(--muted);margin-top:15px}ol,ul{padding-left:1.4em}[hidden]{display:none!important}::selection{background:#d7e0f2;color:var(--ink)}.shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}.section{padding-block:98px}.eyebrow,.mini-tag{font-size:10px;line-height:1.65;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--accent);margin-bottom:21px}.mini-tag{display:inline-block}.lead{font-size:19px;line-height:1.7;color:var(--muted)}.fine{font-size:11px;line-height:1.8;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;line-height:1.6;transition:color .2s}.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:14px 23px;border-radius:100px;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1.4;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s}.button svg{width:20px;height:22px;flex:none}.button-primary{background:var(--accent);color:#fff;box-shadow:0 5px 14px #245fe518,inset 0 1px 0 #ffffff25;border-color:#708bc1}.button-primary:after{content:"";position:absolute;top:0;left:-100%;height:100%;width:65%;background:linear-gradient(100deg,transparent,#ffffff28,transparent);transform:skewX(-18deg);transition:left .6s}.button-primary:hover:after{left:145%}.button-primary:hover{background:var(--accent-deep);box-shadow:0 10px 23px #245fe52a;transform:translateY(-2px)}.button-outline{border-color:#cfd5e2;background:#ffffff55}.button-outline:hover,.button-quiet:hover{background:#fff;box-shadow:0 7px 20px #4b526012;transform:translateY(-2px)}.button-quiet{border-color:#dbe1ec;background:#ffffff6e;color:var(--ink);backdrop-filter:blur(10px)}.button.compact{min-height:42px;padding:10px 18px;font-size:12px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin:27px 0 17px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7990bd;box-shadow:0 0 0 4px #7990bd10;margin-right:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-90px;left:20px;padding:12px 20px;background:#dfe6f3;z-index:100}.skip-link:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;pointer-events:none}.reading-progress span{display:block;height:100%;background:linear-gradient(90deg,#96adda,#637eb4);transform:scaleX(0);transform-origin:left}
.site-header{position:sticky;top:16px;z-index:40;margin:16px auto 0;width:min(1184px,calc(100% - 48px));border:1px solid #ffffffea;border-radius:100px;background:#ffffffad;backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 5px 23px #4c536006;transition:box-shadow .3s,background .3s}.site-header.is-scrolled{background:#fcfdfff0;box-shadow:0 8px 24px #4c53600d}.header-inner{width:calc(100% - 36px);height:63px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex:none;font-family:var(--heading);font-size:22px;font-weight:600;letter-spacing:-.055em;line-height:1}.brand img{width:30px;height:30px;flex:none}.brand-path{color:var(--accent);font-weight:600}.header-inner nav{display:flex;align-items:center;gap:30px}.header-inner nav a{font-size:12px;font-weight:550;color:#656b76;position:relative;padding-block:10px;transition:color .2s}.header-inner nav a:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:2px;border-radius:2px;background:#b6c4e1;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header-inner nav a:hover,.header-inner nav a[aria-current=page]{color:var(--accent-deep)}.header-inner nav a:hover:after,.header-inner nav a[aria-current=page]:after{transform:scaleX(1)}.menu-toggle{display:none;border:0;background:none;padding:12px;font-size:12px;font-weight:600}
.hero-stage{position:relative;isolation:isolate;padding:61px 0 35px;overflow:hidden}.hero-ambient{position:absolute;inset:-90px 0 0;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#f1f4fa 0,transparent 66%)}.hero-ambient>span{position:absolute;border-radius:50%;filter:blur(65px);opacity:.45;will-change:transform}.ambient-one{height:480px;width:700px;background:#bfd4f5;left:calc(50% - 350px);top:128px;animation:ambient-drift 18s ease-in-out infinite}.ambient-two{height:360px;width:400px;background:#d5edf4;right:10%;top:235px;animation:ambient-drift 23s ease-in-out infinite reverse}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#909db806 1px,transparent 1px),linear-gradient(90deg,#909db806 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,#000,transparent 69%)}.hero-center{text-align:center;position:relative;z-index:2;max-width:970px}.hero-pill{display:inline-flex;align-items:center;gap:10px;font-size:10px;padding:7px 14px;border-radius:100px;border:1px solid #dce1ec;background:#ffffff75;box-shadow:inset 0 1px 0 #fff,0 2px 5px #69738608;margin:0 0 25px;color:#697285}.hero-pill>span:last-child{color:#8897b6;font-size:13px;margin-left:4px}.hero-center .eyebrow{font-size:9px;margin:0 0 16px;letter-spacing:.15em}.hero-center h1{font-size:clamp(64px,7.2vw,92px);font-weight:500;line-height:1.02;letter-spacing:-.068em;margin-bottom:26px}.gradient-text{background:linear-gradient(110deg,#1c4fb1 8%,#3a76d9 50%,#2263d3 95%);color:#3a76d9;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.hero-center .lead{max-width:575px;margin:0 auto 28px;font-size:16px;color:#545b69;line-height:1.75}.hero-center .button-row{justify-content:center;gap:12px;margin:0 0 20px}.hero-center .fine{font-size:10px;color:#5d6676;margin-bottom:0}.hero-orbit{position:absolute;inset:0;z-index:0;pointer-events:none;max-width:1500px;margin:auto}.orbit-ring{position:absolute;border:1px solid #a6b3cc18;border-radius:50%;left:50%;top:65px;transform:translateX(-50%) rotate(-11deg);width:1170px;height:480px}.ring-two{width:1000px;height:600px;top:5px;transform:translateX(-50%) rotate(12deg);border-color:#a6b3cc0b}.orbit-object{position:absolute;border:1px solid #ffffffdb;border-radius:26px;background:#ffffff7c;backdrop-filter:blur(14px);box-shadow:0 16px 42px #616a7b13,inset 0 1px 0 #fff;color:#8b9ab9;animation:object-float 8s ease-in-out infinite;--rotate:-13deg}.orbit-math{left:4%;top:188px;width:130px;padding:24px 22px;--rotate:-14deg}.orbit-math>span{display:block;font-family:var(--heading);font-size:47px;font-weight:500;line-height:1.1;margin-bottom:17px}.orbit-line{display:block;height:4px;border-radius:5px;width:80%;background:#d2d9e8;margin-top:7px}.orbit-line.short{width:52%}.orbit-atom{right:3.8%;top:253px;width:123px;height:123px;padding:14px;background:#e0e6f275;--rotate:12deg;animation-delay:-3s}.orbit-writing{left:13%;top:450px;width:106px;padding:23px;--rotate:9deg;animation-delay:-2s}.orbit-writing>span{font-family:var(--heading);font-size:34px;font-weight:500;line-height:1}.orbit-writing .orbit-line{width:100%;margin-top:17px}.orbit-spark{right:12%;top:101px;width:72px;height:72px;padding:18px;border-radius:24px;background:#dceef491;color:#8cb0bc;--rotate:-12deg;animation-delay:-5s}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#b6c3dd;box-shadow:0 0 0 6px #cdd6e80c}.dot-one{left:25%;top:80px}.dot-two{right:20%;top:470px;width:5px;height:5px;background:#aac9d3}.hero-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #ffffff;border-radius:22px;background:#ffffffa6;backdrop-filter:blur(16px);box-shadow:0 10px 45px #575f6f05;margin-top:59px;max-width:940px}.hero-path>.hero-benefit{display:flex;align-items:center;gap:14px;padding:22px 24px;transition:background .25s}.hero-path>.hero-benefit:first-child{border-radius:22px 0 0 22px}.hero-path>.hero-benefit:last-child{border-radius:0 22px 22px 0}.hero-path>.hero-benefit:not(:last-child){border-right:1px solid #e1e6ef73}.path-icon{flex:none;display:grid;place-items:center;width:35px;height:35px;border:1px solid #e5eaf4;border-radius:12px;background:#eef2f9;color:#858e9f;font-family:var(--heading);font-size:21px}.hero-path strong{display:block;font-size:11px;font-weight:600;line-height:1.5}.hero-path small{display:block;font-size:9px;color:#666d7d;line-height:1.6;margin-top:3px}
.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:start;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-intro{font-size:14px;color:var(--muted);max-width:480px;padding-top:7px;margin:0}.section-intro p:last-child{margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.split>*,.section-heading>*,.page-hero-grid>*{min-width:0}.split p:not(.eyebrow):not(.fine):not(.lead){font-size:14px;color:var(--muted)}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.section-link{margin-top:31px}.feature-bento{display:grid;grid-template-columns:1.14fr 1fr;grid-template-rows:1fr 1fr;gap:20px}.bento-main{grid-row:span 2;position:relative;overflow:hidden;padding:38px;border:1px solid #e3e8f2;border-radius:32px;display:flex;flex-direction:column;background:linear-gradient(135deg,#f2f6fd,#e5eaf4);min-height:534px;isolation:isolate}.bento-main>div{position:relative;z-index:2;max-width:350px}.bento-main h3{font-size:33px;margin:17px 0 18px}.bento-main p{font-size:13px;max-width:300px;color:#747e92}.bento-main .text-link{font-size:12px}.bento-main>img{position:absolute;bottom:-42px;right:-50px;width:370px;height:296px;object-fit:contain;transform:rotate(5deg);transition:transform .6s}.bento-main:hover>img{transform:rotate(1deg) translateY(-7px)}.asset-caption{position:absolute;bottom:18px;left:38px;z-index:2;font-size:8px;color:#969fb1}.bento-small{position:relative;overflow:hidden;isolation:isolate;border:1px solid #e3e8f2;border-radius:32px;padding:30px 34px;display:grid;grid-template-columns:1fr auto;align-content:start}.violet-card{background:linear-gradient(135deg,#e8edf8,#f2f5fb)}.peach-card{background:linear-gradient(135deg,#e4f2f7,#eff8fb);border-color:#d8e7ec}.bento-small h3{grid-column:1;font-size:27px;margin:16px 0 15px}.bento-small p{grid-column:1/-1;font-size:13px;max-width:345px;margin-bottom:17px;color:#747e92}.peach-card p{color:#6d848b}.bento-small .text-link{grid-column:1/-1;font-size:12px}.bento-icon{grid-column:2;grid-row:1/3;margin-left:20px;width:44px;height:44px;display:grid;place-items:center;font-family:var(--heading);font-size:26px;background:#ffffff80;color:#858e9f;border:1px solid #ffffffcc;border-radius:17px;box-shadow:0 5px 16px #656e8008}.peach-card .bento-icon{color:#7f949b}.soft-band{background:linear-gradient(120deg,#f1f3f8,#f6f8fb);border-block:1px solid #e9ecf3}.blue-band{background:linear-gradient(130deg,#ebeff6,#f0f3f8);border-block:1px solid #e3e7f0}.dark-band{background:#252a36;color:#fafbfe;position:relative;overflow:hidden}.dark-band:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 10% 0,#5a627325,transparent 65%);pointer-events:none}.dark-band>.shell{position:relative}.dark-band .eyebrow{color:#a8b7d6}.dark-band .lead,.dark-band .section-intro,.dark-band .fine,.dark-band .split p:not(.eyebrow):not(.fine):not(.lead){color:#a9b1c1}.dark-band .text-link:hover{color:#bfcde8}.rounded-photo{position:relative;padding:12px;border:1px solid #e0e5ef;background:#ffffff75;border-radius:32px;box-shadow:0 18px 55px #4d546209;transform:rotate(-2deg)}.rounded-photo img{width:100%;height:430px;object-fit:cover;border-radius:22px}.rounded-photo figcaption{padding:0 10px 4px;font-size:9px}.media-split h2{margin-bottom:25px}.response-cards article{border:1px solid var(--line);border-radius:28px;padding:30px;background:#ffffffab;position:relative;isolation:isolate;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}.response-cards article:hover{border-color:#c4cfe4;box-shadow:0 15px 35px #5860700c;transform:translateY(-4px)}.response-cards h3{font-size:25px;margin-top:26px}.response-cards p{font-size:13px;color:var(--muted)}.response-cards p:last-child{margin-bottom:0}.mode-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:#e8edf6;color:#8790a1;font-family:var(--heading);font-size:26px}.response-cards article:nth-child(2) .mode-icon{background:#dfeff4;color:#798f96}
.example-tabs{display:inline-flex;gap:6px;padding:5px;border:1px solid #646c7b4d;background:#ffffff06;border-radius:100px;margin-bottom:27px}.example-tabs button{border:0;border-radius:100px;background:none;color:#b2bacb;font-size:12px;font-weight:600;padding:9px 21px;transition:background .25s,color .25s}.example-tabs button[aria-selected=true]{background:#d5deef;color:#333b4b;box-shadow:0 3px 10px #0000000a}.worked-example{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid #dee3ed;border-radius:30px;overflow:hidden;background:#fdfeff;color:var(--ink);box-shadow:0 16px 48px #2f374509}.example-question{padding:36px 39px;background:linear-gradient(130deg,#ebeff6,#f2f5fb)}.example-question h3{font-size:25px;line-height:1.32;margin:24px 0}.example-diagram{width:100%;height:215px;object-fit:contain;margin:20px 0}.example-answer{display:flex;align-items:center;gap:20px;margin:24px 0 10px}.example-answer>span{font-size:9px;font-weight:700;letter-spacing:.1em;color:#818a9c}.example-answer strong{font-size:26px;font-family:var(--heading);font-weight:500;line-height:1.3}.example-question .fine{color:#848c9d}.example-working{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:27px;padding:36px 39px;margin:0}.example-working li{display:flex;gap:18px}.step-number{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:10px;background:#e7ecf7;color:#838c9e;font-size:11px;font-weight:600}.example-working h4{margin:2px 0 10px}.example-working p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.example-footnote{font-size:13px;color:#a9b1c1;max-width:840px;margin:28px 0 0}.topic-card{display:flex;flex-direction:column;overflow:hidden;isolation:isolate;position:relative;border:1px solid var(--line);border-radius:27px;background:#ffffffbd;transition:transform .35s,box-shadow .35s,border-color .35s}.topic-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #4a515e0d;border-color:#c6cfe2}.card-media{height:215px;background:linear-gradient(140deg,#f1f4fa,#ebeff6);overflow:hidden;position:relative;display:grid;place-items:center}.card-media img{height:100%;width:100%;object-fit:contain;transition:transform .6s}.topic-card:hover .card-media img{transform:scale(1.035)}.card-media img[src$="desk.webp"],.card-media img[src$="student.webp"]{object-fit:cover}.card-arrow{position:absolute;right:16px;top:16px;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:16px;background:#ffffffa1;border:1px solid #fff;color:#7f889a;backdrop-filter:blur(10px);transition:transform .35s,background .35s}.topic-card:hover .card-arrow{transform:rotate(45deg);background:#fff}.card-body{padding:27px;display:flex;flex-direction:column;flex:1}.card-body .eyebrow{font-size:9px;margin-bottom:11px}.card-body h3{font-size:23px;margin-bottom:14px}.card-body p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:25px}.card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:11px;font-weight:600;color:#788295}.subject-feature{padding-block:100px}.diagram-frame{border:1px solid #dfe4ee;border-radius:30px;background:linear-gradient(135deg,#f4f7fc,#e7ecf6);padding:20px;box-shadow:0 20px 65px #535a6912;transform:rotate(2deg)}.diagram-frame img{width:100%;height:auto;border-radius:20px}.diagram-frame figcaption{padding-inline:18px;margin-bottom:4px}.link-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.link-pills a{border:1px solid #d2d9e6;background:#ffffff40;border-radius:100px;padding:9px 15px;font-size:11px;color:#6f798e;transition:background .2s,transform .2s}.link-pills a:hover{background:#fff;transform:translateY(-2px)}.science-figure{border-radius:35px;background:radial-gradient(ellipse,#e7ecf7,transparent 65%);padding:20px}.science-figure img{width:100%;max-height:480px;object-fit:contain}.science-figure figcaption{text-align:center}.learning-art{border-radius:35px;background:linear-gradient(130deg,#e7ecf6,#f1f4fa);border:1px solid #dbe1ee;padding:20px;box-shadow:0 20px 55px #60687a0c;transform:rotate(-2deg)}.learning-art img{width:100%;height:auto;max-height:440px;object-fit:contain}.learning-art figcaption{text-align:center;margin:10px 0 2px;font-size:9px}.dark-band .learning-art{background:linear-gradient(130deg,#ecf0f8,#e3e8f3);border-color:#e3eaf7;box-shadow:0 25px 65px #00000014}.dark-band .learning-art figcaption{color:#7c8698}.planner-demo{background:linear-gradient(140deg,#ecf1fa,#f5f7fb);border:1px solid #dfe4ef;border-radius:32px;padding:38px;box-shadow:0 16px 40px #4c536107}.planner-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.planner-top>span:last-child{background:#ffffffab;display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff;border-radius:14px;font-size:22px;color:#8c99b4}.planner-demo h3{font-size:30px}.planner-demo ol{list-style:none;margin:27px 0;padding:0}.planner-demo li{display:flex;align-items:center;gap:14px;background:#ffffffba;border:1px solid #ffffff;border-radius:17px;padding:18px;margin-bottom:12px;box-shadow:0 5px 12px #4f566405;transition:transform .3s}.planner-demo li:hover{transform:translateX(4px)}.demo-check{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#e7ecf7;flex:none;font-size:10px;color:#8897b5}.planner-demo li strong{font-size:11px;font-weight:600}.planner-demo li p{font-size:14px;line-height:1.5;margin:5px 0 0}.planner-demo li>span:last-child{font-size:8px;color:#a0a9bb;margin-left:auto}.method-grid{list-style:none;padding:0;display:grid;gap:33px;margin:43px 0 0}.method-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.method-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.method-grid li{border-top:1px solid #d4dae6;padding-top:27px}.index{display:inline-grid;place-items:center;width:40px;height:40px;background:#e5eaf5;color:#868fa0;border:1px solid #d8e0ef;border-radius:13px;font-family:var(--heading);font-size:16px;font-weight:500;margin-bottom:23px}.method-grid h3{font-size:22px}.method-grid p{font-size:13px;color:var(--muted)}.clarity-section{border-block:1px solid var(--line)}.clarity-section .lead{font-size:22px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.faq-section>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;cursor:pointer;font-size:14px;font-weight:550;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;font-size:20px;font-weight:400;background:#e7ecf6;color:#8d9bb6;transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.9;color:var(--muted);padding-right:25px}.journal-callout{display:grid;grid-template-columns:.9fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--line)}.journal-callout figure{padding:10px;border:1px solid #e0e5ef;border-radius:30px;background:#ffffffaa;transform:rotate(-2deg)}.journal-callout figure img{height:370px;width:100%;object-fit:cover;object-position:center 32%;border-radius:21px}.journal-callout p:not(.eyebrow){font-size:13px;color:var(--muted)}.bottom-cta{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#60687a,#737d91 63%,#7e90b4);color:#fff;border-radius:40px;padding:62px 66px;display:grid;grid-template-columns:1.6fr .8fr;gap:75px;align-items:center;margin-block:40px 105px;box-shadow:0 18px 55px #616a7b14;border:1px solid #858d9f}.bottom-cta:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 10% 0,#ffffff12,transparent 70%)}.bottom-cta h2{font-size:clamp(35px,4vw,51px);font-weight:500}.bottom-cta .eyebrow{color:#c9d4e9}.bottom-cta p:not(.eyebrow):not(.fine){font-size:14px;max-width:530px;color:#dbe2f0}.bottom-cta .button-primary{background:#fff;color:#6a7487;border-color:#fff;box-shadow:0 5px 20px #2d344215}.bottom-cta .button-primary:hover{background:#eff3fc}.bottom-cta .fine{color:#c3cee3;margin:18px 0 0;font-size:10px}.cta-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(10deg)}.cta-art span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #ffffff35;border-radius:28px;background:#ffffff12;color:#f1f5fd;backdrop-filter:blur(15px);box-shadow:0 8px 22px #2b323f10;font-family:var(--heading);font-size:65px;font-weight:500;line-height:1}.cta-art span:nth-child(2){background:#dee6f6;color:#8897b5}.cta-art span:nth-child(3){background:#d8e9ee;color:#80949b}.site-footer{background:#f0f2f7;border-top:1px solid #e2e6ef;padding:70px 0 26px}.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:55px}.footer-about>p{font-size:14px;color:var(--muted);margin:25px 0 15px}.footer-about>.fine{font-size:10px;margin:0 0 23px}.footer-top h2{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:0;margin:5px 0 24px}.footer-top>div>a:not(.brand){display:block;font-size:11px;color:#767f90;margin-bottom:12px}.footer-top a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:55px;padding-top:25px;font-size:9px;color:#878fa0}.footer-bottom p{margin:0}.footer-bottom>div{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.page-hero{padding-block:33px 80px}.breadcrumbs{display:flex;gap:12px;font-size:10px;color:#959dad;margin-bottom:43px}.breadcrumbs a:hover{color:var(--accent)}.page-hero-grid{display:grid;grid-template-columns:1.15fr .9fr;gap:80px;align-items:center}.page-hero h1{font-size:clamp(40px,4.6vw,59px);font-weight:500;line-height:1.1;max-width:650px}.page-hero .lead{font-size:16px;max-width:550px;margin-top:27px}.page-visual{border:1px solid #dfe4ee;border-radius:33px;background:linear-gradient(130deg,#ebf0f9,#f4f6fb);padding:22px;min-height:360px;box-shadow:0 20px 65px #616a7c0c;transform:rotate(2deg);position:relative}.page-visual>img{height:auto;max-height:385px;width:100%;object-fit:contain;border-radius:22px}.page-visual figcaption{font-size:9px;text-align:center;margin-top:14px}.photo-visual{padding:10px;background:#fff;transform:rotate(-2deg)}.photo-visual>img{width:100%;height:365px;object-fit:cover}.photo-visual figcaption{margin:14px 5px 3px}.legal-hero .page-hero-grid{display:block;max-width:800px}.legal-hero{padding-bottom:35px}.example-detail{border-top:1px solid var(--line)}.reading-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:95px;padding-block:95px}.contents{position:sticky;top:117px;align-self:start}.contents ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.contents li{border-bottom:1px solid var(--line)}.contents li a{display:block;font-size:11px;line-height:1.7;color:#767f90;padding:14px 0;transition:color .2s}.contents li a:hover,.contents li a.is-active{color:var(--accent-deep)}.aside-note{border:1px solid #dee3ed;border-radius:24px;background:linear-gradient(130deg,#ecf0f8,#f5f7fc);padding:27px;margin-top:30px}.aside-note h3{font-size:22px;margin-top:25px}.aside-note p{font-size:11px;color:#838c9e}.aside-note .text-link{font-size:11px}.reading-content{max-width:720px}.reading-content section{margin-bottom:47px}.reading-content section:last-child{margin-bottom:0}.reading-content h2{font-size:32px;line-height:1.22;letter-spacing:-.04em;margin-bottom:24px}.reading-content p{font-size:15px;line-height:1.9;color:var(--muted)}.prompt-section{border-top:1px solid var(--line)}.prompt-box{padding:38px;border:1px solid #dce2ee;border-radius:30px;background:linear-gradient(130deg,#e9eef8,#f1f3f9);box-shadow:0 14px 45px #4e638c08;transform:rotate(1deg)}.prompt-box .mini-tag{color:#929eb7;margin-bottom:22px;font-size:9px}.prompt-box blockquote{font-family:var(--heading);font-size:24px;line-height:1.5;font-weight:500;letter-spacing:-.03em;margin:0 0 31px}.copy-status{display:block;min-height:22px;margin-top:13px;font-size:11px;color:#7c8598}.answer-checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:25px 65px;padding:0;margin:40px 0 0}.answer-checks li{display:flex;gap:17px;font-size:14px;color:#cfd6e4}.answer-checks li span{color:#9cadcf;font-size:19px;line-height:1.3}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 31px}.filter-bar button{background:#ffffff70;border:1px solid var(--line);border-radius:100px;padding:10px 21px;font-size:11px;font-weight:550;transition:background .2s,color .2s}.filter-bar button.active{background:#6a7fa9;color:#fff;border-color:#6a7fa9;box-shadow:0 5px 14px #69738619}.hub-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.hub-intro p{font-size:14px;color:var(--muted)}.plain-card{border:1px solid var(--line);border-radius:28px;padding:30px;background:#ffffff88}.plain-card p{font-size:13px;color:var(--muted)}.journal-empty{border:1px solid #dce2ed;border-radius:33px;background:linear-gradient(130deg,#e8edf7,#f1f4fa);padding:45px;display:grid;grid-template-columns:.85fr 1fr;gap:60px;align-items:center}.journal-empty>figure img{width:100%;height:330px;object-fit:contain;border-radius:23px}.journal-empty h2{font-size:40px}.journal-empty p:not(.eyebrow){font-size:14px;color:var(--muted)}.not-found{padding-block:100px 140px}.not-found h1{font-size:65px}
@keyframes object-float{0%,100%{transform:translateY(0) rotate(var(--rotate))}50%{transform:translateY(-12px) rotate(calc(var(--rotate) + 3deg))}}
@keyframes ambient-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(32px,-18px,0) scale(1.08)}}
@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s cubic-bezier(.2,.65,.3,1),transform .8s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}.spotlight-card:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffffa0,transparent 75%);opacity:0;transition:opacity .35s}.spotlight-card:hover:after{opacity:1}.hero-center{animation:hero-enter .9s both}.hero-path{animation:hero-enter 1s .15s both}@keyframes hero-enter{from{opacity:1;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1120px){.hero-orbit .orbit-object{opacity:.7}.orbit-math{left:2%;width:105px;padding:19px;top:158px}.orbit-math>span{font-size:39px}.orbit-atom{right:2%;width:95px;height:95px;top:286px}.hero-center h1{font-size:78px}.shell{width:calc(100% - 60px)}.split,.page-hero-grid,.section-heading{gap:55px}.footer-top{gap:35px}.bottom-cta{padding:50px;gap:45px}.reading-layout{grid-template-columns:235px minmax(0,1fr);gap:65px}.hero-path{max-width:900px}.hero-path>.hero-benefit{padding:21px 19px}.bento-main>img{width:340px;right:-64px;bottom:-30px}}
@media(max-width:850px){.shell{width:calc(100% - 44px)}.section{padding-block:72px}.site-header{width:calc(100% - 32px);top:12px;margin-top:12px}.header-inner{height:60px;width:calc(100% - 28px);gap:14px}.brand{font-size:20px}.brand img{width:28px;height:28px}.menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto}.header-inner nav{display:none;position:absolute;top:70px;left:0;right:0;border:1px solid #dce1eb;border-radius:25px;background:#fcfdffee;backdrop-filter:blur(20px);padding:16px 23px;box-shadow:0 14px 35px #50576610}.header-inner nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header-inner nav a{font-size:15px;padding:12px 3px}.header-inner nav a:after{display:none}.hero-stage{padding-top:48px}.hero-center h1{font-size:65px}.hero-center .lead{max-width:530px;font-size:15px}.hero-orbit .orbit-object{display:none}.hero-path>.hero-benefit{padding:18px 15px;gap:11px}.hero-path strong{font-size:10px}.hero-path small{font-size:8px}.path-icon{width:29px;height:29px;font-size:18px;border-radius:10px}.hero-path{margin-top:47px}.section-heading,.split,.faq-section{gap:38px}.section-heading h2{font-size:40px}.three-grid{gap:17px}.feature-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento-main{grid-column:span 2;grid-row:1;min-height:350px;padding:34px 40px}.bento-main>div{max-width:380px}.bento-main>img{right:-7px;bottom:6px;width:330px;height:264px;opacity:.95}.bento-main h3{font-size:31px}.bento-main p{max-width:295px}.bento-main .asset-caption{left:40px;bottom:19px}.bento-small{padding:27px;display:block}.bento-icon{float:right;margin-left:10px;width:41px;height:41px;font-size:25px}.bento-small h3{margin-top:23px;clear:both;font-size:25px}.bento-small p{font-size:12px}.response-cards article{padding:23px}.response-cards h3{font-size:22px}.response-cards p{font-size:12px}.rounded-photo img{height:380px}.example-question,.example-working{padding:28px}.example-question h3{font-size:23px}.example-working{gap:23px}.example-working li{gap:13px}.example-working h4{font-size:18px}.example-working p{font-size:12px}.card-media{height:175px}.card-body{padding:21px}.card-body h3{font-size:21px}.card-body p:not(.eyebrow){font-size:12px}.planner-demo{padding:27px}.planner-demo li{padding:14px;gap:10px}.planner-demo li>span:last-child{display:none}.method-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.method-grid{gap:26px}.method-grid h3{font-size:21px}.method-grid p{font-size:12px}.footer-top{grid-template-columns:1.4fr 1fr;gap:40px}.page-hero-grid{gap:38px}.page-hero h1{font-size:43px}.page-hero .lead{font-size:15px}.page-visual{min-height:290px;padding:16px}.photo-visual{padding:10px}.photo-visual>img{height:315px}.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:43px;padding-block:70px}.reading-content h2{font-size:29px}.contents li a{font-size:10px}.aside-note{padding:21px}.aside-note h3{font-size:21px}.prompt-box{padding:29px}.prompt-box blockquote{font-size:22px}.bottom-cta{padding:42px;gap:35px}.cta-art span{font-size:48px;border-radius:22px}.journal-empty{padding:32px;gap:35px}.journal-empty h2{font-size:34px}.journal-callout{gap:40px}.journal-callout figure img{height:320px}.hub-intro{gap:50px}}
@media(max-width:650px){.shell{width:calc(100% - 40px)}body{font-size:15px}.site-header{width:calc(100% - 24px);top:10px;margin-top:10px}.header-inner{height:57px;width:calc(100% - 28px)}.header-inner>.button{display:none}.brand{font-size:20px}.brand img{width:27px;height:27px}.header-inner nav{top:65px}.section{padding-block:58px}.hero-stage{padding-top:42px;padding-bottom:19px}.hero-pill{font-size:9px;margin-bottom:22px;padding:7px 13px}.hero-center .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:15px}.hero-center h1{font-size:clamp(45px,11.6vw,65px);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin-bottom:24px}.gradient-text{white-space:normal}.hero-center .lead{font-size:14px;max-width:410px;line-height:1.8;margin-bottom:26px}.hero-center .button-row{gap:9px;margin-bottom:18px}.hero-center .button{font-size:11px;min-height:49px;padding:12px 18px;gap:9px}.hero-center .button svg{width:17px;height:19px}.hero-center .fine{font-size:8px;max-width:300px;margin:auto}.hero-ambient{inset:-80px -30px 0}.ambient-one{width:500px;left:calc(50% - 250px);top:100px;opacity:.43}.ambient-two{width:300px;top:240px;right:-80px;opacity:.26}.hero-orbit .orbit-ring{width:760px;height:480px;top:34px}.hero-orbit .dot-one{top:40px;left:12%;width:4px;height:4px}.hero-orbit .dot-two{right:10%;top:289px;width:4px;height:4px}.hero-path{grid-template-columns:1fr;border-radius:21px;margin-top:38px;max-width:430px}.hero-path>.hero-benefit{gap:14px;padding:15px 20px}.hero-path>.hero-benefit:not(:last-child){border-right:0;border-bottom:1px solid #e1e5ee6b}.hero-path>.hero-benefit:first-child{border-radius:21px 21px 0 0}.hero-path>.hero-benefit:last-child{border-radius:0 0 21px 21px}.path-icon{width:32px;height:32px;border-radius:11px;font-size:20px}.hero-path strong{font-size:11px}.hero-path small{font-size:9px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:clamp(32px,8.8vw,43px);margin-bottom:24px}h2{font-size:clamp(32px,8.8vw,43px)}.section-intro{max-width:none;font-size:13px;padding-top:0}.split{display:flex;flex-direction:column;align-items:stretch;gap:35px}.media-split>figure,.subject-feature>figure{order:2}.media-split>div,.subject-feature>div{order:1}.three-grid{grid-template-columns:1fr;gap:23px}.feature-bento{grid-template-columns:1fr}.bento-main{grid-column:1;grid-row:auto;min-height:480px;padding:29px}.bento-main h3{font-size:32px}.bento-main p{font-size:13px;max-width:275px}.bento-main>img{width:300px;height:240px;right:-43px;bottom:-30px;opacity:1}.bento-main .asset-caption{left:29px;bottom:17px;font-size:7px}.bento-small{padding:29px}.bento-small h3{font-size:27px}.bento-small p{font-size:13px;max-width:none}.bento-small .text-link{font-size:12px}.rounded-photo{padding:9px;transform:rotate(-1deg);border-radius:27px}.rounded-photo img{height:290px;border-radius:19px}.rounded-photo figcaption{font-size:8px}.response-cards article{padding:28px}.response-cards h3{font-size:25px}.response-cards p{font-size:13px}.mode-icon{width:43px;height:43px;border-radius:15px;font-size:25px}.example-tabs{margin-bottom:23px}.example-tabs button{font-size:11px;padding:9px 18px}.worked-example{grid-template-columns:1fr;border-radius:25px}.example-question,.example-working{padding:28px}.example-question h3{font-size:24px}.example-working{gap:26px}.example-working h4{font-size:20px}.example-working p{font-size:13px}.example-diagram{height:210px}.example-answer strong{font-size:26px}.example-footnote{font-size:12px}.card-media{height:220px}.card-body{padding:27px}.card-body h3{font-size:25px}.card-body p:not(.eyebrow){font-size:13px}.card-link{font-size:12px}.subject-feature{padding-block:58px}.split p:not(.eyebrow):not(.fine):not(.lead){font-size:13px}.split .lead{font-size:17px}.diagram-frame{padding:11px;border-radius:27px;transform:rotate(1deg)}.diagram-frame figcaption{font-size:9px;margin-top:12px}.science-figure{padding:8px}.science-figure img{max-height:340px}.science-figure figcaption{font-size:9px}.learning-art{padding:16px;border-radius:29px;transform:rotate(-1deg)}.learning-art img{max-height:340px}.learning-art figcaption{font-size:8px;margin-top:13px}.planner-demo{padding:28px}.planner-demo h3{font-size:28px}.planner-demo li{padding:16px;gap:12px}.planner-demo li strong{font-size:12px}.planner-demo li p{font-size:14px}.method-grid.three,.method-grid.four{grid-template-columns:1fr;gap:25px;margin-top:33px}.method-grid li{display:grid;grid-template-columns:40px 1fr;gap:0 19px}.method-grid .index{grid-column:1;grid-row:1/3;margin:0}.method-grid h3{grid-column:2;font-size:22px;margin-top:2px}.method-grid p{grid-column:2;font-size:13px;margin-bottom:0}.clarity-section .lead{font-size:20px}.faq-section{display:block}.faq-section>div>p:not(.eyebrow){font-size:12px}.faq-list{margin-top:27px}.faq-list summary{font-size:13px;padding:23px 0}.faq-list details p{font-size:12px;padding-right:15px}.journal-callout{display:flex;flex-direction:column;gap:32px}.journal-callout figure{width:100%;order:2;transform:rotate(-1deg)}.journal-callout figure img{height:320px}.journal-callout p:not(.eyebrow){font-size:13px}.bottom-cta{display:flex;flex-direction:column;align-items:stretch;gap:37px;padding:35px 29px;border-radius:31px;margin-block:27px 70px}.bottom-cta h2{font-size:35px}.bottom-cta p:not(.eyebrow):not(.fine){font-size:13px}.bottom-cta .fine{font-size:8px}.bottom-cta .button{font-size:12px;min-height:49px;padding:12px 19px}.cta-art{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;transform:rotate(0)}.cta-art span{font-size:32px;border-radius:15px}.site-footer{padding-top:52px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-about{grid-column:1/-1}.footer-top>div>a:not(.brand){font-size:10px}.footer-top h2{font-size:10px}.footer-bottom{flex-direction:column;gap:16px;margin-top:37px;font-size:8px}.page-hero{padding-block:26px 58px}.breadcrumbs{font-size:9px;margin-bottom:33px}.page-hero-grid{display:block}.page-hero h1{font-size:clamp(36px,9.7vw,49px);margin-bottom:23px}.page-hero .lead{font-size:15px;margin-top:0}.page-hero .button-row{gap:21px}.page-hero .button{font-size:12px;min-height:49px;padding:12px 19px}.page-hero .text-link{font-size:11px}.page-hero .fine{font-size:9px}.page-visual{margin:33px 3px 0;min-height:260px;padding:16px;transform:rotate(1deg);border-radius:29px}.page-visual>img{height:auto;max-height:330px}.page-visual figcaption{font-size:8px}.photo-visual{padding:9px;transform:rotate(-1deg)}.photo-visual>img{height:295px;object-fit:cover}.reading-layout{display:block;padding-block:55px}.contents{position:static;margin-bottom:45px}.contents ol{display:flex;flex-wrap:wrap;gap:8px;border:0}.contents li{border:0}.contents li a{padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff6e;font-size:9px}.aside-note{display:none}.reading-content h2{font-size:29px}.reading-content p{font-size:14px;line-height:1.9}.reading-content section{margin-bottom:41px}.prompt-box{padding:28px;transform:rotate(0);border-radius:27px}.prompt-box blockquote{font-size:22px}.answer-checks{grid-template-columns:1fr;gap:23px}.answer-checks li{font-size:13px}.filter-bar{gap:7px}.filter-bar button{font-size:10px;padding:9px 15px}.hub-intro{display:block}.hub-intro h2{margin-bottom:29px}.hub-intro p{font-size:13px}.plain-card{padding:28px}.plain-card p{font-size:13px}.journal-empty{display:flex;flex-direction:column;padding:29px;gap:30px;border-radius:29px}.journal-empty figure{width:100%;order:2}.journal-empty figure img{height:245px}.journal-empty h2{font-size:33px}.journal-empty p:not(.eyebrow){font-size:13px}.not-found{padding-block:70px 100px}.not-found h1{font-size:45px}}
@media(max-width:359px){.shell{width:calc(100% - 32px)}.hero-pill{font-size:8px;padding:7px 12px}.hero-center h1{font-size:42px}.hero-center .button-row{gap:8px;flex-direction:column}.hero-center .button{min-width:194px}.hero-center .lead{font-size:13px}.hero-stage{padding-top:35px}.hero-path>.hero-benefit{padding:14px 17px}.brand{font-size:19px}.brand img{width:25px;height:25px}.page-hero .button-row{gap:16px}.page-hero .button{padding:12px 17px;font-size:11px}.page-hero .text-link{font-size:10px}.bottom-cta{padding:31px 25px}.bottom-cta h2{font-size:32px}.bento-main{padding:27px;min-height:487px}.bento-main h3{font-size:29px}.bento-main>img{width:280px;right:-60px}.bento-main .asset-caption{font-size:7px;left:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.hero-ambient>span{will-change:auto}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.tilt-surface{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(1deg);transition:transform .4s cubic-bezier(.2,.6,.3,1)}}
@media print{body{background:#fff;color:#182230}.site-header,.hero-ambient,.hero-orbit,.reading-progress,.menu-toggle,.button-row,.copy-prompt,.site-footer{display:none!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.hero-center,.hero-path{animation:none!important}.contents{position:static}.dark-band{background:#fff;color:#182230}.dark-band p,.dark-band .section-intro,.dark-band .eyebrow{color:#647080}.shell{width:100%}.section{padding-block:30px}.topic-card,.worked-example,.reading-content section{break-inside:avoid}.page-visual,.learning-art,.diagram-frame{transform:none!important;box-shadow:none}}

/* Palette-specific contrast and neutral surfaces. */
.hero-ambient{background:radial-gradient(ellipse at 50% 10%,#f9fbff,transparent 66%)}.hero-center .lead,.hero-center .fine,.hero-pill,.hero-path small,.header-inner nav a{color:#647080}.hero-center .eyebrow{color:#194ac1}.bento-main p,.bento-small p{color:#647080}.button-primary{border-color:#245fe5}.site-header.is-scrolled{background:#fffffff0}.dark-band{background:#182230}.bottom-cta{background:linear-gradient(120deg,#194ac1,#245fe5)}.path-icon{color:#245fe5;background:#e8effc;border-color:#dfe7f0}.asset-caption{color:#647080}
/* Additional learning stories in the selected Ink & Blue palette. */
.mission-map,.mistake-note{border:1px solid var(--line);border-radius:32px;background:#fff;padding:38px;box-shadow:0 20px 50px #18223006}.mission-map h3,.mistake-note h3{font-size:32px;margin-top:22px}.mission-map ol{list-style:none;padding:0;margin:28px 0 23px;display:grid;gap:12px}.mission-map li{display:flex;gap:19px;padding:15px 0;border-bottom:1px solid var(--line);align-items:flex-start}.mission-map li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:var(--lavender);color:var(--accent);font-size:11px;font-weight:700;flex:none}.mission-map strong{font-size:14px}.mission-map li p{font-size:12px;margin:5px 0 0;color:var(--muted)}.mission-map .mini-tag,.mistake-note .mini-tag{color:var(--accent)}.lesson-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.lesson-art{border:1px solid var(--line);padding:15px;border-radius:30px;background:#fff}.lesson-art img{width:100%}.lesson-art figcaption{margin:0 17px 12px}.lesson-moves{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lesson-moves article{padding:23px 5px;border-top:1px solid var(--line)}.lesson-moves span{font-size:9px;color:var(--accent);letter-spacing:.08em;font-weight:700}.lesson-moves h3{font-size:24px;margin-top:17px}.lesson-moves p{font-size:13px;color:var(--muted);margin:0}.revision-board{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:#fff}.revision-original,.revision-feedback{padding:40px}.revision-original{background:var(--lavender)}.revision-original blockquote{font-family:var(--heading);font-size:30px;line-height:1.35;letter-spacing:-.03em;margin:28px 0 24px}.revision-board p{font-size:14px;color:var(--muted)}.revision-feedback h3{font-size:32px;margin-top:28px}.revision-board .mini-tag{color:var(--accent)}.section-note{font-size:13px;color:var(--muted);max-width:850px;margin:25px 0 0}.equation-slip,.equation-repair{padding:18px;border-radius:15px;margin:15px 0;display:flex;flex-direction:column;gap:9px}.equation-slip{background:var(--paper)}.equation-repair{background:var(--lavender);color:var(--accent-deep)}.equation-slip span,.equation-repair span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.equation-slip s,.equation-repair strong{font-family:var(--heading);font-size:25px;line-height:1.3;letter-spacing:-.02em}.mistake-note>p:not(.fine){font-size:13px;margin:21px 0}.review-clue{display:flex;gap:14px;align-items:flex-start;padding-top:18px;border-top:1px solid var(--line)}.review-clue>span{color:var(--accent);font-size:28px;line-height:1}.review-clue p{font-size:13px;color:var(--muted);margin:0}.mistake-note>.fine{margin:23px 0 0}.focus-art{padding:36px;border:1px solid var(--line);border-radius:32px;background:#fff;display:flex;flex-direction:column;align-items:center}.focus-ring{width:230px;height:230px;border:1px solid #bfd4f5;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#fff,#f0f5ff)}.focus-ring:before{content:"";position:absolute;inset:13px;border:7px solid #e8effc;border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;transform:rotate(25deg)}.focus-ring>span{font-family:var(--heading);font-size:77px;letter-spacing:-.08em;line-height:1;text-align:center}.focus-ring>span>span{display:block;font-family:var(--body);font-size:9px;font-weight:700;letter-spacing:.15em;margin-top:17px;color:var(--muted)}.focus-art figcaption{text-align:center;margin-top:23px}.focus-task{width:100%;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.focus-task .mini-tag{color:var(--accent);font-size:9px}.focus-task p{font-family:var(--heading);font-size:22px;line-height:1.4;margin:12px 0 0;letter-spacing:-.025em}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.decision-grid>a{display:flex;gap:21px;padding:29px;border:1px solid var(--line);border-radius:26px;background:#fff;transition:transform .25s,border-color .25s}.decision-grid>a:hover{transform:translateY(-3px);border-color:#bfd4f5}.decision-grid>a>span:first-child{color:var(--accent);font-family:var(--heading);font-size:24px;flex:none;min-width:28px}.decision-grid>a>span:last-child{color:var(--accent);margin-left:auto}.decision-grid h3{font-size:22px}.decision-grid p{font-size:13px;color:var(--muted);margin:0}.guide-routes{display:grid;gap:17px}.guide-route{border:1px solid var(--line);border-radius:26px;padding:30px;display:grid;grid-template-columns:46px 1fr;gap:22px;background:#fff}.guide-route .index{color:var(--accent);font-size:13px;font-weight:700}.guide-route h3{font-size:26px}.guide-route p{font-size:14px;color:var(--muted);max-width:750px}.guide-route .link-pills{margin-top:19px}.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:23px;background:#fff;margin-top:35px}.learning-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.learning-table th,.learning-table td{padding:20px 24px;border-bottom:1px solid var(--line);vertical-align:top}.learning-table th{background:var(--lavender);font-weight:600}.learning-table tbody tr:last-child td{border:0}.learning-table td:first-child{font-weight:600;width:25%}.learning-table td{line-height:1.8;color:var(--muted)}.learning-table td:first-child{color:var(--ink)}
@media(max-width:850px){.lesson-layout{gap:27px}.lesson-moves{gap:18px}.lesson-moves article{padding:18px 0}.lesson-moves h3{font-size:20px}.lesson-moves p{font-size:12px}.mission-map,.mistake-note{padding:28px}.revision-original,.revision-feedback{padding:30px}.revision-original blockquote{font-size:26px}.decision-grid>a{padding:24px;gap:14px}.decision-grid h3{font-size:20px}.focus-art{padding:28px}.focus-ring{width:195px;height:195px}}
@media(max-width:650px){.lesson-layout,.revision-board,.decision-grid{grid-template-columns:1fr}.lesson-layout{gap:27px}.lesson-moves{gap:22px}.lesson-moves h3{font-size:22px}.lesson-moves p{font-size:13px}.lesson-art figcaption{font-size:8px}.mission-map,.mistake-note{padding:28px;border-radius:27px}.mission-map h3,.mistake-note h3{font-size:29px}.mission-map li p{font-size:15px}.revision-original,.revision-feedback{padding:29px}.revision-original blockquote{font-size:27px}.revision-feedback h3{font-size:29px}.revision-board p{font-size:13px}.equation-slip s,.equation-repair strong{font-size:clamp(20px,5.2vw,25px)}.review-clue p{font-size:15px}.focus-art{order:2;padding:28px}.focus-task p{font-size:21px!important}.decision-grid>a{padding:25px}.decision-grid p{font-size:12px}.decision-grid h3{font-size:22px}.section-note{font-size:12px;margin-top:23px}.guide-route{padding:25px;grid-template-columns:28px 1fr;gap:15px}.guide-route h3{font-size:23px}.guide-route p{font-size:13px}.learning-table{font-size:12px;min-width:530px}.learning-table th,.learning-table td{padding:17px 20px}}

/* Tactile editorial imagery replaces diagrams in all marketing image areas. */
.editorial-visual{padding:0;min-height:0;background:#f9fbff;border:0;border-radius:32px;box-shadow:none;transform:none;overflow:hidden;aspect-ratio:3/2}.editorial-visual>.editorial-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.card-media{background:#f6f9fd}.card-media>.editorial-image{object-fit:cover;mix-blend-mode:multiply}.editorial-art{padding:0;border:0;border-radius:30px;box-shadow:none;background:#f9fbff;transform:none;overflow:hidden}.editorial-art>.editorial-image{width:100%;height:auto;max-height:none;object-fit:cover;border-radius:inherit}.blue-band .editorial-art,.soft-band .editorial-art{background:transparent}.blue-band .editorial-art>.editorial-image,.soft-band .editorial-art>.editorial-image{mix-blend-mode:multiply}.dark-band .editorial-art{background:#f9fbff}.bento-main{padding:34px 34px 0;min-height:600px;background:linear-gradient(140deg,#f3f7fe,#e8effc);justify-content:space-between}.bento-main>div{max-width:430px}.bento-main>.editorial-image{position:relative;inset:auto;width:calc(100% + 68px);max-width:none;height:auto;object-fit:cover;aspect-ratio:3/2;margin:24px -34px 0;transform:none;mix-blend-mode:multiply;flex:none}.bento-main:hover>.editorial-image{transform:scale(1.025)}.lesson-art.editorial-art{padding:0;overflow:hidden;background:#f9fbff;border:0;box-shadow:none}.lesson-art.editorial-art>.editorial-image{border-radius:30px}.mission-map.is-editorial{padding:0;border:0;background:transparent;box-shadow:none}.mission-map.is-editorial>.editorial-image{width:100%;height:260px;object-fit:cover;border-radius:27px;margin-bottom:25px;mix-blend-mode:multiply}.mission-map.is-editorial h3{margin-top:17px;font-size:29px}.mission-map.is-editorial ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 23px}.mission-map.is-editorial li{padding:12px 0;gap:12px}.mission-map.is-editorial li p{font-size:11px}.review-story{min-width:0}.review-story>.editorial-art{background:transparent}.review-story .editorial-image{mix-blend-mode:multiply}.mini-example{margin-top:20px;border-top:1px solid #cddced;border-bottom:1px solid #cddced}.mini-example summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;padding:21px 3px;cursor:pointer;font-size:13px;font-weight:600}.mini-example summary::-webkit-details-marker{display:none}.mini-example summary>span{font-size:22px;font-weight:400;color:var(--accent)}.mini-example[open] summary>span{transform:rotate(45deg)}.mini-example .mistake-note{padding:16px 0 24px;border:0;border-radius:0;background:transparent;box-shadow:none}.mini-example .mistake-note h3{font-size:25px;margin-top:15px}.mini-example .mini-tag{font-size:9px}.focus-art.editorial-art{padding:0;background:transparent;display:block}.focus-art.editorial-art>.editorial-image{mix-blend-mode:multiply}.focus-art.editorial-art .focus-task{padding:23px 7px 0;margin-top:16px}.journal-empty>figure>.editorial-image{height:auto;max-height:340px;object-fit:contain;mix-blend-mode:multiply}.page-hero .editorial-visual{align-self:center}.page-hero-grid:has(.editorial-visual){align-items:center}
@media(max-width:1120px){.bento-main>.editorial-image{width:calc(100% + 68px);height:auto;inset:auto}.bento-main{min-height:560px}.editorial-visual{border-radius:28px}}
@media(max-width:850px){.bento-main{min-height:0;padding:32px 32px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.bento-main>.editorial-image{width:calc(100% + 42px);height:auto;margin:0 -32px 0 0;inset:auto;aspect-ratio:3/2}.bento-main>div{padding-bottom:32px}.editorial-art{border-radius:26px}.mission-map.is-editorial>.editorial-image{height:235px}.mission-map.is-editorial ol{grid-template-columns:1fr}.mission-map.is-editorial li p{font-size:12px}.focus-art.editorial-art .focus-task{padding-top:21px}.editorial-visual{margin-top:0;min-height:0}.page-visual>.editorial-image{height:100%;max-height:none}}
@media(max-width:650px){.bento-main{display:flex;min-height:0;padding:28px 28px 0;gap:0}.bento-main>div{padding:0;max-width:none;width:100%}.bento-main>.editorial-image{width:calc(100% + 56px);height:auto;margin:23px -28px 0;aspect-ratio:3/2;inset:auto}.editorial-visual{margin:32px 0 0;border-radius:26px;min-height:0;transform:none}.page-visual.editorial-visual>.editorial-image{height:100%;max-height:none;object-fit:cover}.editorial-art{border-radius:24px}.mission-map.is-editorial{padding:0}.mission-map.is-editorial>.editorial-image{height:auto;max-height:none;aspect-ratio:3/2}.mission-map.is-editorial ol{grid-template-columns:1fr 1fr;gap:15px 18px}.mission-map.is-editorial li{display:block}.mission-map.is-editorial li>span{margin-bottom:11px}.mission-map.is-editorial li p{font-size:15px}.review-story .editorial-art{width:100%}.mini-example summary{font-size:12px;padding:19px 2px}.focus-art.editorial-art{order:2}.focus-art.editorial-art .focus-task{padding-inline:0}.journal-empty>figure>.editorial-image{height:auto;max-height:none}.card-media>.editorial-image{height:100%;width:100%;object-fit:cover}.science-figure.editorial-art>.editorial-image{max-height:none}.lesson-art.editorial-art{padding:0}.lesson-art.editorial-art>.editorial-image{border-radius:24px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.editorial-art.tilt-surface,.editorial-visual.tilt-surface{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s cubic-bezier(.2,.6,.3,1)}}

/* Guide navigation and practical content, shared by every subject and tool page. */
.guide-jumps{display:flex;align-items:center;flex-wrap:wrap;gap:12px 25px;border-block:1px solid var(--line);padding-block:21px;margin-bottom:0;font-size:12px}.guide-jumps>span{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:auto}.guide-jumps a{color:var(--accent-deep);transition:color .2s}.guide-jumps a:hover{color:var(--accent)}.guide-practice{background:linear-gradient(120deg,#eef4fd,#f6f9ff);border-block:1px solid #e0e9f5}.practice-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:75px;align-items:center}.practice-layout>*{min-width:0}.practice-card{padding:38px;border:1px solid #dbe5f4;border-radius:30px;background:#ffffffd9;box-shadow:0 16px 40px #18223004}.practice-card>.mini-tag{color:var(--accent);font-size:9px}.practice-card>h3{font-size:27px;line-height:1.35;letter-spacing:-.035em;margin:22px 0 29px}.practice-disclosure{border-top:1px solid var(--line)}.practice-disclosure:last-child{border-bottom:1px solid var(--line)}.practice-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:600}.practice-disclosure summary::-webkit-details-marker{display:none}.practice-disclosure summary>span{font-size:23px;line-height:1;font-weight:400;color:var(--accent)}.practice-disclosure[open] summary>span{transform:rotate(45deg)}.practice-disclosure p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 22px}.practice-transfer{max-width:450px}.practice-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:18px;background:#fff;border:1px solid #dce6f5;font-family:var(--heading);font-size:28px;color:var(--accent);margin-bottom:28px}.practice-transfer .eyebrow{margin-bottom:16px}.practice-transfer h3{font-size:31px;line-height:1.2;max-width:370px}.practice-transfer>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:21px 0}.pitfalls-section{padding-bottom:30px}.pitfall-card{border-top:1px solid #cddaea;padding:28px 5px 0}.pitfall-number{display:inline-block;font-family:var(--heading);font-size:32px;line-height:1;letter-spacing:-.05em;color:#7f9ed7;margin-bottom:26px}.pitfall-card h3{font-size:24px;line-height:1.2;max-width:310px}.pitfall-card p{font-size:14px;line-height:1.9;color:var(--muted);margin:18px 0 0}.reading-content>section{padding-top:4px}.reading-content>section+section{padding-top:30px;border-top:1px solid #e4eaf3}.reading-content h2{max-width:660px}
@media(max-width:1120px){.practice-layout{gap:45px}.guide-jumps{gap:12px 20px}.practice-card{padding:32px}}
@media(max-width:850px){.practice-layout{gap:30px;align-items:start}.practice-card{padding:28px}.practice-card>h3{font-size:24px}.practice-transfer h3{font-size:27px}.practice-transfer>p:not(.eyebrow){font-size:13px}.practice-disclosure p{font-size:13px}.guide-jumps>span{flex-basis:100%;margin:0}.guide-jumps{gap:13px 23px}.pitfall-card h3{font-size:21px}.pitfall-card p{font-size:13px}}
@media(max-width:650px){.practice-layout{grid-template-columns:1fr;gap:35px}.practice-card{padding:27px;border-radius:25px}.practice-card>h3{font-size:24px;margin-top:19px}.practice-transfer{max-width:none;padding-inline:3px}.practice-mark{width:45px;height:45px;font-size:24px;margin-bottom:23px}.practice-transfer h3{font-size:29px;max-width:340px}.practice-transfer>p:not(.eyebrow){font-size:14px}.guide-jumps{font-size:11px;padding-block:20px;gap:13px 20px}.pitfalls-section{padding-bottom:10px}.pitfall-card{padding-top:23px}.pitfall-number{font-size:27px;margin-bottom:19px}.pitfall-card h3{font-size:24px;max-width:none}.pitfall-card p{font-size:14px}.reading-content>section+section{padding-top:25px}.practice-disclosure summary{font-size:12px}}
@media print{.guide-jumps{display:none}.practice-card,.practice-transfer,.pitfall-card{break-inside:avoid}.guide-practice{background:#fff}}

/* Consistent card hierarchy and aligned continuation links. */
.plain-card{display:flex;flex-direction:column}.plain-card>.eyebrow{font-size:10px;color:var(--accent)}.plain-card>.link-pills,.plain-card>.text-link{margin-top:auto;padding-top:12px}.plain-card>.text-link{align-self:flex-start}

/* Scope and references keep long guides easy to assess. */
.guide-scope{max-width:560px;color:var(--muted);font-size:13px;line-height:1.7;border-left:2px solid #c8d9f8;padding-left:16px;margin:21px 0 0}
.guide-references{display:grid;grid-template-columns:1fr 1.3fr;column-gap:80px;border-top:1px solid var(--line);padding-top:60px}
.reference-heading h2{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin-bottom:20px}
.reference-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:380px}
.reference-list{list-style:none;margin:0;padding:0;min-width:0}
.reference-list li{padding:19px 0;border-bottom:1px solid var(--line)}
.reference-list li:first-child{padding-top:0}
.reference-list a{font-size:15px;font-weight:600;line-height:1.6;color:var(--accent-deep);text-decoration:underline;text-decoration-color:#c8d9f8;text-underline-offset:5px}
.reference-list p{font-size:13px;line-height:1.8;margin:10px 0 0;color:var(--muted)}
.editorial-credit{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.8;margin:34px 0 0}
.editorial-credit a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:4px;margin-left:8px}
.compact-credit{padding-block:24px;border-top:1px solid var(--line);margin:0 auto}
@media(max-width:850px){.guide-references{column-gap:35px}.reference-heading h2{font-size:29px}.guide-scope{font-size:12px}}
@media(max-width:650px){.guide-references{grid-template-columns:1fr;gap:28px;padding-top:40px}.reference-heading h2{font-size:31px}.reference-heading>p:last-child{max-width:none}.editorial-credit{margin-top:0}.editorial-credit a{display:block;margin:10px 0 0}.guide-scope{font-size:13px}.reference-list a{font-size:14px}}

/* Topic routes and original practice: readable teaching material in the approved blue palette. */
.header-inner nav a.is-section-active{color:var(--accent-deep)}
.header-inner nav a.is-section-active:after{transform:scaleX(1)}
.breadcrumbs{flex-wrap:wrap;row-gap:6px}
.topic-finder{scroll-margin-top:0}
.finder-controls{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;align-items:end;gap:18px;padding:24px;border:1px solid #dde6f5;border-radius:22px;background:#eef4ff}
.finder-controls:has(>div:only-of-type){grid-template-columns:minmax(0,1fr) auto}
.finder-controls label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}
.finder-controls input,.finder-controls select{width:100%;min-height:48px;border:1px solid #c8d6ee;border-radius:12px;background:#fff;color:var(--ink);padding:11px 14px;font:inherit;font-size:14px}
.finder-controls input:focus-visible,.finder-controls select:focus-visible,.choice-list input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.finder-reset{min-height:48px;border:0;padding:10px 4px;background:transparent;font-size:12px;font-weight:650;color:var(--accent)}
.finder-count{font-size:12px;color:var(--muted);margin:18px 0}
.finder-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.finder-result{position:relative;border:1px solid #dfe6f2;border-radius:18px;padding:22px 50px 20px 23px;background:#fff;transition:background .2s,border-color .2s}
.finder-result:hover{background:#f0f5ff;border-color:#a7c0ef}
.finder-result .eyebrow{display:block;margin-bottom:10px;font-size:9px}
.finder-result h3{font-size:21px;line-height:1.2;letter-spacing:-.03em}
.finder-result p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}
.finder-arrow{position:absolute;right:23px;top:24px;color:var(--accent);font-size:22px}
.finder-empty{border:1px dashed #b3c7ea;border-radius:18px;padding:30px;background:#f2f6ff}
.finder-empty h3{font-size:24px}.finder-empty p{margin:0;font-size:14px}.finder-empty a{text-decoration:underline;text-underline-offset:3px}
.practice-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.case-card{padding:32px;background:#fff;border:1px solid #dce6f4;border-radius:25px;box-shadow:0 10px 30px #18397005}
.case-index{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#edf3ff;color:var(--accent);border-radius:14px;font:600 14px var(--heading);margin-bottom:22px}
.case-card h3{font-size:26px;line-height:1.2}.case-card>p,.case-card .practice-disclosure p{font-size:14px;line-height:1.85}
.case-card .practice-disclosure{margin-top:22px}.case-card .practice-disclosure summary{font-size:13px}
.case-card .case-clue{padding:16px 18px;background:#eff4ff;border-radius:12px;margin-bottom:0}
.concept-check{max-width:780px;margin:36px auto 0;padding:34px;border:1px solid #c9daf5;border-radius:25px;background:linear-gradient(120deg,#f1f6ff,#fff)}
.concept-check fieldset{min-width:0;border:0;padding:0;margin:0}
.concept-check legend{display:block;padding:0;width:100%;font:600 23px/1.35 var(--heading);letter-spacing:-.025em}
.concept-check legend .mini-tag{display:block;margin-bottom:14px;color:var(--accent);font-family:var(--body);letter-spacing:.09em}
.choice-list{display:grid;gap:10px;margin:23px 0}
.choice-list label{display:flex;align-items:start;gap:12px;padding:15px;border:1px solid #d6e1f2;border-radius:12px;background:#fff;font-size:14px;line-height:1.6;cursor:pointer}
.choice-list label:has(input:checked){border-color:var(--accent);background:#edf3ff}
.choice-list input{flex:none;margin:4px 0 0;width:17px;height:17px;accent-color:var(--accent)}
.concept-status{font-size:14px;line-height:1.75;margin:20px 0 0}
.concept-status:empty{display:none}.concept-status[data-result]{border-left:3px solid var(--accent);padding-left:16px}
.concept-check>.practice-disclosure{margin-top:22px}.concept-check>.fine{margin:15px 0 0}
@media(max-width:850px){.finder-controls{grid-template-columns:minmax(0,1fr) 160px auto;gap:12px}.finder-result h3{font-size:19px}.case-card{padding:25px}.case-card h3{font-size:23px}}
@media(max-width:650px){.finder-controls,.finder-controls:has(>div:only-of-type){grid-template-columns:1fr;padding:20px;gap:16px}.finder-reset{text-align:left;min-height:36px;padding:0}.finder-results,.practice-set-grid{grid-template-columns:1fr}.finder-result{padding:23px 48px 23px 23px}.finder-result h3{font-size:22px}.finder-result p{font-size:13px}.case-card{padding:27px}.case-card h3{font-size:25px}.case-card>p,.case-card .practice-disclosure p{font-size:13px}.concept-check{padding:26px 22px}.concept-check legend{font-size:22px}.choice-list label{font-size:13px}.concept-status{font-size:13px}}
.learning-table caption{text-align:left;font-size:13px;font-weight:600;line-height:1.65;color:var(--ink);padding:20px 24px;background:#f3f7ff}
.comparison-wrap:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media print{.finder-controls,.finder-reset,.concept-form button{display:none!important}.case-card,.concept-check{break-inside:avoid;box-shadow:none}.finder-result{break-inside:avoid}.concept-check{background:#fff}.case-card details::details-content,.concept-check details::details-content{content-visibility:visible;height:auto}.case-card details>div,.concept-check details>p{display:block!important}}

/* Download-focused homepage: benefit cards are reading content, with one shared action. */
.hero-path{list-style:none;padding:0;margin-bottom:0}.hero-center .hero-product{font-size:11px;letter-spacing:.1em;margin-bottom:19px}.hero-center .fine{font-size:11px}.download-followup{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:32px;padding-top:30px;border-top:1px solid var(--line)}.download-followup>div:first-child{max-width:600px}.download-followup h3{font-size:24px;margin-bottom:9px}.download-followup p{font-size:13px;color:var(--muted);margin-bottom:0}.download-action{flex:none;text-align:center}.download-action .fine{font-size:10px;margin-top:9px}.example-download{border-color:#ffffff22;margin-top:29px}.dark-band .download-followup p{color:#b6c1d2}.example-download .button-primary{background:#245fe5;border-color:#5080f2}.example-download .button-primary:hover{background:#194ac1}.bento-main,.bento-small{cursor:default}
@media(max-width:650px){.hero-center .hero-product{font-size:10px;letter-spacing:.07em}.hero-center .fine{font-size:10px;max-width:none}.download-followup{align-items:flex-start;flex-direction:column;gap:23px;padding-top:25px}.download-followup h3{font-size:23px}.download-action{text-align:left}.download-followup .button{font-size:12px}.download-action .fine{font-size:10px}.bento-small h3{clear:none}}

/* Readable content and a consistent download path across the full collection. */
body{font-size:16px}
.header-inner nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.button{font-size:14px;min-height:52px}
.button.compact{font-size:13px;min-height:44px}
.text-link{font-size:14px;min-height:44px}
.eyebrow,.mini-tag{font-size:11px}
.hero-center .hero-product{font-size:11px}
.hero-path strong{font-size:13px}
.hero-path small{font-size:11px}
.path-icon{width:38px;height:38px}
.hero-center .fine,.page-hero .fine,.bottom-cta .fine,.download-action .fine{font-size:11px}
.page-hero .lead{font-size:17px;line-height:1.75}
.page-hero .button-row{margin-top:26px;margin-bottom:14px}
.page-hero .guide-scope{font-size:14px;margin-top:24px}
.breadcrumbs{font-size:12px;gap:10px}
.breadcrumbs a{padding-block:8px}
.section-intro,.split p:not(.eyebrow):not(.fine):not(.lead),.response-cards p,
.example-working p,.card-body p:not(.eyebrow),.method-grid p,.faq-list details p,
.journal-callout p:not(.eyebrow),.bottom-cta p:not(.eyebrow):not(.fine),.hub-intro p,
.plain-card p:not(.eyebrow),.journal-empty p:not(.eyebrow),.reading-content p,
.mission-map li p,.mission-map.is-editorial li p,.lesson-moves p,.revision-board p,
.review-clue p,.decision-grid p,.guide-route p,.practice-disclosure p,.pitfall-card p,
.case-card>p,.case-card .practice-disclosure p,.download-followup p,.reference-heading>p:last-child{
  font-size:16px;line-height:1.8
}
.bento-main p,.bento-small p,.finder-result p,.reference-list p,.aside-note p{font-size:15px;line-height:1.8}
:where(.plain-card,.guide-route,.decision-grid,.download-followup) .eyebrow{font-size:11px}
.faq-list summary,.practice-disclosure summary,.case-card .practice-disclosure summary,.mini-example summary{font-size:15px;min-height:48px;line-height:1.6}
.example-footnote,.learning-table caption{font-size:14px;line-height:1.75}
.example-question .fine{font-size:12px}
.choice-list label,.concept-status{font-size:15px;line-height:1.75}
.learning-table{font-size:15px;line-height:1.7}
.finder-controls input,.finder-controls select{font-size:16px;min-height:48px}
.finder-controls label,.finder-reset,.finder-count{font-size:14px}
.finder-reset{min-height:44px}
.guide-jumps{gap:8px 24px;padding-block:14px}
.guide-jumps>span{font-size:11px}
.guide-jumps a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.reading-layout{grid-template-columns:240px minmax(0,1fr);gap:70px;max-width:1100px}
.reading-content{max-width:72ch}
.reading-content p{line-height:1.9}
.contents{max-height:calc(100dvh - 130px);overflow-y:auto;scrollbar-width:thin;padding-right:10px;overscroll-behavior:contain}
.contents li a{font-size:13px;line-height:1.6;min-height:44px;padding-block:12px}
.chapter-menu>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;font-size:14px;font-weight:650;cursor:pointer;list-style:none}
.chapter-menu>summary::-webkit-details-marker{display:none}
.chapter-menu>summary>span{color:var(--accent);transition:transform .2s}
.chapter-menu[open]>summary>span{transform:rotate(180deg)}
.aside-note .text-link{font-size:14px}
.reference-list a{font-size:16px;display:inline-block;padding-block:6px}
.app-bridge{margin-top:32px;padding:30px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:38px;border:1px solid #d7e4fa;border-radius:24px;background:linear-gradient(115deg,#edf4ff,#f7faff)}
.app-bridge .eyebrow{margin-bottom:12px}
.app-bridge h3{font-size:28px;line-height:1.2;max-width:600px}
.app-bridge p:not(.eyebrow):not(.fine){font-size:16px;line-height:1.75;color:var(--muted);max-width:640px;margin-bottom:0}
.bridge-action{text-align:center}
.bridge-action .fine{font-size:11px;margin:10px 0 0}
.support-cta{display:block}
.support-cta>div{max-width:760px}
.footer-top h2{font-size:12px}
.footer-top>div>a:not(.brand){font-size:14px;line-height:1.5;min-height:40px;padding-block:9px}
.footer-bottom{font-size:12px}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.nav-app-download,.mobile-download{display:none}
@media(min-width:651px) and (max-width:850px){
  .reading-layout{grid-template-columns:190px minmax(0,1fr);gap:34px}
  .app-bridge{grid-template-columns:1fr;gap:24px}
  .bridge-action{text-align:left}
}
@media(max-width:650px){
  body{font-size:16px}
  .menu-toggle{font-size:14px;min-height:44px}
  .header-inner nav a{font-size:16px;min-height:48px}
  .nav-app-download{display:block;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
  .header-inner .nav-app-download .button{font-size:14px;min-height:48px;color:#fff;padding:12px 20px}
  .header-inner .nav-app-download .button:after{display:none}
  .hero-center .lead{font-size:16px;line-height:1.75}
  .hero-center .button,.page-hero .button,.bottom-cta .button,.download-followup .button{font-size:14px;min-height:52px;padding:14px 22px}
  .hero-center .fine{font-size:11px;max-width:310px}
  .page-hero .lead{font-size:16px}
  .page-hero .text-link{font-size:14px;min-height:44px}
  .page-hero .button-row{gap:8px 20px}
  .page-hero .fine{font-size:11px}
  .page-hero .guide-scope{font-size:13px;margin-top:20px}
  .breadcrumbs{font-size:11px;gap:8px;line-height:1.5;margin-bottom:26px}
  .hero-path strong{font-size:13px}
  .hero-path small{font-size:11px}
  .guide-jumps{column-gap:22px;row-gap:4px}
  .guide-jumps a{font-size:13px}
  .contents{max-height:none;overflow:visible;margin-bottom:30px;padding:0}
  .chapter-menu{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
  .chapter-menu>summary{min-height:54px;padding:13px 17px;font-size:15px}
  .contents ol{display:block;margin:0;padding:0 17px 10px}
  .contents li a{font-size:14px;min-height:44px;padding:13px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
  .contents li:last-child a{border-bottom:0}
  .reading-content{max-width:none}
  .app-bridge{grid-template-columns:1fr;padding:26px;gap:24px;border-radius:22px}
  .app-bridge h3{font-size:27px}
  .bridge-action{text-align:left}
  .app-bridge .button{font-size:14px;padding-inline:19px}
  .bottom-cta h2{font-size:34px}
  .reference-list a{font-size:15px}
  .footer-top>div>a:not(.brand){font-size:13px;min-height:44px}
  .footer-bottom{font-size:11px}
  .has-mobile-download{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .mobile-download{position:fixed;z-index:35;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #d4e1f4;border-radius:22px;background:#fffffff5;backdrop-filter:blur(20px);box-shadow:0 8px 35px #19375b1c}
  .mobile-download strong,.mobile-download>div>span{display:block;line-height:1.4}
  .mobile-download strong{font-size:14px;font-weight:650}
  .mobile-download>div>span{font-size:11px;color:var(--muted);margin-top:3px}
  .mobile-download .button{flex:none;min-height:46px;font-size:13px;padding:12px 16px;gap:8px}
}
@media(max-width:359px){
  .app-bridge{padding:23px}
  .mobile-download{gap:9px;padding-inline:12px}
  .mobile-download strong{font-size:12px}
  .mobile-download .button{font-size:12px;padding-inline:13px}
}
@media print{
  .mobile-download,.app-bridge,.nav-app-download{display:none!important}
  .has-mobile-download{padding-bottom:0}
  .contents{max-height:none;overflow:visible}
}

/* Keep the small prepared examples as readable as the surrounding guidance. */
.planner-demo li p{font-size:15px;line-height:1.65}
.planner-demo li strong{font-size:14px}
.planner-demo li>span:last-child{font-size:11px;white-space:nowrap}
.section-note,.faq-section>div>p:not(.eyebrow){font-size:16px;line-height:1.8}

/* Closing panels with a balanced footprint and a deep blue finish. */
.bottom-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:48px;
  align-items:center;
  min-height:248px;
  padding:48px 52px;
  border-radius:32px;
  margin-block:36px 72px;
  background:linear-gradient(115deg,#0d2456 0%,#123575 58%,#17468f 100%);
  border-color:#294d87;
  box-shadow:0 20px 55px #102d6424;
}
.bottom-cta:before{background:radial-gradient(ellipse at 100% 0,#467feb30,transparent 65%)}
.bottom-cta .cta-copy{min-width:0;max-width:660px}
.bottom-cta h2{font-size:clamp(34px,3.6vw,42px);line-height:1.18;margin:0;letter-spacing:-.035em}
.bottom-cta .cta-copy>p{font-size:16px;line-height:1.65;max-width:60ch;margin:16px 0 0;color:#d9e5fa}
.bottom-cta .cta-action{justify-self:end;text-align:center}
.bottom-cta .button{font-size:15px;min-height:54px;padding:15px 25px;white-space:nowrap}
.bottom-cta .button-primary{color:#153974}
.bottom-cta .cta-action .fine{font-size:11px;line-height:1.6;margin:12px 0 0;color:#c5d6f2}
@media(max-width:850px){
  .bottom-cta{padding:40px 36px;gap:28px;min-height:232px}
  .bottom-cta h2{font-size:34px}
}
@media(max-width:650px){
  .bottom-cta{grid-template-columns:1fr;min-height:0;padding:34px 30px;gap:26px;border-radius:28px;margin-block:28px 56px}
  .bottom-cta h2{font-size:30px}
  .bottom-cta .cta-copy>p{font-size:16px;margin-top:14px}
  .bottom-cta .cta-action{justify-self:start;text-align:left}
}
@media(max-width:360px){
  .bottom-cta{padding:30px 24px}
  .bottom-cta h2{font-size:28px}
}

/* Language controls are independent of the navigation and keep the app CTA visible. */
.header-actions{display:flex;align-items:center;gap:16px;flex:none}
.language-switcher{position:relative;text-align:start;font-size:13px;line-height:1.45}
.language-switcher>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 11px;border-radius:14px;list-style:none;cursor:pointer;font-weight:600;white-space:nowrap}
.language-switcher>summary::-webkit-details-marker{display:none}
.language-switcher>summary:hover,.language-switcher[open]>summary{background:#e8effc}
.language-switcher>summary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.language-chevron{font-size:16px;color:var(--muted)}
.language-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:370px;max-width:calc(100vw - 32px);padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 55px #182e5526;z-index:60;max-height:min(560px,calc(100dvh - 120px));overflow:auto;overscroll-behavior:contain}
.language-panel-title{font-size:13px;font-weight:650;color:var(--ink);margin:0 0 13px}
.language-options{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.language-options .language-option{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:10px;border:0;border-radius:10px;background:transparent;font-size:13px;line-height:1.5;text-align:start;color:var(--ink);width:100%;white-space:normal}
.language-option[aria-current="page"]{color:var(--accent-deep);background:#eef3ff;font-weight:600}
.language-option:disabled{color:#758196;cursor:default;opacity:1}
.language-pending{color:#a9b3c3}
.language-options a:hover{background:#eef3ff}
.language-note{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line)}
.language-footer .language-panel{top:auto;bottom:calc(100% + 12px)}
.language-footer>summary{font-weight:500}
@media(max-width:1050px){.header-inner nav{gap:20px}.header-inner{gap:16px}.header-actions{gap:9px}}
@media(max-width:850px){.header-inner .header-actions{margin-inline-start:auto}.header-inner .menu-toggle{margin:0}.header-actions>.button{display:none}}
@media(max-width:650px){.header-inner{gap:8px}.header-actions{gap:0}.language-header{position:static}.language-header .language-panel{inset-inline:4px;top:calc(100% + 10px);width:auto;max-width:none}.language-switcher>summary{padding-inline:8px;gap:5px}.language-options .language-option{font-size:13px}.language-footer .language-panel{position:fixed;inset-inline:16px;top:auto;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;max-height:min(560px,calc(100dvh - 100px))}}
@media(max-width:359px){.header-inner .brand{font-size:18px;gap:7px}.header-inner .brand img{width:25px;height:25px}.header-inner .menu-label{display:none}.header-inner .menu-toggle{min-width:36px;padding-inline:8px}.language-header>summary{font-size:11px;padding-inline:5px}.language-header>summary svg{width:15px;height:15px}.language-chevron{font-size:14px}.language-panel{padding:14px}.language-options{gap:3px}}
html:lang(ja),html:lang(ko),html:lang(zh){--body:Inter,"Hiragino Sans","Yu Gothic",system-ui,sans-serif;--heading:var(--body)}
html:lang(ar){--body:Inter,"Geeza Pro",Tahoma,Arial,sans-serif;--heading:var(--body)}
html:lang(he){--body:Inter,Arial,sans-serif;--heading:var(--body)}
/* Localized compound words must fit narrow cards and mobile headings. */
h1,h2,h3,h4{overflow-wrap:anywhere;hyphens:auto}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .eyebrow,html:lang(ja) h1,html:lang(ja) h2,html:lang(ko) h1,html:lang(ko) h2,html:lang(zh) h1,html:lang(zh) h2{letter-spacing:normal}
html[dir="rtl"] .bridge-action{text-align:end}
html[dir="rtl"] .contents ol{border-left:0;border-inline-start:1px solid var(--line)}
html[dir="rtl"] .contents li a{border-left:0;border-inline-start:2px solid transparent}
html[dir="rtl"] .contents li a.is-active{border-inline-start-color:var(--accent)}
html[dir="rtl"] .reading-content,html[dir="rtl"] .prompt-box,html[dir="rtl"] .example-question{text-align:start}
html[dir="rtl"] .brand,html[dir="rtl"] .triangle-model svg,html[dir="rtl"] .fraction-equivalence{direction:ltr;unicode-bidi:isolate}
@media(max-width:650px){html[dir="rtl"] .bridge-action{text-align:start}html[dir="rtl"] .contents ol,html[dir="rtl"] .contents li a{border-inline-start:0}}
@media print{.language-switcher{display:none!important}}