body{background:#f7f4ed;color:#17364a}.school-header,main{max-width:1100px;margin:auto;padding:20px}.school-header{display:flex;justify-content:space-between;gap:20px}.hero{padding:28px 0}.school-card,.school-lesson{background:#fff;border:1px solid #d9ded9;border-radius:20px;padding:24px;margin:20px 0}.school-notice{background:#fff1cf;border-left:4px solid #a87115;padding:16px;font-size:15px}.school-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;margin:14px 0}input:not([type=checkbox]),select,textarea{font:inherit;width:100%;max-width:100%;padding:12px;border:1px solid #8ba0a7;border-radius:10px;box-sizing:border-box}input[type=checkbox]{width:auto;margin-right:8px}.school-actions{display:flex;flex-wrap:wrap;gap:10px}button{min-height:44px;font:inherit;cursor:pointer;margin:5px}button:disabled{opacity:.55;cursor:not-allowed}.school-actions [aria-pressed=true]{outline:3px solid #ce9a28;outline-offset:2px}.school-lesson h3{font-size:24px}.school-lesson dt{font-weight:bold;margin-top:18px}.school-lesson dd{margin:6px 0 12px}.school-feedback{font-weight:bold;color:#23553b}.school-answer{padding:16px;background:#eef4f4;border-radius:12px}.school-header a,footer a{color:#17364a}#school-status{color:#7b263d;white-space:pre-wrap}footer{display:flex;flex-wrap:wrap;gap:24px;margin:25px 0}#attendance-list li{margin:14px 0;overflow-wrap:anywhere}.school-lesson details{margin:16px 0}.school-lesson summary{cursor:pointer;font-weight:bold;padding:10px}*:focus-visible{outline:3px solid #a2761a;outline-offset:3px}@media(max-width:650px){.school-grid{grid-template-columns:1fr}.school-card,.school-lesson{padding:18px}.school-header{flex-wrap:wrap}main{padding:14px}}@media print{.school-header,#learner-profiles,button,input,select,textarea,.school-actions,#import-school{display:none!important}body{background:white;color:black}.school-card,.school-lesson{break-inside:avoid;border:1px solid #aaa}details{display:block}.school-notice{background:white}main{max-width:none;padding:0}}

.hero{display:block;min-height:0;background:transparent;overflow:visible}.hero h1{font-size:clamp(34px,5vw,58px);margin:16px 0}.hero>p{max-width:850px;line-height:1.6}