/* G06 / R2026-09-26.1. Read-only reference: lesson 03, 2026-09-23 typography.css.
   Shared reading scale and ordinary content layout; boards, paper and story art keep
   their dedicated composition. Main instructions and answers use the body scale. */
:root{--l05-title:clamp(32px,3.2vw,50px);--l05-body:clamp(22px,2vw,31px);--l05-question:clamp(25px,2.15vw,34px);--l05-hint:clamp(18px,1.35vw,23px);--l05-copy-gap:18px;--l05-column-gap:36px}
.slide:not(.hero){max-width:1700px;padding:28px 4vw;gap:20px}
.slide:not(.hero)>.slide-head{gap:18px}
.slide:not(.hero)>.slide-head h2{font-size:var(--l05-title);line-height:1.25;letter-spacing:-.025em}
.slide:not(.hero) .activity-icon{width:64px;height:64px}
.slide:not(.hero) :is(.history-layout,.split){grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:var(--l05-column-gap)}
.slide:not(.hero) .copy{min-width:0;gap:var(--l05-copy-gap)}
.slide:not(.hero) .copy>[data-grade]{display:grid;gap:var(--l05-copy-gap)}
.slide:not(.hero) .copy>p,.slide:not(.hero) .copy>[data-grade]>p,.slide:not(.hero) .copy .rule-list p{font-size:var(--l05-body);line-height:1.5}
.slide:not(.hero) .copy>p.small,.slide:not(.hero) .copy>[data-grade]>p.small{font-size:var(--l05-hint);line-height:1.5}
.slide:not(.hero) .copy>p.eyebrow{font-size:18px}
.slide:not(.hero) .copy>p.source{font-size:12px;line-height:1.5}
.slide:not(.hero) .inquiry{padding:16px 22px}
.slide:not(.hero) .inquiry>p{font-size:var(--l05-question);line-height:1.4}
.slide:not(.hero) .inquiry>small{font-size:var(--l05-hint);line-height:1.45;margin-top:8px}
.slide:not(.hero) .media figcaption{font-size:13px;line-height:1.5}
.slide:not(.hero) .actions button{font-size:18px;line-height:1.4}
.slide:is([data-slide-id="rules"],[data-slide-id="entry"],[data-slide-id="round-one"],[data-slide-id="method-primary"],[data-slide-id="method-middle"],[data-slide-id="round-two"]) .copy>p.small,
.slide[data-slide-id="transfer"] .copy>[data-grade]>p.small,
.slide[data-slide-id="history-22"] .copy .observation-space p,
.slide:not(.hero) .copy .history-closing p{font-size:var(--l05-body);line-height:1.5;color:var(--ink)}
.slide:is([data-slide-id="round-one"],[data-slide-id="round-two"],[data-slide-id="method-primary"],[data-slide-id="handbook"]) .copy .lead{font-weight:600}
@media(max-height:760px) and (min-width:901px){
 :root{--l05-title:34px;--l05-body:24px;--l05-question:26px;--l05-hint:18px;--l05-copy-gap:12px;--l05-column-gap:25px}
 .slide:not(.hero){padding:20px 4vw;gap:16px!important}
 .slide:not(.hero) .activity-icon{width:52px;height:52px}
 .slide:not(.hero) .inquiry{padding:13px 18px}
}
@media(max-width:900px){
 :root{--l05-title:30px;--l05-body:21px;--l05-question:25px;--l05-hint:19px;--l05-copy-gap:14px;--l05-column-gap:24px}
 .slide:not(.hero){padding:24px;gap:20px}
 .slide:not(.hero)>.slide-head{gap:12px}
 .slide:not(.hero) .activity-icon{width:55px;height:55px}
 .slide:not(.hero) :is(.history-layout,.split){grid-template-columns:minmax(0,1fr)}
}
.review-easter-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
#easterDialog{width:min(1160px,94vw);max-height:94vh;padding:20px}
#easterDialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}
#easterTitle{font-size:28px;line-height:1.3}
#easterDialog .easter-record-note{font-size:17px;line-height:1.5;color:var(--muted);margin:10px 0}
.easter-record-visual{display:flex;align-items:start;justify-content:center;gap:45px;background:#e5e9df;padding:10px}
.easter-record-visual figure{min-width:0;text-align:center}
.easter-record-visual figcaption{font-size:16px;line-height:1.5;margin-top:5px;color:var(--muted)}
#easterImage,.easter-record-visual svg{display:block;height:48vh;width:auto;max-width:100%;object-fit:contain;margin:auto}
#easterCaption{font-size:22px;line-height:1.5;margin:12px 0}
.easter-record-controls,.easter-record-stages{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.easter-record-stages [aria-pressed="true"]{background:var(--ink);color:var(--paper)}
#easterDialog button{font-size:17px;padding:8px 14px}
@media(max-width:900px){#easterDialog{padding:15px}#easterTitle{font-size:23px}#easterCaption{font-size:20px}.easter-record-visual{gap:18px}#easterImage,.easter-record-visual svg{height:38vh}}