:root{--ink:#18333a;--line:#c9d8d5;--paper:#fbfaf5}
*{box-sizing:border-box}.student-skip{position:absolute;left:-9999px}.student-skip:focus{left:1rem;top:1rem;z-index:10;background:#fff;padding:.8rem}
.student-topbar{min-height:4.25rem}.student-home{width:min(100% - 2rem,70rem);margin:0 auto;padding:clamp(1rem,3vw,2rem) 0 1.5rem}
.student-home h1{margin:.15rem 0 clamp(1rem,2vw,1.5rem);font-size:clamp(2rem,5vw,3.4rem);color:var(--ink)}
.student-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.65rem,1.4vw,1rem)}
.student-folder{--subject:#216b61;--soft:#e1efec;display:grid;grid-template-rows:auto 1fr;gap:.9rem;min-height:12rem;padding:1.15rem;border:2px solid color-mix(in srgb,var(--subject) 45%,white);border-radius:1.5rem;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 7px 18px rgb(25 55 58 / .07)}
.student-folder:hover,.student-folder:focus-visible{background:var(--soft);border-color:var(--subject)}.student-folder:focus-visible{outline:3px solid var(--subject);outline-offset:3px}
.student-folder strong{display:block;font-size:clamp(1.3rem,2.2vw,1.8rem)}.student-folder small{display:block;margin-top:.25rem;font-size:.9rem;color:#40585d}
.folder-icon{position:relative;display:block;width:4.8rem;height:3.6rem;margin-top:.8rem;border:.18rem solid var(--subject);border-radius:.55rem;background:var(--soft)}
.folder-icon:before{content:"";position:absolute;left:.45rem;top:-.95rem;width:2.15rem;height:1rem;border:.18rem solid var(--subject);border-bottom:0;border-radius:.45rem .45rem 0 0;background:var(--soft)}
.subject-no{--subject:#237a55;--soft:#e3f2e9}.subject-so{--subject:#9a6a00;--soft:#fff1bd}.subject-tech{--subject:#4f6f78;--soft:#e6eff1}.subject-math{--subject:#245d86;--soft:#e3eff8}.subject-sv{--subject:#a13e3e;--soft:#f8e5e3}.subject-en{--subject:#6f4b91;--soft:#eee6f6}
@media(max-width:760px){.student-subjects{grid-template-columns:repeat(2,1fr)}.student-folder{min-height:9rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;align-items:center}.folder-icon{width:4rem;height:3rem;margin:0}}
@media(max-width:430px){.student-home{width:min(100% - 1rem,70rem)}.student-subjects{gap:.5rem}.student-folder{padding:.8rem;min-height:7.2rem;border-radius:1rem;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;text-align:center}.folder-icon{width:3rem;height:2.25rem}.folder-icon:before{width:1.35rem;height:.7rem;top:-.7rem}.student-folder small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}