/* Keep the familiar calendar lesson shell; the seven weekdays always run vertically. */
.week-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);align-items:stretch;gap:24px;padding:28px;border:1.5px solid var(--line);border-radius:20px;background:white}
.week-calendar{min-width:0;border-right:2px solid var(--line);padding-right:24px}
.week-caption{display:none;text-align:center;font-size:24px;font-weight:900;margin:0 0 18px}
.weekday-list{display:flex;flex-direction:column;gap:10px}
.weekday-card{min-width:0;min-height:72px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border:3px solid transparent;border-radius:14px;color:var(--navy);font:inherit;text-align:left;cursor:pointer}
.weekday-number{display:grid;place-items:center;min-height:36px;border-radius:50%;background:#ffffff9e;font-size:18px;font-weight:800}
.weekday-name{font-size:clamp(23px,1.8vw,30px);font-weight:900;line-height:1.2}
.weekday-cue{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;font-size:16px;font-weight:850;white-space:nowrap}
.weekday-card.past{background:#f0eafb}.past .weekday-cue{background:#e1d4f2;color:#513578}
.weekday-card.future{background:#e4f5ef}.future .weekday-cue{background:#c7eadd;color:#175d4a}
.weekday-card.today{border-color:var(--blue);background:#e5f2ff}.today .weekday-cue{background:var(--blue);color:white}
.direction-arrow{width:20px;height:20px}.past .direction-arrow{transform:rotate(-90deg)}.future .direction-arrow{transform:rotate(90deg)}
.weekday-card.selected{outline:3px solid #76590b;outline-offset:2px}.weekday-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.week-summary{display:flex;flex-direction:column;justify-content:center;gap:28px;min-width:0;text-align:center}
.week-total p{font-size:clamp(34px,3.2vw,54px);font-weight:950;line-height:1.2;margin:12px 0}
.week-practice{min-width:0}.week-practice #question{font-size:24px;line-height:1.3;margin:0 0 16px}.week-practice .date-answers{flex-direction:column}.week-practice .date-answers button{font-size:24px;flex:auto;width:100%}
.week-detail{grid-column:1/-1;margin:0;text-align:center;font-size:25px;font-weight:850;line-height:1.4;scroll-margin-bottom:110px}.week-practice .date-feedback{margin:16px 0 0;scroll-margin-bottom:110px}
@media(max-width:1199px){.week-panel{padding:20px;gap:20px}.week-calendar{padding-right:20px}.weekday-card{padding:10px;gap:8px}.weekday-name{font-size:23px}.weekday-cue{padding:5px 6px;font-size:14px}}
@media(max-width:900px){.week-panel{grid-template-columns:minmax(0,1fr)}.week-calendar{border-right:0;padding-right:0}.week-caption{display:block}.week-total{display:none}.week-summary{gap:0}.week-detail{font-size:22px}.week-practice .date-answers{flex-direction:row}.week-practice .date-answers button{flex:1 1 140px;width:auto}}
@media(max-width:640px){.week-panel{padding:14px;gap:18px}.weekday-card{grid-template-columns:36px minmax(0,1fr);gap:5px 12px;padding:10px 12px}.weekday-number{grid-row:1/3}.weekday-name{font-size:25px}.weekday-cue{grid-column:2;justify-self:start;font-size:14px}.weekday-card{min-height:86px}.week-practice #question{font-size:22px}.week-practice .date-answers button{font-size:22px}}
