/* V10. A warm illustrated book with a clear, generous reading voice. */
:root{--ink:#293e33;--text:#403b34;--muted:#6b6558;--paper:#fffcf5;--cream:#f0e7d7;--rust:#975c3d;--reading-clay:#925b3e;--reading-soft:#f7ebda;--reading-leaf:#eaf0df}
body{font-size:1.125rem;line-height:1.65;background:#eae5d8;color:var(--text)}
h1,h2{font-weight:500;letter-spacing:-.035em}
p,li{letter-spacing:0}
strong,.reading-emphasis{font-weight:600;color:#293d31}
.reading-chunk{display:block}
.reading-chunk+.reading-chunk{margin-top:.7em}
.eyebrow{font-size:.6875rem;line-height:1.7;font-weight:600;letter-spacing:.075em;color:#70654f}
.section-copy>p:not(.eyebrow),.section-heading>p:last-child,.letter-text>p,.night-story>p:not(.eyebrow){font-size:1.125rem;line-height:1.65}
.ink-mark{background:none;font-weight:600;color:var(--ink)}
.section-space{padding-inline:24px}
.story-page{padding-inline:24px}
.section-space::before{background:#c6b59b;width:56px;margin-bottom:28px}
.hero h1{font-weight:500}.hero h1>em{color:#5d754c;font-weight:400}
.hero-description{font-size:1.0625rem;line-height:1.6;color:#443e34}
.hero-reading-lead,.hero-reading-path,.hero-reading-purpose{display:block}
.hero-reading-path{margin:20px 0 22px;border-block:1px solid #d5c8af;padding:11px 0}
.hero-reading-path>span{display:flex;align-items:center;gap:12px;min-height:42px;font-weight:500;color:#304535;line-height:1.5;padding:5px 0}
.hero-reading-path .icon{width:20px;height:20px;color:#9a684a;stroke-width:1.4}
.hero-reading-purpose{font-size:1rem;line-height:1.65}
.hero-details{color:#605b4b;font-size:.8125rem;gap:8px 14px}.hero-note{color:#645d4d}
.hero-actions>.button{font-size:.9375rem}
.intro-line p{color:#6a7157;font-size:1.375rem}
.night-story h2,.letter-sheet h2{line-height:1.16}
.recognition-prompt{font-size:.9375rem;color:#655c4c}
.recognition-list article{gap:16px;padding:27px 0;border-color:#d8ceba}
.recognition-list h3{font-family:var(--sans);font-size:1.125rem;font-weight:600;line-height:1.45;letter-spacing:-.015em;margin-bottom:9px}
.recognition-list article p{font-size:1.0625rem;line-height:1.6;color:#51493e}
.recognition-list .list-number{background:#eceddc;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none;margin-top:0}
.recognition-list .list-number>.icon{width:19px;height:19px;color:#597247}
.recognition-close{color:var(--ink)}
.letter-margin{width:calc(100% + 48px);margin-inline:-24px}
.letter-text>p:first-child{font:1.125rem/1.7 var(--sans);color:#403b34}
.letter-text>p:first-child::first-letter{color:#956a47}
.letter-key{font-size:2rem;color:#8c593e;line-height:1.2;margin:32px 0 17px}
.letter-key::after{background:#c8a07a;width:110px}
.letter-signoff{color:#7e634b}
.understand{background:#fffdf8}
.understand-grid .section-copy>p{color:#403b34}
.lesson-board{padding:24px 18px 25px;margin-top:32px;background:#f2f2e6;border:1px solid #c8d0b5;border-radius:4px 20px 20px 4px;box-shadow:0 3px 0 #d5dbc7}
.board-top{font-size:.625rem;letter-spacing:.06em;color:#4f6241}
.board-controls{margin-top:17px;gap:10px}.sample-step{font-size:.9375rem}
.board-drawing{margin-top:8px}.observation-drawing{max-height:160px}
.sample-key{font-family:var(--sans);font-size:.8125rem;font-weight:500;color:#4a603d;padding:12px 0 18px}
.board-content{padding-top:23px;border-color:#c3ccad}
.board-caption{font-size:.625rem;font-weight:600;color:#5d654a;letter-spacing:.06em;margin-bottom:15px}
.board-content h3{font-size:1.75rem;font-weight:500;line-height:1.2;margin-bottom:21px}
.board-content>p:last-child{font-size:1.0625rem;line-height:1.65;color:#383e30}
.sample-footnote{font-size:.8125rem;line-height:1.65;color:#5d644f;padding-top:20px;margin-top:20px;border-top:1px solid #c8d0b7}
.learning-map{margin-top:52px;border-top:0;padding-top:0}
.learning-heading .eyebrow{color:#866247}
.learning-heading h3{font-size:2rem;font-weight:500;line-height:1.2}.learning-heading h3 em{color:#94674a}
.learning-heading>p:last-child{font-size:1.0625rem;line-height:1.65;color:#4e473c;margin-bottom:30px}
.mistake-page{position:relative;display:block;border:0;margin:0 -10px 30px;padding:30px 16px 31px;background:#f7eddf;border-radius:3px 24px 24px 3px;box-shadow:0 2px 0 #ddccb22e}
.mistake-page:nth-child(2){background:#eef1e4}.mistake-page:nth-child(3){background:#f4eddf}
.mistake-page:last-child{border:0;margin-bottom:0}
.mistake-number{position:absolute;top:29px;left:17px;font:italic 1.3125rem/1 var(--serif);color:#987050;padding:0}
.mistake-page .eyebrow{min-height:26px;padding-left:37px;margin-bottom:16px;font-size:.625rem;letter-spacing:.05em;color:#79654b}
.mistake-page h3{font-size:1.75rem;line-height:1.22;font-weight:500;margin-bottom:18px;color:#304533}
.mistake-page p{font-size:1.0625rem;line-height:1.65;color:#423d33}
.mistake-page .mistake-action{margin-top:23px;padding:18px 0 0;border:0;border-top:1px solid #cdbb9f;background:none}
.mistake-action strong:first-child{color:#8a5537;font-size:.8125rem;font-weight:600;letter-spacing:.01em;margin-bottom:12px}
.mistake-action strong.reading-emphasis{display:inline;font-size:inherit;color:var(--ink);margin:0;line-height:inherit}
.mistake-page .mistake-course{font:italic 1rem/1.6 var(--serif);color:#5b6849;margin-top:23px;padding-top:18px;border-top:1px dashed #cbbb9e}
.reading-visual{margin:0 -3px 24px;padding:7px 3px 14px;border-bottom:1px solid #d4c8ae}
.reading-visual>svg{width:100%;height:auto;max-height:155px;overflow:visible}
.reading-visual .wash.clay{fill:#ecd2b6}.reading-visual .wash.peach{fill:#f0dcc2}.reading-visual .wash.sage{fill:#dce6c9}
.reading-visual .pencil{stroke:#597047;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reading-visual .clay-stroke{stroke:#b07c55}
.diagram-time{font:500 20px var(--sans);fill:#2c4432}.diagram-note{font:italic 13px var(--serif);fill:#8b6344}
.reading-visual figcaption{display:grid;grid-template-columns:1fr 1fr;gap:38px;text-align:center;font-size:.8125rem;font-weight:500;line-height:1.4;color:#5a6048}
.stages{background:#f6f6eb;border-block:1px solid #e0e2d0}
.section-heading>p:last-child{color:#4a4439}
.age-copy{padding-inline:16px}
.age-copy h3{font-weight:500;line-height:1.2;font-size:2rem}
#age-description{font-size:1.0625rem;line-height:1.65;color:#403c32}
.age-copy .check-list li{font-size:1.0625rem;line-height:1.65;color:#343d2f;padding-bottom:13px}
.age-note{color:#5b5545;font-size:.875rem;line-height:1.65;border-color:#b4936b}
.age-note::before{color:#896443}
.reader-trace{background:#f6f6eb;padding-top:24px;color:#5a6049}
.experience-grid>.section-copy>p:last-child{font-size:1.125rem;line-height:1.65;color:#403b34}
.format-page-intro h3{font-family:var(--sans);font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:-.015em}
.format-page-intro p{font-size:1.0625rem;line-height:1.65;color:#494237}
.showroom-tabs [role=tab]{font-size:.9375rem;font-weight:500;min-height:52px}
.showroom-tabs [aria-selected=true]{color:#304535;border-bottom-color:#8d6044}
.device-page>p,.notebook-left p,.notebook-right li{font-size:1.0625rem;line-height:1.65;color:#413d32}
.care{background:#f5ecdf;border-block:1px solid #e0d1b9}
.principle{position:relative;padding:30px 0;border:0;border-bottom:1px solid #d2bfa3}
.principle:last-of-type{border-bottom:0}
.principle::before{display:none}
.principle-sketch{width:36px;height:38px;stroke:#886342;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:15px}
.principle h3{font:600 1.25rem/1.4 var(--sans);letter-spacing:-.02em;margin-bottom:16px;color:#314432;max-width:25ch}
.principle p{font-size:1.0625rem;line-height:1.65;color:#423b31}
.curriculum .section-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:#413b32}
.module-list summary>span:nth-child(2){font-family:var(--sans);font-size:1.25rem;line-height:1.4;font-weight:600;letter-spacing:-.015em}
.module-list summary>span:nth-child(2)>small{font-weight:400;color:#635f4e;font-size:.8125rem;margin-top:8px}
.module-content li{font-size:1.0625rem;line-height:1.6;padding-block:8px;color:#403b34}
.module-content li::marker{color:#986848;font-weight:500}
.module-number{color:#8b6647}
.team .section-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:#413c32}
.team-form label{font-family:var(--sans);font-size:1rem;font-weight:500;color:#344b35}
.team-form textarea{font-size:1.0625rem;background-color:#f7f5e9;color:#303b2e;border-color:#bac4a4;line-height:1.6}
.offer-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:#3d4432}
.offer-card{background:#fffcf3}.offer-card h3{font-weight:400}.offer-tag{font-size:.6875rem}
.offer-status{font-size:.8125rem;line-height:1.65}.offer-included-title{font-size:1.3125rem}
.offer-card .check-list li{font-size:1rem;line-height:1.65;color:#3a4932}
.faq h2+p{font-size:1.0625rem;line-height:1.6;color:#5a5142}
.faq-group>h3{font-family:var(--sans);font-size:.8125rem;line-height:1.6;font-weight:600;font-style:normal;letter-spacing:.04em;color:#866243;border-color:#c9b99e}
.faq-list summary{font-size:1.0625rem;font-weight:500;line-height:1.5;color:#304333;padding:24px 0;gap:18px}
.faq-list details{border-color:#d8ceba}
.faq-list details>div{font-size:1.0625rem;line-height:1.65;color:#423b32;padding-bottom:26px}
.faq-list details[open]{background:linear-gradient(90deg,#f7eddf,transparent);padding-inline:14px;margin-inline:-14px}
.closing-inner>p:last-child{color:#806147}
.site-dialog{color:#403b34}.site-dialog>p:not(.eyebrow){line-height:1.65}
@media(max-width:359px){
 .section-space,.story-page{padding-inline:22px}.hero-copy{padding-inline:25px}.hero-description{font-size:1rem}
 .hero-details{font-size:.75rem}.letter-margin{width:calc(100% + 44px);margin-inline:-22px}
 .lesson-board{padding-inline:13px}.board-content h3{font-size:1.625rem}.board-content>p:last-child{font-size:1rem}.board-top{font-size:.5625rem}
 .mistake-page{margin-inline:-8px;padding-inline:14px}.mistake-page h3{font-size:1.625rem}.mistake-number{left:14px}
 .reading-visual figcaption{gap:20px;font-size:.75rem}.age-copy{padding-inline:12px}.age-copy h3{font-size:1.875rem}
 .offer-card{padding-inline:19px}.offer-card .check-list li{font-size:.9375rem}
}
@media(min-width:600px){
 .section-space,.story-page{padding-inline:50px}.letter-margin{width:calc(100% + 100px);margin-inline:-50px}
 .hero-description{max-width:600px}.hero-reading-path{max-width:450px}.lesson-board{padding:32px}.reading-visual>svg{max-height:170px}
 .mistake-page{padding:32px;margin-inline:0}.mistake-number{left:32px;top:32px}.mistake-page .eyebrow{padding-left:40px}
 .age-copy{padding-inline:30px}.care-grid{max-width:900px}.principle h3{max-width:none}
}
@media(min-width:1000px){
 .section-space{padding:80px 70px}.story-page{padding-inline:50px 58px}
 .hero-description{max-width:44%;font-size:1.0625rem}.hero-reading-path{margin-block:17px}.hero-reading-purpose{font-size:1rem}
 .hero-copy{padding-bottom:125px}.hero-details{max-width:46%;font-size:.8125rem}.hero-note{max-width:46%}
 .lesson-board{padding:31px;border:1px solid #c8d0b5;margin:0}.understand .section-copy{padding-right:50px}
 .board-content>p:last-child{font-size:1.0625rem}.sample-key{font-size:.875rem}
 .learning-map{display:block;margin-top:80px}.learning-heading{max-width:760px;padding:0}.learning-heading h3{font-size:2.75rem}
 .learning-heading>p:last-child{max-width:650px}.mistake-pages{padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
 .mistake-page,.mistake-page:first-child{padding:30px 24px;margin:0;align-self:stretch}.mistake-number{left:24px;top:30px}
 .mistake-page h3{font-size:1.625rem;min-height:4.1em}.mistake-page .eyebrow{font-size:.5625rem;min-height:26px;padding-left:33px}
 .mistake-page p{font-size:1rem;line-height:1.65}.mistake-page .mistake-course{font-size:1rem}.reading-visual figcaption{font-size:.6875rem;gap:22px}.diagram-note{font-size:12px}
 .age-copy{padding:48px 35px}.age-copy h3{font-size:2.5rem}#age-description{font-size:1.125rem}
 .principle{margin-left:0;padding-left:54px}.principle-sketch{position:absolute;left:0;top:31px;width:34px;height:37px}.principle h3{font-size:1.375rem}.principle p{max-width:720px;font-size:1.125rem}
 .module-list summary>span:nth-child(2){font-size:1.375rem}.faq-list summary{font-size:1.125rem}.faq-list details>div{font-size:1.125rem}
 .reader-trace{padding-top:25px;padding-bottom:40px}
}
@media(prefers-reduced-motion:reduce){.reading-visual{animation:none}}