@import url('./diagnostic.css');
.page-intro h1.human-hero{font-family:var(--thai);font-weight:600;font-size:clamp(2.6rem,5.1vw,4.8rem);letter-spacing:-.025em;line-height:1.19;max-width:1030px}
.page-intro h1.human-hero em{font-family:var(--thai);font-style:normal;font-weight:500}
.page-intro p strong{color:var(--wine);font-weight:650}
.change-level{margin-top:9px;background:transparent;color:#8c5a4e;border:none;padding:3px 0;font-size:.79rem;text-decoration:underline;text-underline-offset:3px}
.change-level:hover{color:var(--wine)}
.question-card .passage{white-space:pre-line}
.page-intro h1{line-height:.94;letter-spacing:-.055em}.page-intro h1 em{font-weight:400}.page-intro p{font-size:1.12rem;max-width:760px}
.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:23px 0}.chapter-preview{border:1px solid #d8bfa9;background:#f5ece1;padding:16px 19px;border-radius:9px}.chapter-preview small{display:block;color:#a24e46;letter-spacing:.13em;font:800 .63rem/1.5 system-ui,sans-serif}.chapter-preview b{display:block;font-size:1.05rem;margin:7px 0 0}.chapter-preview span{font-size:.8rem;color:#876c60}.intro-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.intro-actions p{font-size:.77rem;color:#8a7165;margin:0}.coach-note{background:#efe2d5;border:1px solid #d8bdab;display:flex;gap:17px;border-radius:10px;padding:20px 23px;align-items:start}.oat-avatar{flex:none;width:46px;height:46px;border:1px solid #9b685e;background:#5c1a1f;color:#f7e5c9;border-radius:50%;display:grid;place-items:center;font:italic 1.6rem Georgia,serif;box-shadow:0 3px 8px #5c1a1f20}.oat-avatar.small{width:32px;height:32px;font-size:1.1rem}.coach-note b{color:#5c1a1f}.coach-note p{margin:4px 0 0!important;color:#715b51;line-height:1.8}.lesson-coach{margin-bottom:28px;padding:19px 21px;background:#f2e8dd}.lesson-coach p{font-size:1.03rem}.intro-card h2{margin-bottom:8px}.intro-card>.coach-note{margin:20px 0 0}.level-option span{line-height:1.45;text-align:right}.chapter-heading{margin:20px 0;background:#efe4d6;border-left:4px solid #b05b4e;border-radius:0 12px 12px 0;padding:18px 24px}.chapter-heading small{font:800 .71rem system-ui,sans-serif;letter-spacing:.15em;color:#ad5750}.chapter-heading h2{margin:3px 0;font-size:1.42rem}.chapter-heading p{margin:0;color:#7e6559;font-size:.9rem}.stage-title{margin-top:16px}.question-card{padding:31px 34px}.question-text{font-family:var(--thai);font-size:1.27rem;line-height:1.65;margin:0 0 21px}.question-card .passage{font-family:var(--japanese),var(--thai);font-size:1.19rem;background:#f8f1e8;border-left:4px solid #b56b5a}.option{transition:border-color .15s,background .15s}.option:disabled{opacity:1;cursor:default}.option.selected{border-color:#8c4b47;background:#f6e7e1}.option.correct-answer{border-color:#5b866e;background:#eaf2e9;box-shadow:inset 4px 0 #5b866e}.option.selected.correct-answer{border-color:#4b8269;background:#e7f1e8}.option.correct-answer .letter{background:#4e7b61;color:white}.choice-tick{margin-left:auto;color:#34765a;font-size:1.5rem}.teacher-response{margin-top:31px;border-top:1px dashed #c89d88;padding-top:29px;scroll-margin-top:24px}.response-kicker{color:#ae4a43;letter-spacing:.16em;font:800 .72rem system-ui,sans-serif}.teacher-response h3{color:#5c1a1f;font-size:1.58rem;margin:10px 0 8px;line-height:1.5}.teacher-response>p{color:#574741;line-height:1.85;margin:0 0 22px}.choice-detail{border-top:1px solid #dbc5b8;border-bottom:1px solid #dbc5b8;padding:14px 0;margin-bottom:24px}.choice-detail summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;color:#713a36;gap:14px}.choice-detail summary span{font-size:1.4rem;color:#a57e65}.choice-detail p{margin:9px 0 0;font-size:.92rem;color:#70594d}.lesson-insights{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lesson-insights article{padding:20px 19px;background:#f3e9dc;border:1px solid #e0cabb;border-radius:9px}.lesson-insights article:last-child{background:#f1ece3}.lesson-insights small{display:block;color:#af5550;letter-spacing:.1em;font:800 .67rem system-ui,sans-serif}.lesson-insights small span{font-family:Georgia,serif;font-size:.95rem;margin-right:4px}.lesson-insights h4{font-size:1.05rem;margin:9px 0 6px;color:#4e2526}.lesson-insights p{margin:0;color:#69534b;font-size:.94rem}.end-note{display:flex;align-items:start;gap:12px;background:#5c1a1f;color:#f8eddf;border-radius:9px;padding:15px 18px;margin-top:18px}.end-note .oat-avatar{background:#e9c6ad;color:#5c1a1f}.end-note p{margin:0;line-height:1.8;font-size:.86rem}.guided-actions{align-items:center}.answer-hint{font-size:.79rem;color:#80685c;text-align:center;max-width:310px}.guided-finish h2{font-family:var(--thai);font-size:clamp(1.6rem,3.8vw,2.3rem)}.guided-finish p.lead{font-size:1.05rem;line-height:1.85}.finish-map{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.finish-stat{border-radius:12px;border:1px solid #dec5b4;background:#f4eadf;padding:22px}.finish-stat.wine{background:#5c1a1f;color:#fff3e8;border-color:#5c1a1f}.finish-stat span{font:500 3.9rem/.9 var(--serif);letter-spacing:-.06em;display:block;color:#5c1a1f}.finish-stat.wine span{color:#f4dabc}.finish-stat b{display:block;margin:15px 0 0}.finish-stat small{color:#856e63;font-size:.81rem}.finish-stat.wine small{color:#e4c7b9}.map-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0}.map-columns article{border:1px solid #ddc4b4;border-radius:11px;padding:22px 23px;background:#f8f0e8}.map-label{font:800 .67rem system-ui,sans-serif;letter-spacing:.14em;color:#a14e48}.map-columns h3{margin:8px 0 10px;color:#5c1a1f}.map-columns ul{margin:0;padding-left:20px;color:#715b51}.map-columns li{padding:3px 0}.closing-note{margin:16px 0 29px}.soft-invite{padding:30px 33px;border-radius:12px;background:#f0e1d3;border:1px solid #d0ae9e}.soft-invite>span{font:800 .68rem system-ui,sans-serif;letter-spacing:.18em;color:#ad5048}.soft-invite h3{color:#5c1a1f;font-size:1.56rem;line-height:1.42;margin:10px 0}.soft-invite p{line-height:1.85}.soft-invite small{display:block;margin-top:13px;color:#82685c;font-size:.79rem}.soft-invite .review-actions{margin-top:16px}.soft-invite a{text-decoration:none;text-align:center}.bottom-actions{justify-content:center;margin-top:28px}.footnote{max-width:950px}
@media(max-width:760px){.page-intro h1{font-size:clamp(3.8rem,14vw,5.5rem)}.page-intro p{font-size:1rem}.chapter-grid{grid-template-columns:1fr 1fr;gap:8px}.chapter-preview{padding:12px 13px}.chapter-preview b{font-size:.92rem}.chapter-preview small{font-size:.57rem}.intro-actions{display:block}.intro-actions .cta{width:100%;margin-top:13px}.coach-note{padding:16px 15px;gap:12px}.lesson-coach{margin-bottom:17px}.oat-avatar{width:38px;height:38px;font-size:1.35rem}.question-card{padding:22px 16px}.question-text{font-size:1.14rem}.question-card .passage{font-size:1rem;padding:15px}.lesson-insights,.finish-map,.map-columns{grid-template-columns:1fr}.lesson-insights article{padding:17px}.guided-actions{gap:10px}.guided-actions .cta{font-size:.86rem;padding:10px 12px}.guided-actions .answer-hint{order:3;flex:0 0 100%}.teacher-response h3{font-size:1.3rem}.soft-invite{padding:23px 19px}.soft-invite h3{font-size:1.25rem}.soft-invite .review-actions{display:grid}.bottom-actions{display:grid}.bottom-actions button{width:100%}}
@media(max-width:760px){.page-intro h1.human-hero{font-size:clamp(2.1rem,7.7vw,3.5rem);line-height:1.26}.page-intro h1.human-hero em{font-size:inherit}}