:root{--paper: #ffffff;--wash: #eff7f8;--ink: #16333f;--muted: #48616b;--accent: #00777b;--line: #c7dbdf;--accent-wash: #dceef0;--warm-wash: #fff4dc;--warm-ink: #755014;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius: .5rem;--body-size: 1.125rem;--small-size: .9375rem;--page-title: clamp(1.875rem, 3vw, 2.25rem);--section-title: clamp(1.5rem, 2vw, 1.75rem);--reading-width: 46rem;--site-width: 76rem}*{box-sizing:border-box}html{color-scheme:light;scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:var(--body-size);line-height:1.9;overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:.075em}a:hover{text-decoration-thickness:.15em}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:.2rem solid var(--accent);outline-offset:.2rem}h1,h2,h3,p,ul,ol,figure{margin:0}h1{font-size:var(--page-title);line-height:1.5;letter-spacing:.01em;font-weight:700}h2{font-size:var(--section-title);line-height:1.6;font-weight:700}h3{font-size:1.25rem;line-height:1.6}p+p{margin-top:var(--space-4)}ul,ol{padding-left:var(--space-5)}li+li{margin-top:var(--space-2)}small,.note,.breadcrumb,.lesson-meta{font-size:var(--small-size);color:var(--muted)}.skip-link{position:absolute;top:0;left:var(--space-4);transform:translateY(-130%);z-index:20;background:var(--paper);padding:var(--space-2) var(--space-4)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:var(--site-width);margin:auto;padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.brand{color:var(--ink);text-decoration:none;font-family:Avenir,Trebuchet MS,sans-serif;font-size:1.875rem;line-height:1.2;white-space:nowrap;font-weight:700}.brand-a{color:var(--accent)}.brand-note{display:block;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:.8125rem;margin-top:var(--space-2);font-weight:400}.main-nav{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:1rem}.main-nav a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}.main-nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.site-layout{max-width:var(--site-width);margin:auto;padding:var(--space-7) var(--space-6) var(--space-8);display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--space-7)}.site-layout>main{min-width:0}.site-layout.landing{display:block}.curriculum-nav{font-size:var(--small-size);align-self:start}.curriculum-nav>summary{font-size:1rem;margin-bottom:var(--space-3)}.curriculum-nav nav>details{border-bottom:1px solid var(--line)}.curriculum-nav summary{cursor:pointer;padding:var(--space-3) 0;font-weight:700;min-height:2.75rem}.curriculum-nav summary::marker{color:var(--accent)}.curriculum-nav nav ol{list-style:none;padding:0 0 var(--space-4)}.curriculum-nav li+li{margin-top:0}.curriculum-nav a{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-2);color:var(--muted);text-decoration:none;border-left:3px solid transparent}.curriculum-nav a[aria-current=page]{color:var(--accent);border-color:var(--accent);background:var(--wash);font-weight:700}.curriculum-nav .chapter-link{display:block;font-weight:700}.curriculum-nav a:hover{background:var(--wash)}.reading{max-width:var(--reading-width)}.breadcrumb{margin-bottom:var(--space-5)}.breadcrumb ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.breadcrumb li+li{margin:0}.breadcrumb li+li:before{content:"/";margin-right:var(--space-2);color:var(--muted)}.lesson-meta{color:var(--accent);margin-bottom:var(--space-2);font-weight:700}.lesson-head{margin-bottom:var(--space-6)}.lesson-head>p:last-child{margin-top:var(--space-4)}.goal{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--wash);border-left:.25rem solid var(--accent)}.goal h2{font-size:1rem;margin-bottom:var(--space-2)}.goal p{font-size:var(--body-size)}.lesson-section{margin-top:var(--space-7)}.lesson-section h2{margin-bottom:var(--space-4)}.lesson-section ul{margin-top:var(--space-4)}.diagram{background:var(--wash);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5);margin:var(--space-6) 0}.diagram figcaption{font-size:1rem;font-weight:700;margin-bottom:var(--space-5)}.diagram-rows{display:grid;gap:var(--space-4)}.diagram-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.visual-word{font-family:Avenir,Trebuchet MS,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.3;letter-spacing:.015em}.visual-label{font-size:1rem;color:var(--muted)}.word-parts{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.word-part{display:inline-block;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.word-part.sound{background:var(--accent);color:var(--paper);border-color:var(--accent)}.word-part.silent{color:var(--muted);border-style:dashed}.diagram.silent .diagram-row{align-items:center}.diagram.segments .diagram-rows,.diagram.stress .diagram-rows{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-3)}.diagram.segments .diagram-row,.diagram.stress .diagram-row{flex:1 1 7rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-4);border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);text-align:center}.diagram.segments .visual-word{color:var(--accent)}.diagram.stress .strong{background:var(--accent);color:var(--paper)}.diagram.stress .strong .visual-label{color:var(--paper)}.diagram.stress .weak .visual-word{font-size:1.75rem}.diagram.steps .diagram-row{border-bottom:1px solid var(--line);padding-bottom:var(--space-3)}.diagram.steps .diagram-row:last-child{border:0;padding:0}.diagram.steps .visual-word{font-family:inherit;font-size:1.25rem}.table-wrap{max-width:100%;overflow-x:auto;margin-top:var(--space-5);border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.7;text-align:left}caption{caption-side:top;text-align:left;padding:var(--space-4);font-size:var(--small-size);color:var(--muted);background:var(--paper)}th,td{padding:var(--space-3) var(--space-4);vertical-align:top}th{background:var(--wash);font-weight:700}tbody tr+tr{border-top:1px solid var(--line)}tbody td:first-child{font-weight:700}.tip{background:var(--warm-wash);color:var(--warm-ink);margin-top:var(--space-7);padding:var(--space-5);border-radius:var(--radius)}.tip h2{font-size:1.125rem;margin-bottom:var(--space-2)}.tip p{font-size:1rem}.quiz{border-top:2px solid var(--accent);margin-top:var(--space-7);padding-top:var(--space-5)}.quiz h2{margin-bottom:var(--space-4)}.quiz details{margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--radius)}.quiz summary{cursor:pointer;font-size:1rem;font-weight:700;padding:var(--space-3) var(--space-4);color:var(--accent);min-height:2.75rem}.quiz details[open] summary{border-bottom:1px solid var(--line)}.answer{padding:var(--space-4)}.takeaways{margin-top:var(--space-7);background:var(--wash);padding:var(--space-5);border-radius:var(--radius)}.takeaways h2{font-size:1.25rem;margin-bottom:var(--space-3)}.takeaways ul{font-size:1rem}.page-links{margin-top:var(--space-7);border-top:1px solid var(--line);padding-top:var(--space-5);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.page-links a{display:block;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;font-size:1rem}.page-links a.next{border-color:var(--accent);background:var(--wash)}.page-links small{display:block;margin-bottom:var(--space-2)}.page-links .back-index{grid-column:1 / -1;text-align:center;border:0}.sources{margin-top:var(--space-6);font-size:var(--small-size);color:var(--muted)}.sources summary{cursor:pointer;min-height:2.75rem;display:list-item;padding:var(--space-2) 0}.sources ul{margin-top:var(--space-3)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-7);align-items:center;padding:var(--space-6) 0 var(--space-7)}.hero h1{max-width:20em}.hero p{margin-top:var(--space-5);max-width:32em}.hero .diagram{margin:0;border:0;padding:var(--space-6)}.hero .visual-word{font-size:clamp(2.25rem,5vw,3.5rem)}.hero .diagram-row+.diagram-row{border-top:1px solid var(--line);padding-top:var(--space-5)}.hero .diagram figcaption{margin-bottom:var(--space-6)}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--paper);border-radius:var(--radius);font-size:1rem;font-weight:700;min-height:3rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-6);font-size:1rem}.hero .note{margin-top:var(--space-4)}.home-section{border-top:1px solid var(--line);padding-top:var(--space-6);margin-top:var(--space-6)}.home-section>p{margin-top:var(--space-3);max-width:var(--reading-width)}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}.chapter-card{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius)}.chapter-card h3{margin-top:var(--space-2)}.chapter-card p{font-size:1rem;margin-top:var(--space-3)}.chapter-card .chapter-meta{font-size:var(--small-size);color:var(--accent);margin-top:0}.chapter-card>a{display:inline-block;min-height:2.75rem;padding-top:var(--space-3);font-size:1rem;font-weight:700}.learn-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6)}.learn-flow li+li{margin-top:0}.learn-flow .step-label{display:block;color:var(--accent);font-size:1rem;font-weight:700;margin-bottom:var(--space-2)}.learn-flow p{font-size:1rem;margin-top:var(--space-3)}.chapter-lessons{list-style:none;padding:0;margin-top:var(--space-6)}.chapter-lessons li+li{margin-top:0}.chapter-lessons li{border-top:1px solid var(--line)}.chapter-lessons a{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-4);padding:var(--space-5) 0;text-decoration:none}.chapter-lessons .lesson-number{color:var(--accent);font-family:Avenir,sans-serif;font-size:1.5rem;line-height:1.5}.chapter-lessons h2{font-size:1.25rem;color:var(--ink)}.chapter-lessons p{font-size:1rem;color:var(--muted);margin-top:var(--space-2)}.chapter-lessons a:hover h2{color:var(--accent);text-decoration:underline}.site-footer{border-top:1px solid var(--line);background:var(--wash)}.footer-inner{max-width:var(--site-width);padding:var(--space-6);margin:auto}.footer-brand{color:var(--ink);font-size:1.25rem;font-family:Avenir,sans-serif;font-weight:700;text-decoration:none}.footer-inner p{font-size:1rem;margin-top:var(--space-2)}.footer-inner nav{display:flex;flex-wrap:wrap;gap:var(--space-5);font-size:var(--small-size);margin:var(--space-4) 0}.footer-inner nav a{min-height:2.75rem;display:inline-flex;align-items:center}@media(max-width:960px){.site-layout{grid-template-columns:12rem minmax(0,1fr);gap:var(--space-5)}.hero{gap:var(--space-5)}}@media(max-width:720px){.header-inner{padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.brand{font-size:1.625rem}.main-nav{gap:var(--space-4);font-size:.9375rem}.site-layout{display:block;padding:var(--space-5) var(--space-4) var(--space-7)}.curriculum-nav{margin-bottom:var(--space-6);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.curriculum-nav>summary{margin:0}.curriculum-nav nav>details:last-child{border:0}.curriculum-nav nav ol{max-height:20rem;overflow-y:auto}.hero{display:block;padding-top:var(--space-3)}.hero .diagram{margin-top:var(--space-6);padding:var(--space-5)}.chapter-grid,.learn-flow{grid-template-columns:1fr;gap:var(--space-4)}.diagram{padding:var(--space-4)}.visual-label{font-size:.9375rem}.diagram.segments .diagram-row,.diagram.stress .diagram-row,th,td{padding:var(--space-3)}.page-links{grid-template-columns:1fr}.footer-inner{padding:var(--space-6) var(--space-4)}}@media print{.site-header,.curriculum-nav,.page-links,.site-footer,.skip-link{display:none}.site-layout{display:block;padding:0}.reading{max-width:none}.diagram,.table-wrap,.quiz,.takeaways{break-inside:avoid}.quiz details:not([open]) .answer{display:block}body{font-size:12pt}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.page-toc{border-bottom:1px solid var(--line);padding-bottom:var(--space-5);font-size:1rem}.page-toc p{font-size:1rem;font-weight:700;margin-bottom:var(--space-3)}.page-toc li+li{margin-top:var(--space-2)}.page-toc a{display:inline-block;min-height:1.75rem}@media(max-width:720px){.js [data-curriculum]:not([data-ready])>nav{display:none}}.hero .diagram-row{display:grid;justify-content:start}.quiz-list{padding-left:1.5rem}.quiz-list>li{padding-left:var(--space-2);margin-bottom:var(--space-6)}.quiz-list>li::marker{font-weight:700;color:var(--accent)}.practice-answers{margin-top:var(--space-4)}.practice-answers>summary{cursor:pointer;color:var(--accent);font-weight:700;padding:var(--space-3) 0;min-height:2.75rem}.practice-answers .table-wrap{margin-top:var(--space-3)}.word-grid td{white-space:nowrap;font-weight:600}.table-hint{display:block;margin-top:var(--space-2)}@media(min-width:48rem){.table-hint{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.exam-card{margin-top:var(--space-7);padding:var(--space-5);background:var(--wash);border:1px solid var(--line);border-radius:var(--radius)}.exam-card h2{margin:var(--space-2) 0 var(--space-3)}.exam-facts{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);padding-left:1.25rem;font-size:1rem;color:var(--muted)}.exam-guide{margin-top:var(--space-6)}.exam-progress{margin:var(--space-6) 0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius)}.exam-progress label{display:block;font-size:1rem;font-weight:700}.exam-progress progress{width:100%;height:.75rem;accent-color:var(--accent)}.exam-progress p{margin:var(--space-2) 0 0;font-size:1rem}#exam-controls{border:0;margin:0;padding:0;min-width:0}.exam-questions{list-style:none;margin:0;padding:0}.exam-questions>li{margin:var(--space-6) 0}.exam-question{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5);scroll-margin-top:var(--space-6)}.exam-question legend{max-width:100%;padding:0 var(--space-2);font-weight:700;line-height:1.8}.exam-question-number{display:inline-block;color:var(--accent);margin-right:var(--space-2)}.exam-options{display:grid;gap:var(--space-3)}.exam-options label{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;font-size:1rem;min-height:2.75rem}.exam-options label:has(input:checked){border-color:var(--accent);background:var(--wash)}.exam-options input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin-top:.3rem;accent-color:var(--accent)}.exam-input-label{display:block;font-size:var(--small-size);color:var(--muted);margin-bottom:var(--space-2)}.exam-input{width:100%;max-width:20rem;min-height:3rem;padding:var(--space-3);font:inherit;border:1px solid var(--muted);border-radius:var(--radius);background:var(--paper);color:var(--ink)}.exam-input:focus-visible,.exam-options input:focus-visible,button:focus-visible{outline:.2rem solid var(--accent);outline-offset:.2rem}.exam-feedback{margin-top:var(--space-5);border-top:1px solid var(--line);padding-top:var(--space-4);overflow-wrap:anywhere}.exam-feedback h3{font-size:1.125rem;margin-bottom:var(--space-3)}.exam-feedback p,.exam-feedback a{font-size:1rem}.exam-question.is-correct{border-color:var(--accent)}.exam-question.is-incorrect,.exam-question.is-missing{border:2px solid var(--warm-ink)}.exam-question.is-incorrect .exam-feedback{background:var(--warm-wash);padding:var(--space-4);border-radius:var(--radius)}.exam-result{padding:var(--space-5);background:var(--wash);border:2px solid var(--accent);border-radius:var(--radius);margin:var(--space-6) 0}.exam-score{font-size:2.5rem;color:var(--accent);font-weight:700;margin:var(--space-3) 0}.exam-review{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);font-size:1rem}.exam-error{padding:var(--space-4);background:var(--warm-wash);color:var(--warm-ink);border:1px solid var(--warm-ink);border-radius:var(--radius)}.exam-submit-area{padding:var(--space-5);background:var(--wash);border-radius:var(--radius)}button.button{font:inherit;cursor:pointer;border:0}.exam-retry{display:block;margin-top:var(--space-4);padding:var(--space-3);font:inherit;background:var(--paper);border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);cursor:pointer}.exam-back{margin-top:var(--space-6)}@media(max-width:30rem){.exam-question{padding:var(--space-3)}.exam-submit-area{padding:var(--space-4)}}.exam-title-suffix{display:block;margin-top:var(--space-2);font-size:1.5rem;color:var(--muted)}.exam-facts{list-style:none;padding-left:0}.exam-facts li{white-space:nowrap}.supplement-reading{max-width:56rem}.slide-figure{margin:1.75rem 0 2.25rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.slide-scroll{overflow-x:auto;overscroll-behavior-x:contain}.slide-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.slide-scroll img{display:block;width:100%;min-width:760px;height:auto;max-width:none}.slide-figure figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1rem;padding:1rem 1.25rem;background:var(--wash);font-size:.9rem}.slide-figure figcaption>span{font-weight:700}.slide-figure figcaption small{flex-basis:100%;color:var(--muted)}.slide-figure figcaption a{text-underline-offset:.2em}.word-practice{display:grid;gap:.65rem;margin:1.5rem 0}.word-practice details{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:.8rem 1rem}.word-practice summary{cursor:pointer;line-height:1.8}.word-practice summary span{margin-right:.75rem}.word-practice summary span[lang]{font-weight:750;font-size:1.15rem}.practice-prompt{font-size:.8rem;color:var(--muted);display:inline-block}.word-practice details p{border-top:1px solid var(--line);padding-top:1rem;margin-bottom:.2rem}.supplement-related{background:var(--wash);border-left:4px solid var(--accent);padding:1.25rem 1.5rem;margin:2.5rem 0}.supplement-related h2{margin-top:0;font-size:1.2rem}.supplement-related ul,.supplement-links{padding-left:1.3rem}.supplement-related li,.supplement-links li{margin:.65rem 0}.example-list li{margin:.75rem 0;overflow-wrap:anywhere}.supplement-source{margin-top:2rem}[hidden]{display:none!important}#course-lock{border:1px solid var(--line);background:var(--wash);border-radius:var(--radius);padding:var(--space-6);margin:var(--space-6) 0}#course-lock p{margin:var(--space-5) 0}.course-unavailable{color:var(--muted);cursor:default;text-decoration:none}.course-lock-label{display:block;font-size:.875rem;font-weight:400;color:var(--muted);grid-column:1 / -1}.lesson-references{margin:var(--space-5) 0;font-size:var(--small-size)}.lesson-references summary{cursor:pointer}#exam-course-action{margin:var(--space-5) 0}.integrated-reading{max-width:56rem}.course-open #course-content[hidden]{display:block!important}.course-open #course-lock{display:none!important}