*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#15344e;font:16px system-ui,sans-serif}header{display:flex;gap:20px;align-items:center;background:#fff;padding:18px 4vw;border-bottom:1px solid #d6e0e9}header img{width:160px;height:70px;object-fit:contain}h1{font-size:24px}header button{margin-left:auto}main{padding:24px 4vw;min-height:75vh}#login,#enroll,main>section:not(#mail){max-width:600px;background:#fff;padding:28px;border-radius:16px;margin:auto}label{display:block;margin-bottom:16px;font-weight:600}input,select{display:block;width:100%;margin-top:8px;padding:12px;font:inherit;border:1px solid #b9cbdc;border-radius:8px}button,.button{display:inline-block;background:#1768a8;color:#fff;border:0;border-radius:8px;padding:12px 16px;font:inherit;cursor:pointer;text-decoration:none;margin:5px 0}button:disabled{opacity:.6;cursor:wait}a{color:#1768a8}button:focus-visible,a:focus-visible{outline:3px solid #e7a900;outline-offset:3px}.layout{display:grid;grid-template-columns:240px minmax(220px,1fr) minmax(300px,1.5fr);gap:20px}.layout>aside,.layout>section,.layout>article{background:#fff;border-radius:12px;padding:20px;min-width:0}nav button{display:block;width:100%;text-align:left}#messages button{display:block;background:#f1f6fa;color:#15344e;width:100%;text-align:left;overflow-wrap:anywhere}#messages small{display:block;margin-top:6px}#reader{overflow-wrap:anywhere}#reader .text,#status{white-space:pre-wrap}footer{text-align:center;padding:20px;font-size:13px}[hidden]{display:none!important}@media(max-width:1000px){.layout{grid-template-columns:220px 1fr}.layout article{grid-column:1/-1}}@media(max-width:600px){header{flex-wrap:wrap}header img{width:120px}h1{font-size:20px}.layout{display:block}.layout>*{margin-bottom:15px}main{padding:15px}}