.study-page-title h1 { font-size:clamp(1.65rem,4vw,2.15rem); letter-spacing:-.045em; margin:0 0 .65em; }
.study-home { display:grid; grid-template-columns:minmax(0,1.13fr) minmax(245px,.87fr); align-items:start; gap:clamp(16px,2vw,30px); }
.study-day { overflow:hidden; border:1px solid #c9c6b5; background:#fffdf8; border-radius:22px; box-shadow:0 3px 0 #d8d2be; }
.study-day .growth-hero { border:0; box-shadow:none; border-radius:0; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); background:#f4eddb; }
.study-day .growth-hero-art { width:100%; }
.study-day .growth-hero-art svg { display:block; width:100%; height:auto; }
.study-day .growth-hero-copy { padding:15px 14px; }
.study-day .growth-hero-copy h2 { font-size:1.25rem; margin:.1em 0 .25em; }
.study-day .growth-hero-copy p { font-size:.92rem; }
.study-day-start { padding:clamp(16px,2vw,24px); }
.study-day-start > div { display:flex; align-items:baseline; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; margin:0 0 12px; }
.study-day-start > div strong { font-size:1.22rem; color:#233e33; }
.study-day-start > div span,.study-day-start small { color:#526057; font-size:.8rem; }
.study-day-start small { display:block; text-align:center; margin-top:9px; }
.study-primary { width:100%; display:block; min-height:58px; border:1px solid #245741; border-bottom:3px solid #204534; border-radius:14px; color:white; background:#2e634b; box-shadow:none; }
.study-primary:hover { background:#24533e; }
.study-primary:disabled { background:#e1e5dc; color:#556256; border-color:#c2cabe; }
.study-links { border:1px solid #cfcfc2; background:#fffef9; border-radius:18px; padding:clamp(13px,2vw,22px); }
.study-links h2 { margin:0 0 .4em; font-size:1.16rem; }
.study-link { width:100%; min-height:72px; padding:12px 0; border:0; border-top:1px solid #dddcd0; border-radius:0; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:10px; color:#253f34; background:transparent; text-align:left; box-shadow:none; }
.study-link strong,.study-link small { display:block; }
.study-link strong { font-size:1rem; }
.study-link small { font-size:.8rem; color:#526058; font-weight:500; margin-top:3px; }
.study-link-symbol { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:#e4ecdc; font-size:1.28rem; }
.study-link:nth-of-type(2) .study-link-symbol { background:#e6ebf0; }
.study-link:nth-of-type(3) .study-link-symbol { background:#f4e4d6; }
.study-chevron { font-size:1.25rem; padding-right:2px; }
.study-session { max-width:760px; margin:0 auto; min-width:0; }
.study-session > progress { height:9px; display:block; width:100%; margin:.1rem 0 1.1rem; accent-color:#32694b; }
.study-session .lesson-top { margin-bottom:.2rem; }
.study-topic { font-weight:650; font-size:.82rem; color:#486249; margin:.15rem 0 .45rem; }
.study-session .question-heading h1 { font-size:clamp(1.18rem,2.3vw,1.58rem); line-height:1.45; margin:0; letter-spacing:-.035em; }
.study-session .speech-tools { margin:.5rem 0 .75rem; }
.study-session .lesson-bottom { margin:.75rem 0; position:static; background:transparent; border:0; padding:0; }
.study-session .answer { min-height:58px; box-shadow:none; border-radius:13px; }
.study-feedback { margin:.75rem 0; background:#edf3e7; color:#253d32; border:1px solid #b5c7ad; border-left:5px solid #4b7755; padding:clamp(14px,2vw,23px); border-radius:15px; }
.study-feedback.is-review { background:#fbf1e1; border-color:#d6c2a3; border-left-color:#9b6935; }
.study-feedback h2 { margin:0 0 .6rem; font-size:1.3rem; }
.study-correct,.study-picked,.study-reason { margin:.4em 0; line-height:1.55; overflow-wrap:anywhere; }
.study-correct strong { color:#225c40; }
.study-picked { font-size:.88rem; color:#584d43; }
.study-session .answer-moment { margin:.65em 0; padding:0; background:transparent; border:0; }
.study-session .answer-moment .growth-figure { display:grid; grid-template-columns:minmax(74px,110px) minmax(0,1fr); }
.study-session .study-view-options > summary { cursor:pointer; padding:12px 2px; min-height:50px; font-weight:650; }
@media(max-width:900px){ .study-home {grid-template-columns:1fr;} }
@media(max-width:500px){ .study-day .growth-hero {grid-template-columns:43% minmax(0,1fr);} .study-day .growth-hero-copy {padding:11px 10px;} .study-links {padding:15px;} }
html[data-size="2"] .study-home,html[data-size="2"] .study-day .growth-hero {grid-template-columns:1fr;}
html[data-size="2"] .study-day .growth-hero-art {max-width:260px; margin:auto;}
html[data-size="2"] .study-feedback .answer-moment .growth-figure {display:block;}
.study-progress-marks { display:flex; gap:5px; margin:-3px 0 13px; }
.study-progress-marks i { flex:1; height:7px; border-radius:4px; background:#dce3d8; }
.study-progress-marks .complete { background:#32694b; }
.lesson-result { max-width:760px; margin:auto; }
.result-heading { margin:0 0 1rem; }
.result-heading h1 { margin:0 0 .22em; line-height:1.35; font-size:clamp(1.5rem,3vw,2rem); }
.result-heading p { margin:0; color:#405a4d; font-size:1rem; font-weight:650; }
.result-memory,.result-glimpse { background:#eff3e7; border-left:4px solid #517352; border-radius:0 12px 12px 0; padding:.8rem 1rem; margin:.8rem 0; }
.result-memory h2 { margin:0 0 .25em; font-size:1.12rem; }
.result-memory strong { color:#365d44; font-size:.85rem; }
.result-memory p,.result-glimpse p { margin:.22em 0 0; line-height:1.55; overflow-wrap:anywhere; }
.result-glimpse { background:#f5eedf; border-color:#a47b45; }
.result-skip { display:flex; justify-content:flex-end; }
.result-skip button { min-height:48px; }
html[data-motion="false"] .result-skip { display:none; }
@media(prefers-reduced-motion:reduce){.result-skip {display:none;}}
.result-actions { display:grid; gap:10px; margin:1rem 0; }
.result-actions .two-cards:has(>:only-child) { grid-template-columns:1fr; }
.result-device summary { min-height:48px; padding:.65rem .1rem; cursor:pointer; }