main{max-width:1000px;padding-block:3rem}.chart-school-page h1{font-size:clamp(2.5rem,6vw,4.8rem)}.chart-school-page p{max-width:78ch;line-height:1.8}.school-chart{width:100%;max-height:390px;color:#163c2f;background:#f5f1e6;border-radius:12px}.school-chart .school-candle{opacity:1;transition:opacity 120ms cubic-bezier(.2,.75,.25,1),filter 120ms cubic-bezier(.2,.75,.25,1)}.school-chart[data-walking] .school-candle:not([data-current]){opacity:.38}.school-chart .school-candle[data-current]{filter:drop-shadow(0 0 3px #9b4e0d)}.school-chart-playback{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.7rem 0}.school-chart-playback p{flex-basis:100%;margin:.25rem 0}.school-chart-playback[hidden]{display:none}.chart-school-page figure{margin:2rem 0}.chart-school-page fieldset,.practice-case{border:1px solid #78917f;border-radius:16px;padding:1.2rem;margin:1.5rem 0}.chart-school-page label{display:block;padding:.7rem}.chart-school-page button{font:inherit;min-height:44px;padding:.7rem 1rem;margin:.3rem;border:1px solid #78917f;border-radius:20px;cursor:pointer;background:#eaf2d8;color:#163c2f}.chart-school-page :focus-visible{outline:3px solid #638a18;outline-offset:4px}.school-lesson-grid{margin-block:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.school-lesson-grid .lesson-visual{height:210px;padding:18px;box-sizing:border-box}.school-lesson-grid .lesson-visual svg{position:static;width:100%;height:170px;max-width:100%;transform:none}.school-lesson-grid .lesson-info{display:flex;flex-direction:column;gap:.8rem}.school-lesson-grid .lesson-info h3{font-size:1.5rem;line-height:1.3}.school-lesson-grid .lesson-info p{font-size:1rem}.school-lesson-grid .button{align-self:flex-start;margin-top:auto}.school-lesson-grid [data-progress-lesson]{font-size:.85rem;color:var(--muted)}.school-directory li{padding:1rem}.school-directory span{display:block;font-size:.9rem}.school-table{overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:.6rem;text-align:left;border-bottom:1px solid #78917f}.chart-school-page aside{border-top:1px solid #78917f;margin-top:2rem}.chart-school-page nav{display:flex;flex-wrap:wrap;gap:1rem}@media(prefers-color-scheme:dark){.school-chart{background:#e7eadf;color:#163c2f}}.chart-school-page figure{padding:clamp(12px,2vw,24px);border:1px solid var(--line);border-radius:16px;min-width:0}.chart-school-page figcaption{line-height:1.7;margin-bottom:1rem;max-width:78ch}.school-chart-scroll{max-width:100%;overflow-x:auto;border-radius:12px;background:#f5f1e6;overscroll-behavior-x:contain}.school-chart-scroll .school-chart{display:block;min-width:600px;max-height:none;aspect-ratio:680/290}.school-chart-scroll text{font-size:16px;font-family:system-ui,sans-serif}.school-chart-key:empty{display:none}.chart-school-page .school-chart-key,.chart-school-page .school-chart-axis{font-size:1rem;line-height:1.5;margin:.75rem 0}.chart-school-page .school-chart-hint{font-size:.875rem;margin:.5rem 0}.school-lesson-grid .lesson-visual{display:flex;flex-direction:column;align-items:stretch;gap:12px;height:auto;min-height:210px;background:#e8eedc}.school-lesson-grid .lesson-visual .lesson-number{position:static;flex:none;color:#163c2f;font-weight:700}.school-lesson-grid .lesson-visual svg{flex:none;height:auto;aspect-ratio:680/290;color:#163c2f}.school-chart-scroll:focus-visible{outline:3px solid #9b4e0d;outline-offset:4px}@media(min-width:700px){.school-chart-hint{display:none}}@media(prefers-reduced-motion:reduce){.school-chart .school-candle{transition:none!important}*{scroll-behavior:auto!important;animation:none!important}}.school-table tr[data-current]{background:#f5dfad;outline:2px solid #9b4e0d;outline-offset:-2px}.trial-reward-note{border-left:4px solid #638a18;background:#eaf2d8;color:#173b2a;padding:1rem;border-radius:8px;line-height:1.65}