@font-face{font-family:BrandSerif;src:url('brand-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:BrandSerif;src:url('brand-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--ink:#203a38;--muted:#526864;--brand:#173d3b;--lime:#d3ff73;--line:#d6dfdb;--canvas:#f4f6f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.65 'Segoe UI',Arial,sans-serif}h1,h2,h3{font-family:BrandSerif,Georgia,serif;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.8rem,4.8vw,5rem);margin:0 0 32px}h2{font-size:clamp(2rem,3.2vw,3.4rem);margin:0 0 28px}h3{font-size:1.6rem;margin:16px 0 24px}h4{font-size:1.05rem}p{max-width:68ch}a{color:inherit;text-underline-offset:5px}button,a,input,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid #317467;outline-offset:5px}.skip{position:fixed;top:-100px;background:white;z-index:10;padding:12px}.skip:focus{top:0}::selection{background:var(--lime);color:var(--brand)}.story-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(5vw,24px);background:var(--canvas);border-bottom:1px solid var(--line)}.story-header img{display:block;width:236px;height:auto}.open-app{font-weight:600;text-decoration:none;padding:8px 0}.open-app span{margin-left:10px}.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:3px}.reading-progress span{display:block;height:100%;background:var(--brand);transform:scaleX(0);transform-origin:left}.story-section{max-width:1600px;margin:0 auto;padding:100px max(6vw,24px);scroll-margin-top:0}.opening{min-height:calc(100svh - 80px);display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:center}.opening-copy>p{max-width:510px;font-size:1.15rem;color:var(--muted)}h1 em{font-weight:400;color:#317467}.story-link{display:inline-flex;align-items:center;gap:18px;padding:12px 0;font-weight:600}.opening-dialogue{padding:20px 0}.bubble{background:#fff;border:1px solid var(--line);padding:24px 28px;border-radius:14px 14px 14px 3px;margin:0 45px 22px 0}.bubble p{font-family:BrandSerif,Georgia,serif;font-size:1.5rem;line-height:1.5;margin:10px 0 0}.bubble small{color:var(--muted)}.bubble.two,.bubble.reply{margin-left:55px;margin-right:0;background:#e6efea;border-radius:14px 14px 3px 14px}.bubble.three,.bubble.resolution{background:var(--brand);color:white;border-color:var(--brand)}.bubble.three small,.bubble.resolution small{color:#d3e3d9}.scene-caption{font-size:.875rem;color:var(--muted);margin:24px 0}.split-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7vw;align-items:center;min-height:90svh;border-top:1px solid var(--line)}.narrative{max-width:530px}.narrative p{color:var(--muted)}.example{padding:32px;background:white;border:1px solid var(--line);border-radius:14px;min-width:0}.example-bar{font-size:.85rem;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.expression{padding:20px 0;border-top:1px solid var(--line)}.expression b{display:block;font-family:BrandSerif,Georgia,serif;font-size:1.25rem;font-weight:400}.expression span{display:block;color:var(--muted);margin-top:6px}.example-bottom{border-top:1px solid var(--line);padding-top:20px;font-size:.9rem}.tinted{background:#eaf0ec}.fine{font-size:.85rem;color:var(--muted)}audio{width:100%;display:block;margin:24px 0 10px}summary{cursor:pointer;font-size:.9rem;padding:10px 0}.story-answers{display:grid;gap:10px;margin:20px 0}.story-answers button{padding:14px 18px;text-align:left;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink)}.story-answers button:hover{background:#edf2ef}.story-answers button[data-state=correct]{background:#edf6ef;border-color:#256444}.story-answers button[data-state=wrong]{background:#fff5e9;border-color:#815025}.feedback-placeholder{min-height:84px;font-size:.95rem}.format-strip{display:flex;gap:10px 20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;font-size:.85rem;color:var(--muted)}.dark-section{background:var(--brand);color:white}.dark-section .narrative p{color:#d6e5dd}.dark-section .example{color:var(--ink)}.group-row{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:.9rem}.group-row>span:first-of-type{grid-column:1;color:var(--muted)}.group-row .status{grid-column:2;grid-row:1/3;align-self:center;font-size:.8rem;background:#edf2ef;padding:5px 9px;border-radius:5px}.group-row .accepted{background:#edf6ef;color:#256444}.group-note{padding-top:24px}.group-note p{font-size:.95rem}.review-example blockquote{font-family:BrandSerif,Georgia,serif;font-size:1.25rem;margin:24px 0}.review-marks{padding:0;list-style:none}.review-marks li{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;font-size:.95rem}.review-marks b{white-space:nowrap;font-variant-numeric:tabular-nums}.solid-button,.outline-button{display:inline-block;padding:14px 22px;background:var(--brand);color:white;border:1px solid var(--brand);border-radius:9px;font-weight:600;text-decoration:none;text-align:center}.solid-button:hover{background:#23544e}.outline-button{background:transparent;color:var(--brand)}#review-comment{padding-top:12px}#review-comment h4{color:#815025}.lesson-plan{padding-left:24px}.lesson-plan li{padding:14px 0 22px 12px;border-bottom:1px solid var(--line)}.lesson-plan li:last-child{border:0}.lesson-plan p{color:var(--muted);margin:8px 0}.lesson-plan span{font-size:.85rem;color:var(--muted)}.closing{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:start}.closing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.scope h3{font-family:'Segoe UI',Arial,sans-serif;font-size:1.2rem;letter-spacing:0;margin:32px 0 12px}.scope h3:first-child{margin-top:0}.scope p{color:var(--muted);font-size:1rem}.story-footer{padding:32px max(6vw,24px);border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:.9rem}.story-footer img{display:block}.reveal-ready .example,.reveal-ready .conversation-example,.reveal-ready .opening-dialogue{transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s;transform:translateY(25px);opacity:.4}.reveal-ready.in-view .example,.reveal-ready.in-view .conversation-example,.reveal-ready.in-view .opening-dialogue{transform:none;opacity:1}.in-view .opening-dialogue .bubble{animation:arrive .8s cubic-bezier(.16,1,.3,1) both}.in-view .opening-dialogue .two{animation-delay:.15s}.in-view .opening-dialogue .three{animation-delay:.3s}@keyframes arrive{from{transform:translateY(22px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(min-width:1100px){.narrative{position:sticky;top:150px;align-self:start;padding-top:24px}}
@media(max-width:900px){.opening,.split-section,.closing{grid-template-columns:1fr;gap:44px;min-height:auto}.story-section{padding:64px 28px}.opening-copy>p,.narrative{max-width:680px}.opening-dialogue{max-width:580px;width:100%;justify-self:center}.example,.conversation-example{max-width:680px;width:100%;justify-self:center}.story-header{padding:16px 28px}.story-header img{width:200px}.story-footer{flex-wrap:wrap}.opening{padding-top:56px}h1{font-size:clamp(2.6rem,7vw,4rem)}}
@media(max-width:480px){body{font-size:16px}.story-header{padding:14px 20px;gap:12px}.story-header img{width:168px}.open-app{font-size:.82rem}.open-app span{display:none}.story-section{padding:48px 20px}.example{padding:22px}.bubble{padding:20px;margin-right:20px}.bubble.two,.bubble.reply{margin-left:25px}.bubble p{font-size:1.25rem}.group-row{grid-template-columns:1fr}.group-row .status{grid-column:1;grid-row:auto;justify-self:start}.closing-actions{flex-direction:column}.story-footer{padding:28px 20px;align-items:flex-start}h1{font-size:2.7rem}h2{font-size:2rem}.review-marks li{font-size:.875rem}.feedback-placeholder{min-height:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready .example,.reveal-ready .conversation-example,.reveal-ready .opening-dialogue{opacity:1;transform:none;transition:none}.in-view .opening-dialogue .bubble{animation:none}}
@media(max-width:360px){h1{font-size:2.25rem}.opening-copy{min-width:0}.story-header img{width:150px}.open-app{max-width:110px;text-align:right}}

.format-catalog{min-width:0;border-top:1px solid var(--line)}.format-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none}.format-row h3{font-family:'Segoe UI',Arial,sans-serif;font-size:1.125rem;letter-spacing:0;margin:0}.format-row p{grid-column:1;margin:0;color:var(--muted);font-size:.95rem}.format-row>span{grid-column:2;grid-row:1/3;align-self:center;font-size:.85rem;font-weight:600}.format-row:hover h3{text-decoration:underline;text-underline-offset:4px}.feature-list{padding-left:22px}.feature-list li{padding:6px 0}#free-answers .example>h3:not(:first-of-type){margin-top:32px}.opening-copy h1 em{display:block}.opening-dialogue .bubble p{font-family:BrandSerif,Georgia,serif}
@media(max-width:620px){.format-row{grid-template-columns:minmax(0,1fr)}.format-row>span{grid-column:1;grid-row:auto}.opening-copy h1{font-size:2.5rem;overflow-wrap:normal}}
@media(max-width:360px){.opening-copy h1{font-size:2rem}}