/* Preserve the approved art and show each pose through its own complete viewport. */
.character.haru,.character.bit{background-image:none!important;background-color:transparent!important;overflow:visible;border-radius:0;line-height:0;position:relative}
.character-art{display:block;width:100%;height:100%;overflow:hidden}
.hero-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;width:min(100%,320px);margin:0 auto;padding:8px 0}
.hero-duo>figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end}
.hero-duo .duo-person>.character{width:100%;height:240px;max-width:none;aspect-ratio:auto;margin:0}
.hero-duo .duo-cat>.character{width:100%;height:140px;max-width:none;aspect-ratio:auto;margin:0}
.hero-duo figcaption{font-size:1rem;line-height:1.7;color:#395f51;text-align:center;margin-top:10px}.hero-duo figcaption small{display:block;font-size:.875rem;color:#657c6e;margin-top:3px}
.conversation-row .speaker .character.speaker-pose{width:90px;height:120px;aspect-ratio:auto;background-size:initial!important;border-radius:0}
.conversation-row .speaker .character.speaker-pose.bit{height:88px}
.conversation-row .speaker{width:90px;gap:7px}.conversation-row .speaker>span:last-child{font-size:.875rem;line-height:1.5}
.avatar.bit,.avatar.haru{background-size:300% 200%;background-position:0 0;border-radius:12px;background-color:white}
.first-mention{font-size:.9375em;font-weight:400;letter-spacing:normal;line-height:inherit;overflow-wrap:anywhere;white-space:normal;color:inherit}
h1 .first-mention,h2 .first-mention,h3 .first-mention{font-size:1rem;line-height:1.7}
.syllabus-primer{padding:25px 28px;margin:30px 0;border:1px solid #cee0d5;border-radius:16px;background:#f3f8f4;color:#2e4f41;overflow-wrap:anywhere}.syllabus-primer .eyebrow{font-size:.875rem;color:#547461}.syllabus-primer>h2{font-size:1.4rem;line-height:1.65;margin:10px 0 16px}.syllabus-primer p{font-size:1rem;line-height:1.95;margin:12px 0}.syllabus-primer .text-link{font-size:.9375rem;line-height:1.8}.beginner-fields{display:grid;gap:14px;margin:20px 0}.beginner-fields>section{display:flex;gap:14px;background:#fff;border:1px solid #dde7df;border-radius:12px;padding:18px}.beginner-fields h3{font-size:1.0625rem;margin:0 0 6px;line-height:1.7}.beginner-fields p{margin:0}.beginner-field-number{font-size:.875rem;color:#638270;margin-top:3px;flex:none}.syllabus-primer .classification-note{padding-top:16px;border-top:1px solid #d7e4da;color:#4c6858;font-size:.9375rem}.field-description{font-size:1rem;line-height:1.9;color:#4a6656;margin:12px 0 20px;max-width:800px}.chapter-first-words{background:#f0f6f1;border-left:4px solid #538670;border-radius:0 12px 12px 0;padding:15px 22px;margin:24px 0}.chapter-first-words p{font-size:1rem;line-height:1.95;margin:8px 0}
@media(max-width:760px){.hero-duo{width:min(100%,270px);margin:22px auto 5px;gap:12px}.hero-duo .duo-person>.character{height:205px}.hero-duo .duo-cat>.character{height:118px}.syllabus-primer{padding:21px 20px}.syllabus-primer>h2{font-size:1.25rem}.beginner-fields>section{padding:16px 14px;gap:10px}.chapter-first-words{padding:13px 17px}}
@media(max-width:600px){.conversation-row,.conversation-row.bit,.enriched-lesson .conversation-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;flex-direction:column;margin:25px 0}.conversation-row .speaker,.enriched-lesson .conversation .speaker{width:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.conversation-row .speaker .character.speaker-pose,.enriched-lesson .conversation .speaker .character{width:68px;height:110px}.conversation-row .speaker .character.speaker-pose.bit,.enriched-lesson .conversation .speaker .character.bit{width:76px;height:76px}.conversation-row .bubble{width:100%;box-sizing:border-box;margin:0;min-width:0}.conversation-row .speaker>span:last-child{font-size:.9375rem}.syllabus-primer{padding:20px 17px}.syllabus-primer .beginner-fields{margin:18px 0}.beginner-fields>section{display:block}.beginner-field-number{display:block;margin:0 0 6px}.first-mention{word-break:normal}.hero-duo figcaption small{font-size:.8125rem}}

.enriched-lesson .lesson-body h2{display:block}.enriched-lesson .lesson-body h2>span:first-child:not(.first-mention){margin-right:12px}.enriched-lesson .lesson-body h2>.first-mention{font-size:1rem;color:inherit;font-weight:400}

.syllabus-primer>h3{font-size:1.0625rem;margin:24px 0 12px;line-height:1.7}
.syllabus-update{font-size:.875rem!important;line-height:1.85!important;color:#536a60!important;border-top:1px solid #d7e4da;padding-top:16px;margin-top:22px!important}.syllabus-update a,.genre-summary-note a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.genre-summary{display:grid;gap:10px;margin:15px 0}.genre-summary-row{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #d6e4dc;border-radius:12px;background:#fff;color:var(--ink);min-width:0}.genre-summary-row>div{flex:1;min-width:0}.genre-summary-row strong{display:block;font-size:1.0625rem;line-height:1.6}.genre-summary-row div>span{display:block;font-size:.9375rem;color:#5e7167;line-height:1.7;margin-top:4px}.genre-summary-row .icon{width:18px;flex:none}.genre-question-count{font-size:.875rem;white-space:nowrap;color:#446b59}.genre-summary-note{font-size:.875rem!important;line-height:1.85!important;color:#566d61!important}
.field-list-heading{display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.field-list-heading h2{font-size:1.5rem;margin:0 0 8px}.field-list-heading p{margin:0;font-size:1rem;line-height:1.7;color:#576f62}.field-list-heading .text-link{font-size:.9375rem}
.genre-map .chapter-row{align-items:flex-start;gap:15px;min-width:0}.genre-map .chapter-index{padding-top:2px;font-size:.9375rem}.chapter-topic{flex:1;min-width:0}.chapter-topic strong{font-size:1.0625rem;line-height:1.8;display:block;overflow-wrap:anywhere}.chapter-topic p{font-size:1rem;line-height:1.85;margin:5px 0 10px;color:#50685b}.chapter-topic .chapter-status{display:inline-block;margin:0;white-space:normal;font-size:.875rem;line-height:1.7}.genre-map .chapter-row>.icon{width:18px;margin-top:7px;flex:none}.genre-map .syllabus-group>h3{font-size:1rem;line-height:1.7;color:#425f4f}.genre-map .syllabus-group{padding:20px 24px}.field-intro{padding:30px;border:1px solid #d3e3d8;border-radius:18px;background:#edf5ef;margin:22px 0 35px}.field-intro h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.5;margin:14px 0 20px}.field-intro p{font-size:1rem;line-height:1.95}.field-meaning{font-size:1.125rem!important;color:#254d3c}.field-example{padding:19px 22px;background:white;border-radius:12px;margin:20px 0}.field-example>strong{font-size:.9375rem;color:#416b56}.field-example p{margin:8px 0 0}.enriched-lesson .lesson-body p+p{margin-top:14px}
@media(max-width:600px){.genre-summary-row{padding:14px 12px;gap:9px;flex-wrap:wrap}.genre-summary-row>div{flex-basis:65%}.genre-question-count{font-size:.875rem}.genre-summary-row .icon{display:none}.field-list-heading{display:block}.field-list-heading .text-link{display:inline-block;padding:12px 0 0}.genre-map .syllabus-group{padding:16px}.genre-map .chapter-row{gap:11px}.field-intro{padding:22px 18px}.field-example{padding:17px}.chapter-topic strong{font-size:1rem}.chapter-topic p{font-size:1rem}}