:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#18332f;background:#f5f7f4;line-height:1.6;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce4dd;padding:18px max(24px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;gap:20px}a{color:#216d5c;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:22px}main{max-width:1080px;margin:40px auto;padding:0 24px 64px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#56766d}h1{font-size:34px;margin:10px 0}h2{font-size:21px;margin:0}.lead{color:#5d7069;margin-bottom:26px}.panel{padding:26px;background:#fff;border:1px solid #dce4dd;border-radius:14px;margin-top:22px}label{display:block;font-weight:600}input,select,textarea{display:block;width:100%;border:1px solid #a9bdb2;border-radius:7px;background:#fff;padding:12px;font:inherit;color:inherit;margin:7px 0 17px}input:focus,button:focus-visible{outline:3px solid #b6d8ca;outline-offset:2px}button{font:inherit;border:1px solid #abc1b5;color:#245e50;background:#fff;border-radius:7px;padding:9px 17px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#246b58;color:#fff;border-color:#246b58;margin-top:10px}.danger{background:#a73a38;color:#fff;border-color:#a73a38}.fields{display:grid;grid-template-columns:1fr 130px;gap:20px}.search-wrap{position:relative}#matches{position:absolute;top:83px;left:0;right:0;z-index:3;background:#fff;box-shadow:0 8px 25px #163d3022;border:1px solid #abc1b5;border-radius:8px;list-style:none;margin:0;padding:6px;max-height:290px;overflow:auto}#matches button{border:0;display:block;text-align:left;width:100%}#matches button:hover,#matches button:focus{background:#edf5f0}.selection{background:#edf5f0;border-left:4px solid #38806a;padding:14px;margin:16px 0 24px;min-height:54px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #e5ebe6;vertical-align:top}th{background:#f5f8f5;white-space:nowrap}td small{display:block;color:#64786e}tr.revoked{opacity:.58}#notice:not(:empty){background:#fff6d9;border:1px solid #e9d899;border-radius:8px;padding:12px 16px;margin:18px 0}dialog{max-width:480px;width:calc(100% - 32px);padding:28px;border:0;border-radius:12px}dialog::backdrop{background:#122c2a88}.actions{display:flex;gap:12px;justify-content:flex-end}summary{cursor:pointer;font-weight:600}[hidden]{display:none!important}@media(max-width:620px){header{padding:14px;flex-wrap:wrap}nav{gap:14px}main{margin:24px auto;padding:0 14px}.panel{padding:18px}.fields{grid-template-columns:1fr 100px}h1{font-size:29px}}

/* Public site links stay usable before a teacher or student signs in. */
header{flex-wrap:wrap}header .site-home{color:inherit;text-decoration:none;font-size:18px;font-weight:700;white-space:nowrap}header .site-switcher{display:flex;gap:18px;align-items:center;font-size:14px}header nav{flex-wrap:wrap}header nav a{white-space:nowrap}header .site-switcher a{display:inline-flex;align-items:center;min-height:40px}
@media(max-width:620px){header{gap:8px 16px}header .site-home{font-size:17px}header nav{gap:8px 14px;font-size:13px}}

.hint{font-size:14px;color:#5b7167;margin:8px 0;overflow-wrap:anywhere}.class-filter{display:grid;grid-template-columns:70px minmax(0,1fr);gap:4px 16px;align-items:center}.class-filter select{margin:0}.class-filter .hint{grid-column:2}.search-wrap{margin-top:20px}.selection{font-size:20px;font-weight:650;overflow-wrap:anywhere}#matches{top:83px}#matches button{overflow-wrap:anywhere}.pagination{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.warning{border-color:#d9ab52;background:#fffae9}.warning h2{font-size:20px}.warning .actions{flex-wrap:wrap;justify-content:flex-start}.warning .primary{margin-top:0}td{overflow-wrap:anywhere}#records td:first-child{min-width:155px}#records td:last-child{min-width:115px}.section-head h2{flex-shrink:0}.section-head button{font-size:14px}#notice{overflow-wrap:anywhere}@media(max-width:620px){.class-filter{grid-template-columns:1fr}.class-filter .hint{grid-column:1}.fields{grid-template-columns:minmax(0,1fr) 92px;gap:12px}.selection{font-size:18px}.section-head{gap:10px;align-items:flex-start}.section-head button{padding:8px 10px}.table-wrap{max-width:100%}.actions{flex-wrap:wrap}.warning button{width:100%}}

.selection-row{display:flex;align-items:center;gap:18px;margin:16px 0 24px}.selection-row .selection{flex:1;min-width:0;margin:0}.selection-row>.primary{flex-shrink:0;margin:0;white-space:nowrap}@media(max-width:620px){.selection-row{flex-wrap:wrap;gap:12px}.selection-row .selection{flex-basis:100%}.selection-row>.primary{width:100%}}