.school-welcome{text-align:center;max-width:760px;margin:0 auto 30px}.school-welcome h1{font-size:clamp(30px,5vw,50px);line-height:1.13}.school-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:14px;margin:24px 0}.school-steps>*{padding:10px 14px;border-radius:30px;background:var(--paper);border:1px solid var(--line)}.school-steps strong{background:var(--green);color:#fff}.school-heroes{max-width:1000px;margin:auto}.school-heroes .hero-choice{border:2px solid var(--choice-color)}.school-heroes .hero-choice b{margin-top:12px;font-size:15px}.school-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.school-class{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:2px solid var(--green);border-radius:24px;padding:24px;color:var(--ink);text-decoration:none;box-shadow:0 5px 0 color-mix(in srgb,var(--green) 20%,transparent)}.school-class>span{font-size:34px}.school-class>strong{font-size:34px}.school-class>small{font-weight:700}.school-class p{font-size:16px;flex:1;margin:4px 0 12px}.school-class b{font-size:16px}.school-class:hover,.school-class:focus-visible{transform:translateY(-3px)}.school-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.school-actions .action-card{margin:0;padding:24px;min-height:140px}.school-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.school-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.school-topic{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.school-topic>strong{display:block;font-size:20px}.school-topic p{font-size:16px}.school-topic h2{font-size:21px}.school-status{display:inline-block;margin-top:10px;padding:5px 10px;border-radius:20px;background:#eeeade;color:#514c3d;font:700 13px system-ui}.school-empty{padding:28px;border:2px dashed var(--line);border-radius:24px;background:var(--paper);text-align:center;margin:24px 0}.school-empty>span:first-child{font-size:40px}.school-empty h2{font-size:24px}.school-empty p{font-size:17px}.school-program-info{border:2px solid var(--line);border-radius:18px;padding:18px}.school-legacy-back{margin:0 0 20px}.school-legacy-back:focus-visible{outline:3px solid var(--green)}
@media(max-width:760px){.school-classes{grid-template-columns:repeat(2,minmax(0,1fr))}.school-class{padding:18px}.school-class:last-child{grid-column:1/-1}.school-actions,.school-extra,.school-topics{grid-template-columns:1fr}.school-actions .action-card{min-height:90px;padding:20px}.school-heroes{grid-template-columns:repeat(2,minmax(0,1fr))}.school-welcome h1{font-size:34px}.school-steps{gap:6px;font-size:12px}.school-steps>*{padding:8px 9px}header .brand{font-size:23px}header .brand small{font-size:11px}}