:root{--navy:#092b4c;--blue:#0877bd;--ink:#20364a;--muted:#607283;--line:#d6e1e8;--bg:#f3f7fa;--green:#14745c}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.5}header{background:white;border-bottom:1px solid var(--line)}.wrap{max-width:1150px;margin:auto;padding:0 30px}.head{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px}.brand{font-size:30px;font-weight:800;letter-spacing:2px;color:var(--navy)}.brand small{font-size:11px;display:block;letter-spacing:3px;font-weight:600;color:var(--blue)}.headnote{font-size:14px;color:var(--muted)}.demo{background:#fff5d9;color:#684b08;font-size:13px;padding:11px 0}.demo a{color:inherit;font-weight:600}.hero{padding-top:42px;padding-bottom:28px}.eyebrow{color:var(--blue);font-weight:700;font-size:12px;letter-spacing:1.8px;text-transform:uppercase}h1{font-size:40px;letter-spacing:-1.3px;line-height:1.15;color:var(--navy);margin:10px 0 14px}h2{font-size:21px;color:var(--navy);margin:0}p{margin:8px 0 16px}.lead{max-width:650px;color:var(--muted);font-size:17px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;padding-bottom:55px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:20px;box-shadow:0 4px 20px #153b5904}.cardtitle{display:flex;align-items:center;gap:12px;margin-bottom:18px}.number{border-radius:50%;background:#eaf4fb;color:var(--blue);font-size:13px;font-weight:700;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.hint{font-size:13px;color:var(--muted);margin:6px 0 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}label{font-size:14px;font-weight:600;display:block;margin-bottom:6px}input,select{font:inherit;width:100%;padding:11px 12px;border:1px solid #b9cbd7;border-radius:7px;background:white;color:var(--ink);min-height:46px}input:focus,select:focus{outline:3px solid #bde4fb;outline-offset:1px;border-color:var(--blue)}input[readonly]{background:#f0f5f8}button{font:inherit;font-weight:600;border:0;border-radius:7px;padding:12px 18px;background:var(--blue);color:white;cursor:pointer;min-height:46px}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:default}.secondary{background:#eaf3f9;color:var(--navy)}.inline{display:flex;gap:10px;align-items:start}.inline input{flex:1;min-width:0}.notice{padding:13px 15px;border-radius:8px;background:#edf7f3;color:#195b49;font-size:14px;margin:16px 0}.neutral{background:#eef4fa;color:#355574}.error{font-size:13px;color:#b2252a;margin-top:7px}.status{font-size:12px;font-weight:600;color:var(--green);background:#e6f5ee;padding:5px 9px;border-radius:20px;white-space:nowrap}.row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:12px 0;font-size:14px}.divider{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}.total{font-size:30px;font-weight:700;letter-spacing:-.5px;color:var(--navy)}.summary{position:sticky;top:22px}.summary h2{margin-bottom:20px}.summary .course{font-size:17px;font-weight:650;color:var(--navy)}.summary p{font-size:13px;color:var(--muted)}.summary .submit{width:100%;margin-top:15px}.check{display:flex;gap:10px;align-items:start;font-size:13px;font-weight:400;margin-top:20px}.check input{width:18px;min-height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--blue)}details{font-size:13px;margin-top:20px}summary{cursor:pointer;font-weight:600;color:var(--blue)}.samples{background:#fffaf0;padding:16px;border-radius:8px}.samples button{font-size:12px;padding:8px 12px;min-height:35px;margin:5px 3px 0 0}.optional{font-weight:400;color:var(--muted);font-size:12px}.locked{opacity:.55}.footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:22px 0}dialog{width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:14px;padding:30px;color:var(--ink)}dialog::backdrop{background:#092b4c99}dialog h2{font-size:26px}dialog button{margin:10px 7px 0 0}#reviewText{white-space:pre-line;font-size:15px}fieldset{border:0;margin:0;padding:0;min-width:0}[hidden]{display:none!important}.smallcaps{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted)}@media(max-width:850px){.layout{grid-template-columns:1fr}.summary{position:static}.headnote{display:none}.wrap{padding-left:20px;padding-right:20px}h1{font-size:34px}.hero{padding-top:30px}}@media(max-width:500px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.card{padding:21px}.inline{flex-wrap:wrap}.inline button{width:100%}.head{padding-top:16px;padding-bottom:16px}}
/* MIST palette taken from the supplied School Site Setup application and logo. */
:root{--navy:#082653;--blue:#0878cf;--cyan:#04a7e0;--ink:#22334d;--muted:#5a6b86;--line:#cbdbe9;--bg:#f3f6fa}
header{background:var(--cyan);border-bottom:5px solid var(--navy)}
.head{padding-top:10px;padding-bottom:10px;gap:24px}
.brand{line-height:0;flex-shrink:0}.brand img{display:block;width:158px;height:94px;object-fit:contain}
.headnote{color:var(--navy);font-weight:650;font-size:16px}
.eyebrow{color:var(--navy)}
.card{border-top:3px solid #10a7d5}
.number{background:#dceefa;color:var(--navy);border:1px solid #91d8ed}
.notice{background:#e5f5fc;color:var(--navy);border-left:3px solid #10a7d5}
.neutral{background:#edf4fb;color:#355574;border-left-color:#aebdce}
.secondary{background:#dceefa;color:var(--navy)}
input:focus,select:focus,textarea:focus{outline:3px solid #b8e9f8;outline-offset:1px;border-color:var(--blue)}
.check input{accent-color:var(--blue)}
@media(max-width:500px){.head{padding-top:8px;padding-bottom:8px}.brand img{width:132px;height:78px}}

textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid #b9cbd7;border-radius:7px;color:var(--ink);resize:vertical} .space{margin-top:20px} .brand{font-size:32px;line-height:1.1;letter-spacing:3px}.brand span{display:block;font-size:11px;letter-spacing:5px}.head{min-height:100px}.headnote{font-size:14px} .hero{max-width:850px}.hero>p:not(.lead){font-size:14px;color:var(--muted);max-width:720px} .cardtitle+.hint{margin-top:-8px;margin-bottom:18px} .allowance{padding:16px;border:1px solid var(--line);border-radius:8px;background:#f3f9fd;font-size:14px} .allowance:has(input:checked){border-color:var(--blue);background:#e5f5fc} .check input{padding:0} .submit{width:100%}.summary{padding:24px}.summary .total{font-size:26px} .summary .row{gap:8px}.summary p{margin-bottom:12px}.summary h2{margin-top:8px} #reviewText p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0} dialog{max-height:88vh;overflow:auto} button:focus-visible,summary:focus-visible{outline:3px solid #0878cf;outline-offset:3px} .card label.check{margin-bottom:0} .lead{max-width:740px}.hero .notice{margin-top:24px}.demo{background:#fff5d9} .summary .notice p{color:inherit} @media(max-width:500px){h1{font-size:32px}.wrap{padding-left:16px;padding-right:16px}}