/* The Mrs. May I world: one cast, one palette, one illustration system. */
:root{--cream:#fbf7ed;--paper:#fffdf6;--ink:#423f33;--muted:#746e5c;--sage:#657957;--sage-dark:#4e6545;--sage-light:#e9eddf;--coral:#ad7953;--line:#e1dac8;--serif:Georgia,'Times New Roman',serif;--sans:'Trebuchet MS',Arial,sans-serif}
body{background:var(--cream);color:var(--ink);font-family:var(--sans)}.site-header,.course-header,.cartoon-header{border-color:var(--line)}.preview-ribbon,.course-edition{background:#e8eddf;color:#586a49}.button,.demo-play{background:var(--sage-dark);color:#fffbed;border-radius:9px;box-shadow:0 3px 0 #354c3520}.button:hover{background:#42593b}.brand-mark{background:#f3eddd;border-color:#c6b58d}.hero{gap:43px;grid-template-columns:.95fr 1.15fr;padding-top:37px}.hero-art{padding-top:0}.art-label{position:static;transform:none;text-align:center;padding:0 0 12px;color:#897247;font-size:12px}.world-hero-image{display:block;width:100%;height:auto;border-radius:26px 26px 15px 15px;border:1px solid #d3c4a4;box-shadow:0 18px 45px #71542c1c}.hello-sticker{left:-17px;bottom:54px;transform:rotate(-3deg);background:#fffaf0;border-color:#e0d5bc;box-shadow:0 7px 20px #71542c14}.hero-art .motion-toggle{font-size:12px;min-height:44px;color:var(--sage-dark);padding:13px 3px 0}.promise-strip{border-block-color:#e4dcc7;background:#f3eddf}.lesson-shell,.course-stage{border-color:#dfd7c2;box-shadow:0 12px 35px #6d573012;border-radius:18px}.lesson-visual{padding:22px;background:#f0e8d5;min-height:0;justify-content:flex-start}.lesson-badge{color:#856a40}.speech-bubble{background:#fffaf0;border-color:#decfb0}.world-lesson-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin:19px 0 12px;border:1px solid #d5c8ab}.character-names,.course-character-names{font-size:11px;color:#7c6a4b}.character-names span,.course-character-names span{font-size:14px}.lesson-interaction{background:var(--paper)}.gentlemen-portrait{max-width:400px}.world-door-image{display:block;width:100%;height:auto;border:1px solid #d7c9ac;border-radius:150px 150px 20px 20px;box-shadow:0 12px 35px #71542c15}.gentlemen-portrait>span{background:#fffaf1;border-color:#dfd2b7;bottom:18px}.gentlemen-section{gap:55px}.world-chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}.world-chapter-card{display:block;border:1px solid #e0d6c0;border-radius:15px;overflow:hidden;background:var(--paper);box-shadow:0 7px 25px #71542c09;transition:transform .18s,box-shadow .18s}.world-chapter-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #71542c17}.world-chapter-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.world-chapter-card[href$="#chivalry"]>img{object-position:center top}.world-chapter-card>div{padding:20px 21px 23px;position:relative}.world-chapter-card .eyebrow{font-size:9px;color:#9d794e}.world-chapter-card h3{font-size:26px;line-height:1.17;margin:7px 0 11px;letter-spacing:-.025em}.world-chapter-card p{font-size:13px;line-height:1.65;color:#746f5b;padding-right:19px}.chapter-card-arrow{position:absolute;bottom:21px;right:20px;color:#687b53;font-size:21px}.full-class-callout{border-color:#d5dac4;background:#eef0e2;border-radius:13px}.age-guide{border-color:var(--line)}.interest-section{background:#637653}.world-welcome-image{display:block;width:100%;height:auto;border:1px solid #d7c9ae;border-radius:23px;box-shadow:0 15px 40px #71542c17}.welcome-world blockquote{position:relative;bottom:auto;left:auto;margin:-15px 25px 0;background:#fffaf0;border-color:#d9caac;transform:rotate(-2deg);box-shadow:0 7px 20px #71542c0d}.course-header .course-tool{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#edf0e2;border-color:#d1d9bf;text-decoration:none}.course-illustration{background:#f0e8d5;padding:19px 18px;justify-content:flex-start;border-color:#dfd6c0}.course-speech{font-size:17px;background:#fffaf1;border-color:#decfb2;margin:0 0 17px;max-width:100%}.world-course-image{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #d6c7a8}.course-character-names{margin-top:13px}.chapter-quote{color:#806e4e;border-color:#dccfb5;font-size:14px;max-width:none}.course-story-panel{background:#fffdf6}#story-narrative p{font-size:14px;line-height:1.85}.story-tools .listen-button{font-size:11px}.dinner-cartoon{background:#f4eedf;border-color:#dfd4bd;border-radius:18px}.chapter-sidebar details,.chapter-button[aria-current=step]{background:#e9eedf}.chapter-button{font-size:12px;line-height:1.5}.chapter-button .chapter-index{font-size:10px}.cartoon-shell{font-family:var(--sans)}.cartoon-header a{font-family:var(--serif);color:var(--ink)}.cartoon-player{border-color:#dfd4bd;box-shadow:0 12px 35px #6d573012;background:var(--paper)}.cartoon-caption h2{font-family:var(--serif)}.cartoon-scenes button{background:var(--paper);border-color:#dfd4bd}.cartoon-scenes button[aria-current=true]{background:#e8eddf;border-color:#93a47c}.cartoon-practice{border-color:#b48b58}.cartoon-links a{color:var(--sage-dark)}
@media(max-width:1000px){.hero{gap:25px}.world-chapter-grid{gap:16px}.world-chapter-card>div{padding:16px}.world-chapter-card h3{font-size:23px}.hero-art .hello-sticker{left:-8px;min-width:130px;padding:12px 15px}}
@media(max-width:750px){.hero{grid-template-columns:1fr;gap:27px}.hero-art{max-width:620px;width:100%;margin:0 auto}.world-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-art .hello-sticker{bottom:53px}.world-chapter-card h3{font-size:23px}.gentlemen-section{gap:30px}.world-welcome-image{border-radius:18px}.world-hero-image{border-radius:20px}.welcome-world{max-width:480px}.welcome-world blockquote{margin-inline:17px}.lesson-visual{padding:19px}.world-lesson-image{max-width:480px;align-self:center}.chapter-button{font-size:12px}.course-character-names{margin-top:13px}.course-story-panel{padding:25px 21px}}
@media(max-width:480px){.world-chapter-grid{grid-template-columns:1fr;gap:20px}.world-chapter-card{display:grid;grid-template-columns:42% 58%;border-radius:12px;min-height:154px}.world-chapter-card>img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.world-chapter-card[href$="#chivalry"]>img{object-position:center 20%}.world-chapter-card>div{padding:15px 14px}.world-chapter-card h3{font-size:23px;margin:6px 0 8px}.world-chapter-card p{font-size:12px;line-height:1.5;padding-right:7px}.chapter-card-arrow{bottom:10px;right:12px;font-size:17px}.world-chapter-card .eyebrow{font-size:8px}.hero-art .hello-sticker{font-size:17px;left:7px;bottom:55px;min-width:120px}.hero-art .hello-sticker>span{font-size:8px}.hero-art .art-label{font-size:11px}.course-speech{font-size:16px}.chapter-quote{font-size:13px}.course-illustration{padding:18px}.world-course-image{border-radius:11px}.cartoon-scenes{gap:10px}}
@media(prefers-reduced-motion:reduce){.world-chapter-card{transition:none}.world-chapter-card:hover{transform:none}}

/* Optional character narration */
.piggy-game-image{display:block;width:100%;height:auto;border:1px solid #ded4bf;border-radius:10px;margin:0 0 16px}
.piggy-family-game{margin:1.2rem 0;border:1px solid #d5dcc5;border-radius:13px;background:#f0f2e7}.piggy-family-game summary{position:relative;cursor:pointer;padding:18px 46px 18px 20px;list-style:none}.piggy-family-game summary::-webkit-details-marker{display:none}.piggy-family-game summary .eyebrow{display:block;margin:0 0 5px;font-size:10px;color:var(--sage-dark)}.piggy-family-game summary strong{font-family:var(--serif);font-size:23px;line-height:1.25}.piggy-game-toggle{position:absolute;right:19px;top:27px;color:var(--sage-dark)}.piggy-family-game details[open] .piggy-game-toggle{transform:rotate(45deg)}.piggy-game-body{padding:0 20px 20px;font-size:14px;line-height:1.8}.piggy-game-body p{margin:0 0 12px}.piggy-game-body ol{padding-left:22px;margin:0 0 16px}.piggy-game-body li{padding-left:4px;margin:0 0 10px}.piggy-game-body .listen-button{margin-top:2px;white-space:normal}.piggy-family-game summary:focus-visible{outline:3px solid #8a9b6a;outline-offset:3px;border-radius:13px}
.fork-grip-guide{margin:1.25rem 0 1.5rem;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#f4eddf}.fork-grip-guide img{display:block;width:100%;height:auto;object-fit:contain}.fork-grip-guide figcaption{padding:14px 16px;font-size:13px;line-height:1.65}.fork-grip-guide figcaption strong,.fork-grip-guide figcaption span{display:block}.fork-grip-guide figcaption strong{color:var(--sage-dark);margin-bottom:3px}.fork-grip-guide figcaption span{color:var(--ink)}
.narration-status:empty{display:none}.narration-status{color:#724c3b;font-size:.88rem;margin:0 0 1rem}.welcome-copy>.listen-button{margin-top:.65rem}.course-parent-note .listen-button{margin:.2rem 0 .8rem}.course-finish>.listen-button{margin-bottom:1.25rem}.story-tools{flex-wrap:wrap;gap:.6rem}.story-tools .listen-button{white-space:normal;text-align:left}