:root{--ink:#173e38;--paper:#fbfaf5;--accent:#c9ee83}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.85;word-break:keep-all}a{color:inherit;text-underline-offset:5px}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;gap:20px;border-bottom:1px solid #dbe2d5}header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}header a{text-decoration:none}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:2px;font-weight:500}main{max-width:1180px;margin:auto}section{padding:72px 32px}h1,h2,h3{color:var(--ink);line-height:1.3;letter-spacing:-.045em}h1{font-size:clamp(36px,4.6vw,64px);max-width:850px;margin:20px 0 28px}h2{font-size:clamp(28px,3.2vw,42px);margin:15px 0 26px}h3{font-size:23px;margin:12px 0}p{margin:18px 0}em{font-style:normal;color:#497c35}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#52715a}.lead{font-size:20px;line-height:1.9}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-top:65px}.hero figure{margin:0}.screen{background:#0b1c28;border-radius:28px;overflow:hidden;box-shadow:0 22px 45px #173e3819}.screen img{width:100%;height:450px;object-fit:cover;object-position:50% 0;display:block}.screen figcaption{color:#c6dfde;padding:12px 16px;text-align:center;font-size:11px}.button{display:inline-block;background:var(--ink);color:white;padding:15px 23px;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none;border:1px solid var(--ink)}.button.secondary{background:transparent;color:var(--ink);margin-top:10px}.small,figcaption{font-size:13px;color:#5a7064}.statement{text-align:center;background:#edf1e4;border-radius:24px;margin:28px 32px;padding:64px 28px}.statement p{max-width:700px;margin:24px auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{display:block;padding:28px;border:1px solid #dce2d7;border-radius:16px;background:white;overflow:visible}.card p{font-size:16px;color:#4c6258}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.number{font-size:12px;color:#627754;letter-spacing:1px}.note{padding:32px;background:#e9f1e0;border-radius:16px;margin-top:24px}.cta{margin:28px 32px;padding:48px;border-radius:24px;background:#d5edb1;color:var(--ink)}.cta h2{color:var(--ink)}.steps{padding-left:25px}.steps li{padding:8px 0 18px}.steps strong{font-size:23px}.steps p{margin-top:8px}.text-link{font-weight:700}.book-banner{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:50px;background:#ede8df;border-radius:20px;margin:20px 32px;padding:48px}.book-banner img{width:100%;border-radius:8px;box-shadow:6px 10px 0 #173e3820}.faq details{padding:20px 0;border-bottom:1px solid #d5decf}.faq summary{font-size:18px;cursor:pointer;font-weight:700}.faq p{max-width:850px}.book-page{width:100%;max-height:570px;object-fit:contain;filter:drop-shadow(8px 15px 8px #173e3818)}.book-row{display:grid;grid-template-columns:200px 1fr;gap:48px;padding:38px 0;border-bottom:1px solid #d4dcca;align-items:center}.book-label{background:#204b45;color:#fff;padding:26px 22px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:8px 8px 0 #d5ddcb;border-radius:3px}.book-label strong{font-size:34px}.book-label small{font-size:11px}.article-head{max-width:940px;padding-bottom:30px}.article-head h1{font-size:clamp(32px,4vw,51px)}.article-head nav{font-size:13px;margin-bottom:28px}.answer{padding:28px;background:#eaf1df;border-left:4px solid #7d9e4f;border-radius:0 10px 10px 0;font-size:19px}.reading{display:grid;grid-template-columns:minmax(0,750px) 230px;gap:60px;padding:0 32px 48px}.prose{max-width:800px;font-size:18px}.prose h2{font-size:27px;margin-top:48px;margin-bottom:24px}.prose p{margin:24px 0;line-height:2}.prose figure{margin:24px 0}.prose img{max-width:100%;max-height:700px;object-fit:contain}.prose .faq{padding:24px 0}.reading aside{font-size:14px;position:sticky;top:24px;align-self:start;margin-top:48px;padding:18px;border-left:1px solid #d5dece}.reading aside li{margin:10px 0}.reading aside ol{padding-left:20px}.pagination{margin-top:30px;display:flex;gap:15px}footer{max-width:1180px;margin:50px auto 0;padding:40px 32px;border-top:1px solid #d2dccd;font-size:13px}a:focus-visible,summary:focus-visible{outline:3px solid #569674;outline-offset:6px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:white;z-index:20;padding:12px}@media(max-width:760px){header{padding:18px 22px;align-items:flex-start}header nav{gap:8px 16px;max-width:210px;font-size:12px}.hero{grid-template-columns:1fr;gap:25px}.screen img{height:auto;max-height:390px;object-fit:cover;object-position:top}.grid,.grid.three{grid-template-columns:1fr}section{padding:48px 22px}.statement,.cta,.book-banner{margin:18px 16px;padding:30px 24px}.book-banner{grid-template-columns:1fr}.book-banner img{max-width:280px;margin:auto}.book-row{grid-template-columns:1fr;gap:24px}.book-label{max-width:210px}.reading{grid-template-columns:1fr;padding:0 22px}.reading aside{position:static;margin:0;border-top:1px solid #ccc}.lead{font-size:18px}.prose{font-size:17px}.article-head{padding-bottom:20px}.button{max-width:100%;text-align:center}.cta .button{display:block}.hero h1 br{display:initial}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.screen-zoom{height:410px;overflow:hidden}.screen .screen-zoom img{width:210%;max-width:none;height:auto;object-fit:initial;transform:translate(-26%,-8%)}@media(max-width:760px){.screen-zoom{height:310px}.screen .screen-zoom img{max-height:none}}

.format-tag{display:inline-block;padding:4px 12px;border-radius:20px;background:#e4eedb;font-size:13px;font-weight:750;color:#244b36}
.evidence-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:center;padding:48px 0;border-bottom:1px solid #dce2d7}.evidence-row.reverse>div:first-child{order:2}.evidence-row h3{font-size:30px}.evidence-row figure{margin:0;min-width:0}.evidence-row img{width:100%;height:auto;display:block;border-radius:15px;background:#112335;box-shadow:0 12px 30px #14362612}.evidence-row a{display:block}.evidence-row figcaption{margin-top:12px;line-height:1.7}.takeaway{padding:18px 20px;border-left:3px solid #729745;background:#eef3e7;font-size:16px}.report-figure img{max-height:700px;object-fit:contain}.evidence-pair{display:grid;gap:20px}.apply-section{scroll-margin-top:15px}.apply-section>p{max-width:850px}#math-application{margin-top:28px}#math-application .public-app section{scroll-margin-top:20px}#math-application .public-app h2{font-size:28px}@media(max-width:760px){.evidence-row{grid-template-columns:1fr;gap:24px;padding:36px 0}.evidence-row.reverse>div:first-child{order:initial}.evidence-row h3{font-size:26px}.report-figure img{max-height:none}}

.math-application-frame{display:block;width:100%;height:1150px;border:0;border-radius:18px;background:#102d29}@media(max-width:600px){.math-application-frame{height:1400px}}

.evidence-row>div,.evidence-pair{min-width:0}.evidence-row img{max-width:100%}

/* Math and classics: shared study rhythm and live teacher support. */
.session-preview{background:#e9efdf;border:1px solid #cfdbc2;border-radius:28px;padding:36px;box-shadow:0 20px 50px #173e380b}.session-preview .reading-minute{margin:20px 0 12px;font-size:24px;line-height:1.3}.reading-minute strong{font-size:90px;letter-spacing:-6px;line-height:1;color:#305d40;margin-right:12px}.session-preview-divider{height:1px;background:#cbd6bd;margin:28px 0}.session-preview ul{padding-left:22px;font-size:15px}.session-preview li{margin:12px 0}.session-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:36px 0 0}.session-flow li{background:white;border:1px solid #dce2d7;border-radius:16px;padding:24px}.session-flow span{font-size:12px;color:#52715a;font-weight:750}.session-flow h3{font-size:21px;margin-top:18px}.session-flow p{font-size:16px}.support-section{background:#edf1e4;border-radius:24px;margin:24px 32px;padding:48px}.support-section .lead{max-width:760px}.course-hero{align-items:stretch}.course-hero>div{align-self:center}@media(max-width:900px){.session-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.session-preview{padding:28px}.support-section{margin:18px 16px;padding:30px 24px}.session-flow{grid-template-columns:1fr}.session-flow li{padding:22px}.reading-minute strong{font-size:72px}.course-hero h1{font-size:clamp(34px,8vw,48px)}}

/* Fraction concept library: real textbook pages and a clear learning sequence. */
.source-page{margin:0 0 44px;padding:18px;background:#f0eee8;border:1px solid #d8d4c9;border-radius:18px}.source-page a{display:block;border-radius:10px;overflow:hidden;background:white}.prose .source-page img{display:block;width:100%;max-height:none;object-fit:contain}.source-page figcaption{padding:13px 4px 2px;line-height:1.7}.series-banner{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:34px;align-items:center;background:#e8efdd;border:1px solid #d3dec7;border-radius:22px;padding:32px;margin:32px 0 42px}.series-banner h2{font-size:32px;margin:8px 0 12px}.series-banner p{margin:12px 0 20px}.series-banner img{width:100%;height:250px;object-fit:cover;object-position:top;border-radius:12px;box-shadow:0 12px 28px #173e3818}.fraction-chapter{border-top:1px solid #d7dfd1}.fraction-chapter>.eyebrow{display:inline-block;padding:5px 12px;background:#e7efdc;border-radius:999px}.fraction-chapter .grid{margin-top:28px}@media(max-width:760px){.source-page{padding:10px;margin-bottom:34px}.series-banner{grid-template-columns:1fr;padding:24px}.series-banner img{height:220px;order:-1}.series-banner h2{font-size:27px}}

.middle-course img{display:block;width:100%;height:auto;max-width:100%;border-radius:16px}.middle-course figure{margin:0;min-width:0}.middle-course .grid{margin-top:32px}.middle-course figcaption{font-size:13px;line-height:1.7;margin:12px 0 24px;color:#62786e}