/* Shared screen theme. Paper output deliberately uses the print stylesheet. */
@media screen {
 :root,body:has(.school-workspace),body:has(.home-design){--blue:#3457ce;--ink:#202f50;--muted:#61708a;--line:#dfe5f1;background:#eef2fa;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}
 body{background:radial-gradient(ellipse at 90% 0,#e1e6ff 0,transparent 45%),#eef2fa}
 .home-design{--blue:#3457ce;--ink:#202f50;--muted:#61708a;--line:#dfe5f1}
 .school-topbar,.ppt-topbar{background:linear-gradient(115deg,#172d58,#344b86);box-shadow:0 4px 20px #172d5826;border-bottom:1px solid #ffffff25}
 .school-brand-mark{background:#ffffff16;border-color:#ffffff60;border-radius:12px;color:#fff}
 .school-brand small,.school-institution small{color:#d0dcf5}
 .sidebar,.school-sidebar{border:1px solid #fff;border-radius:20px;background:#f9fbff;box-shadow:0 8px 0 #dce3ef,0 18px 32px #283f6914;scrollbar-width:thin}
 .profile-block,.school-profile{background:linear-gradient(150deg,#e8eeff,#f9fbff);border-radius:20px 20px 0 0;padding-top:22px;padding-bottom:20px}
 .profile-monogram,.school-avatar{background:linear-gradient(145deg,#5274e4,#304fb7);color:#fff;border:4px solid #fff;box-shadow:0 5px 0 #cbd5f0,0 9px 18px #294ba32b;border-radius:23px;font-family:inherit;font-weight:700}
 .validity,.school-validity{margin:0 12px;border-radius:12px;background:#e2f4ed;color:#176149;border:1px solid #c7e6d9;box-shadow:0 3px 0 #c8e4d7}
 .sidebar nav,.school-sidebar nav{gap:10px;padding:18px 12px}
 .sidebar nav a,.school-sidebar nav a{border:1px solid #e0e6f1;border-radius:11px;background:#fff;min-height:44px;padding:11px 12px;color:#354867;font-weight:600;font-size:.82rem;box-shadow:0 3px 0 #e0e6f0;transition:transform .18s,box-shadow .18s,background .18s}
 .sidebar nav a:nth-child(3n+2){background:#f0f9f7;border-color:#d6eae5}.sidebar nav a:nth-child(3n){background:#f6f2fc;border-color:#e7def4}
 .sidebar nav a svg{color:#4563bf}.sidebar nav a.active,.school-sidebar nav a.active{background:linear-gradient(120deg,#4569dd,#304cb4);border-color:#304cb4;color:white;box-shadow:0 4px 0 #243b90,0 8px 16px #3556ba24}
 .sidebar nav a.active svg{color:#fff}.sidebar nav a:hover{transform:translateY(-2px);background:#e8edff;color:#263f92}.sidebar nav a.active:hover{background:#304cb4;color:#fff}
 .sidebar-bottom,.school-sidebar-bottom{border-color:#dfe5f1}.school-sidebar-bottom small{color:#61708a}
 .content,.school-workspace .content{padding-top:30px;padding-bottom:36px}
 .page-heading h1,.school-workspace .page-heading h1{font-size:clamp(1.4rem,2vw,1.9rem);font-weight:750;letter-spacing:-.7px;color:#243557}
 .school-eyebrow,.eyebrow{color:#576b99}.school-role,.badge{border-radius:9px;background:#e7edff;color:#3651a2;border:1px solid #d3def7;padding:6px 10px}
 .school-tiles,.dashboard-tiles{gap:24px}.school-dashboard,.ppt-dashboard{gap:26px}
 .school-tile,.dashboard-tile{--edge:#2547a5;background:linear-gradient(135deg,#4c78e5,#3557bc);border:1px solid #ffffff50;border-radius:20px;box-shadow:0 7px 0 var(--edge),0 16px 25px #233b6b24,inset 0 1px 0 #ffffff50;padding:26px;min-height:192px;transition:transform .2s,box-shadow .2s;position:relative}
 .tone-teal,.color-0{--edge:#116a64;background:linear-gradient(135deg,#20998c,#14766f)}
 .tone-slate,.color-1{--edge:#2c49a0;background:linear-gradient(135deg,#527ce1,#3b5bbd)}
 .tone-copper,.color-2{--edge:#a26018;background:linear-gradient(135deg,#c88924,#a96a17)}
 .tone-plum,.color-3{--edge:#6240a0;background:linear-gradient(135deg,#9770d4,#7551b4)}
 .tone-olive,.color-4{--edge:#376b43;background:linear-gradient(135deg,#5f9668,#42794d)}
 .tone-clay,.color-5{--edge:#a23b58;background:linear-gradient(135deg,#d56680,#b44767)}
 .school-tile:hover,.dashboard-tile:hover{transform:translateY(-4px);box-shadow:0 11px 0 var(--edge),0 22px 30px #233b6b2c;filter:none}
 .school-tile-icon,.dashboard-icon{border:1px solid #ffffff45;background:#ffffff20;border-radius:14px;box-shadow:0 4px 0 #00000012,inset 0 1px 0 #ffffff30}
 .school-tile h2,.dashboard-tile h2{font-weight:700;font-size:1.15rem}.school-tile p,.dashboard-tile p{color:#fff;font-size:.8rem}.school-tile-count{font-weight:750}.school-tile-arrow{color:#fff}
 .panel,.auth-card,.school-alerts,.stat,.package-card,.homepage-benefits{border:1px solid #fff;border-radius:18px;background:#fff;box-shadow:0 5px 0 #dce3ef,0 12px 28px #253e6810}
 .panel{padding:24px}.panel h2{color:#293e65;font-size:1.05rem}.stat{border-top:4px solid #5279d7}.stat:nth-child(2){border-top-color:#229787;background:#f2fbf8}.stat:nth-child(3){border-top-color:#9871ce;background:#f8f4fe}.stat:nth-child(4){border-top-color:#d69a35;background:#fffbf1}
 .school-alerts-heading,.alerts-title,.ppt-title{background:linear-gradient(115deg,#3a5286,#263d6b);color:white}.ppt-title{border-radius:17px 17px 0 0;margin:-24px -24px 22px;padding:17px 24px}
 .school-alerts{overflow:hidden}.school-alerts-heading{padding:20px}.school-alert,.school-font-download,.alerts-panel article{border:1px solid #dce5f7;border-radius:12px;background:#f2f6ff;box-shadow:0 3px 0 #e1e8f5;color:#34588d}
 .school-alert.alert-success{background:#eefaf4;border-color:#d2ecdf;box-shadow:0 3px 0 #d7ecdf}.school-alert.alert-warning{background:#fff2f5;border-color:#f3d7e0;box-shadow:0 3px 0 #efdae1}.school-alert.alert-progress{background:#fffaed;border-color:#f0e2bd;box-shadow:0 3px 0 #eee2c7}
 .button,.home-design .button,.public-header .animated-login{background:linear-gradient(135deg,#4b6fe0,#3453bd);border:1px solid #3555bf;border-radius:10px;color:#fff;box-shadow:0 4px 0 #263f98,0 7px 12px #3453bd20;font-weight:650;transition:transform .15s,box-shadow .15s}
 .button:hover,.home-design .button:hover{background:#304fac;color:#fff;transform:translateY(-1px)}.button:active{transform:translateY(2px);box-shadow:0 1px 0 #263f98}.button.secondary{background:#fff;color:#3453ad;border-color:#c8d3ee;box-shadow:0 3px 0 #dbe3f4}
 input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:10px;border-color:#cbd6e9;background:#fbfcff;color:#243557;box-shadow:inset 0 2px 3px #253e6805}input:focus,select:focus,textarea:focus{border-color:#597ade}input[type=checkbox],input[type=radio]{accent-color:#4263cf}
 .selection-tiles a,.school-workspace .selection-tiles a,.syllabus-card{background:#edf3ff;color:#294b86;border:1px solid #d0ddf6;border-radius:17px;box-shadow:0 5px 0 #d0ddf0,0 12px 20px #253e6810;transition:transform .2s;min-height:130px}
 .selection-tiles a:nth-child(4n+2),.syllabus-card:nth-child(4n+2){background:#eaf8f3;border-color:#c8e8dc;color:#206652;box-shadow:0 5px 0 #c8e5d9,0 12px 20px #253e6810}
 .selection-tiles a:nth-child(4n+3),.syllabus-card:nth-child(4n+3){background:#f3edfc;border-color:#e0d3f2;color:#684992;box-shadow:0 5px 0 #dfd3ef,0 12px 20px #253e6810}
 .selection-tiles a:nth-child(4n+4),.syllabus-card:nth-child(4n+4){background:#fff4df;border-color:#f0dfb9;color:#855d21;box-shadow:0 5px 0 #eddfc0,0 12px 20px #253e6810}
 .selection-tiles a:hover,.syllabus-card:hover{transform:translateY(-3px);text-decoration:none}.academic-breadcrumb{background:#fff;border:1px solid #e0e6f1;border-radius:12px;color:#425d90;padding:14px}
 .topic-grid fieldset,.reference-chapters .topic-grid fieldset{border:1px solid #d7e2f3;border-top:4px solid #6083d8;border-radius:16px;background:#fff;box-shadow:0 5px 0 #dce4f1,0 10px 20px #253e680b;padding:22px}
 .topic-grid fieldset:nth-child(3n+2){border-top-color:#39a38e}.topic-grid fieldset:nth-child(3n){border-top-color:#a17bce}.topic-grid fieldset:has(input:checked){background:#f2f6ff}
 .list-row{padding:18px 12px;border-color:#e4eaf4}.list-row:nth-child(even){background:#f7f9fe;border-radius:10px}.pattern-table th{background:#eaf0fb;color:#34517d}.pattern-table td{border-color:#e0e7f2}.notice{border-radius:12px;box-shadow:0 3px 0 #cce6d8}
 #question-dialog.reference-picker,#registration-dialog{border:1px solid #fff;border-radius:18px;box-shadow:0 24px 80px #15284c55}dialog::backdrop{background:#14254385;backdrop-filter:blur(4px)}
 #question-dialog.reference-picker .picker-heading,.registration-heading{background:linear-gradient(115deg,#344e88,#516dcc);padding:14px 18px}.picker-controls{background:#edf2fb;border-block:1px solid #dce4f2;padding:10px;gap:12px}.picker-controls select,.picker-controls input[type=number],.source-dropdown{border-radius:7px;border-color:#bfcee5}.picker-results .question-topic{background:#4264a3;border-radius:8px}.picker-results .question-row:has(:checked){background:#eaf6f1}.picker-coverage{background:#e2eafc;border-radius:7px}.picker-actions .button{border-radius:8px}.picker-actions{padding-bottom:6px}#question-dialog .selected-summary{background:#edf8f2;border-radius:10px 10px 0 0}.book-placeholder{background:#eaf0fc;color:#34517f;border-color:#c5d4ee;border-radius:7px;box-shadow:4px 4px 0 #d5dfef}
 .public-header{background:#ffffffc9;border:1px solid #fff;border-radius:0 0 20px 20px;box-shadow:0 5px 20px #253e680b}.public-header .brand{color:#293e65}.public-header .brand-mark{background:#3a5cc3;border-radius:12px}.public-header nav>a:not(.button){color:#344b72}
 .homepage-hero h1{font-family:"Segoe UI",Arial,sans-serif;font-weight:750;letter-spacing:-2px;color:#263b61}.homepage-hero p{color:#5d6e89}.paper-scene{background:linear-gradient(140deg,#dae5fc,#dcefeb);border:1px solid #fff;border-radius:28px;box-shadow:0 8px 0 #ccd9ec,0 20px 30px #253e6812}.home-strip{background:#fff;border:1px solid #e0e6f1;border-radius:14px;padding:22px;margin-bottom:28px}.package-card{border-top:5px solid #577bda;padding:26px}.package-card:nth-child(2){border-top-color:#259a85}.package-card:nth-child(3){border-top-color:#9a76d0}.homepage-benefits{background:#e9f2fd;color:#29476e;padding:26px}.auth-card{border-top:5px solid #567ada;padding:36px;margin-top:45px}.auth-card h1{color:#293e65}footer{color:#65758f;border-color:#dbe3f0}
 @media(min-width:761px){.sidebar:not(.school-sidebar){left:14px;width:232px}.workspace:not(.school-workspace){margin-left:264px}.content{padding-right:28px}.school-sidebar{bottom:22px}}
 @media(max-width:760px){.sidebar,.school-sidebar{border-radius:15px}.sidebar nav,.school-sidebar nav{padding:12px;gap:10px}.sidebar nav a{flex-shrink:0}.content,.school-workspace .content{padding:22px 16px 30px}.school-tiles,.dashboard-tiles{gap:20px 14px}.school-tile,.dashboard-tile{border-radius:16px;padding:19px 16px;min-height:180px}.school-tile h2,.dashboard-tile h2{font-size:1rem}.school-tile p{font-size:.73rem}.panel{padding:20px}.ppt-title{margin:-20px -20px 20px}.homepage-hero{gap:35px}.homepage-hero h1{font-size:2.6rem}.home-strip{flex-wrap:wrap}.school-topbar,.ppt-topbar{border-radius:0 0 16px 16px}.auth-card{padding:26px}.school-profile{border-radius:15px 15px 0 0}}
 @media(max-width:400px){.school-tiles,.dashboard-tiles{grid-template-columns:1fr}.school-tile{min-height:170px}}
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.school-tile:hover,.dashboard-tile:hover,.selection-tiles a:hover,.sidebar nav a:hover,.button:hover{transform:none}}
}
/* Keep sign-out accessible while long navigation lists scroll. */
@media screen {
 .school-sidebar-bottom,.sidebar-bottom{background:#f9fbff;padding:14px 12px;flex-shrink:0;border-top:1px solid #d7e0ef}
 .school-sidebar-bottom form,.sidebar-bottom form{width:100%;margin:0}
 .school-sidebar-bottom button,.sidebar-bottom .quiet{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:11px 14px;border:1px solid #a92e48;border-radius:10px;background:#b73753;color:#fff;font-size:.87rem;font-weight:700;box-shadow:0 3px 0 #852139;cursor:pointer}
 .school-sidebar-bottom button:hover,.sidebar-bottom .quiet:hover{background:#9e2942;color:#fff}
 .school-sidebar-bottom button:focus-visible,.sidebar-bottom .quiet:focus-visible{outline:3px solid #e6a72c;outline-offset:3px}
 .school-sidebar-bottom svg{width:20px;height:20px;flex-shrink:0}
 .school-sidebar-bottom small,.sidebar-bottom small{display:block;text-align:center;color:#52647f;margin-top:10px;font-size:.65rem}
 @media(min-width:761px){
  .sidebar,.school-sidebar{overflow:hidden}
  .sidebar nav,.school-sidebar nav{flex:1;min-height:0;overflow-y:auto;align-content:start;scrollbar-width:thin;padding-bottom:18px}
  .school-profile,.profile-block,.school-validity,.validity{flex-shrink:0}
  .school-sidebar-bottom,.sidebar-bottom{margin-top:0}
 }
 @media(max-width:760px){
  .school-sidebar-bottom{display:flex;align-items:center;gap:14px;padding:12px}
  .school-sidebar-bottom form{width:auto;flex:0 0 130px}
  .school-sidebar-bottom small{margin:0;flex:1}
  .sidebar:not(.school-sidebar) .sidebar-bottom{display:block}
 }
}

.staff-card{border-top:5px solid #28877a;background:linear-gradient(150deg,#fff,#edf8f5);box-shadow:0 8px 0 #d7e7e2,0 18px 30px #193e3212}.staff-card:nth-child(3n+2){border-top-color:#6266c6;background:linear-gradient(150deg,#fff,#f0f0fc)}.staff-card:nth-child(3n){border-top-color:#c58b32;background:linear-gradient(150deg,#fff,#fff7e8)}.staff-card summary{cursor:pointer;font-weight:700;padding:10px 0}.staff-card p{overflow-wrap:anywhere}.staff-card form{margin:12px 0}
