/* Northville CPUT Student Warning System – branding update, 22 October 2026 */
:root{--nv-green:#80bd3b;--nv-dark-green:#548929;--nv-charcoal:#414844;--nv-text:#25312a;--nv-muted:#64716b;--nv-border:#d8e1d7;--nv-bg:#f5f8f3;--nv-white:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--nv-text);background:var(--nv-bg)}
*{box-sizing:border-box}body{margin:0}.wrap{max-width:1150px;margin:auto;padding:0 20px}
.site-header{background:var(--nv-charcoal);color:var(--nv-white);padding:14px 25px;margin:0 -20px 27px;border-bottom:5px solid var(--nv-green)}
.brand{display:flex;align-items:center;gap:20px;min-height:77px}.brand-logo{width:275px;max-width:45%;height:auto;display:block}.brand-divider{width:1px;height:48px;background:#87938a}.brand-title{display:flex;flex-direction:column;gap:5px}.brand-title strong{font-size:1.22rem;line-height:1.25;color:#fff}.brand-title span{font-size:.85rem;color:#e0eadb}
main{min-height:65vh}h1{font-size:1.6rem;margin:0 0 8px;color:#26382d}h2{font-size:1.1rem}p{line-height:1.5}.panel{background:#fff;border:1px solid var(--nv-border);border-radius:12px;padding:22px;margin:22px 0;box-shadow:0 2px 12px rgba(34,52,38,.035)}.narrow{max-width:480px;margin:60px auto}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.actions{margin:24px 0}a{color:#367529}a:hover{text-decoration:underline}a.button,button{background:var(--nv-dark-green);border:0;border-radius:7px;padding:12px 18px;color:#fff;font-weight:650;text-decoration:none;cursor:pointer;display:inline-block}a.button:hover,button:hover{background:#426f20;text-decoration:none}button.secondary{background:#e0e8df;color:#26382d}button.secondary:hover{background:#cbd9c9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9acc67;outline-offset:2px}
label{display:block;font-weight:600;margin:15px 0}input,select,textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #bfcfc0;border-radius:7px;font:inherit;background:#fff;color:var(--nv-text)}textarea{min-height:115px}.search{display:flex;gap:10px}.search input{margin:0}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:690px}th,td{text-align:left;border-bottom:1px solid #e4ebe1;padding:12px 8px}th{color:#415c43;background:#f6faf3}.error{padding:12px;color:#942222;background:#fff0ef;border-left:3px solid #c83737}.notice{padding:12px;border-radius:6px;background:#edf6e6;border-left:3px solid var(--nv-green);font-size:.92rem}footer{color:var(--nv-muted);border-top:1px solid var(--nv-border);padding:20px 0;margin-top:45px;font-size:.85rem}
@media(max-width:700px){.site-header{padding:12px 15px}.brand{gap:12px;min-height:60px}.brand-logo{width:170px;max-width:43%}.brand-divider{height:40px}.brand-title strong{font-size:.95rem}.brand-title span{font-size:.72rem}.search{display:block}.search button{margin-top:8px;width:100%}.narrow{margin:35px auto}}
@media(max-width:410px){.brand-logo{width:130px}.brand-title strong{font-size:.83rem}.brand-title span{font-size:.68rem}.brand{gap:9px}}