:root{font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#172b40;background:#f3f6fa;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{padding:40px;max-width:1100px;width:100%}.layout{display:flex;min-height:100vh}aside{width:240px;flex-shrink:0;background:#132c45;color:#fff;padding:32px 24px}h1{font-size:30px;margin:8px 0}h2{font-size:28px}h3{margin:0 0 12px}header{border-bottom:1px solid #d8e1e9;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#5d7b95}aside .eyebrow{color:#abc4d8}nav{display:grid;gap:8px;margin:32px 0}button{border:1px solid #c4d1dc;border-radius:8px;background:white;padding:10px 16px;font:inherit;color:#163e60;cursor:pointer}button:hover{background:#e7f0f8}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #37a5de;outline-offset:2px}input,select{font:inherit;border:1px solid #b5c6d5;border-radius:7px;background:#fff;padding:10px;max-width:100%;margin:5px 8px 10px 0}.card{background:#fff;border:1px solid #dde5ed;border-radius:12px;padding:22px;margin:16px 0;box-shadow:0 3px 12px #162d4010}.card button{margin:5px 8px 10px 0}.login{margin:7vh auto;max-width:480px;background:#fff;border-radius:16px;box-shadow:0 12px 50px #152c4315}label{display:grid;margin:16px 0}label input{width:100%;margin:5px 0}#message{color:#8d2b24;min-height:24px}details{margin-top:24px}summary{cursor:pointer}@media(max-width:700px){.layout{display:block}aside{width:100%;padding:20px}nav{grid-template-columns:1fr 1fr;margin:16px 0}main{padding:24px}.login{margin:24px auto;width:calc(100% - 32px)}}
input[type=checkbox]{width:auto;margin-right:8px}

/* Account school disclosure: native keyboard behavior and independent closed panels. */
.school-disclosure{margin:16px 0}.school-disclosure>summary{padding:10px 12px;border:1px solid #c4d1dc;border-radius:8px;background:#f3f6fa;font-weight:600}.school-disclosure>summary:focus-visible{outline:3px solid #37a5de;outline-offset:2px}.school-disclosure fieldset{margin:12px 0;border:1px solid #d8e1e9;border-radius:8px}.school-disclosure fieldset label{display:flex;align-items:center;gap:8px;margin:8px 0}.school-disclosure fieldset input[type=checkbox]{width:auto;flex:none;margin:0}.school-draft-status{margin:8px 0;color:#775319;font-size:.9rem}.school-draft-status:empty{display:none}