:root{--ink:#183930;--accent:#14675b;--wash:#e4f4eb;--paper:#fcfbf6;--lilac:#ede5f7;--gold:#e7bd72}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.75 Tahoma,Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px max(4vw,18px);background:white;border-bottom:1px solid #dde6e0}nav,.actions,.pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-weight:bold;line-height:1.35;text-decoration:none;color:inherit;white-space:nowrap}.logo b{display:grid;place-items:center;width:46px;height:46px;background:var(--accent);color:white;border-radius:14px;font-size:28px}small{display:block;font-size:12px;margin-top:4px}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #cadbd3;border-radius:12px;background:white;color:var(--ink);padding:8px 16px}nav button{border:0;padding:6px 10px;font-size:15px}button.primary{background:var(--accent);border-color:var(--accent);color:white;font-weight:bold}button:hover{box-shadow:0 0 0 2px var(--gold)}button:disabled{opacity:.5;cursor:default}select,input,textarea{border:1px solid #afc5bb;border-radius:10px;padding:8px;background:white;color:inherit;max-width:100%}textarea{width:100%;min-height:100px}aside{text-align:center;background:#f4ead7;font-size:13px;padding:5px 12px}main{max-width:1260px;margin:auto;padding:32px 4vw 65px;min-height:70vh}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,6vw,82px);line-height:1.2;margin-bottom:16px;letter-spacing:-.035em}h2{font-size:clamp(24px,3vw,38px);line-height:1.4;margin-bottom:15px}h3{margin-bottom:8px}.hero{display:grid;grid-template-columns:1fr 1.04fr;overflow:hidden;border-radius:30px;background:var(--wash);min-height:420px}.hero article{padding:clamp(24px,5vw,66px);align-self:center}.hero img{width:100%;height:100%;min-height:300px;object-fit:cover}.eyebrow{font-weight:bold;color:var(--accent);font-size:15px;margin-bottom:12px}.hero p{max-width:33ch}.section{margin-top:47px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:14px}.card,.panel{background:white;border:1px solid #dbe6df;border-radius:19px;padding:21px}.card p{font-size:15px}.badge{display:inline-block;border-radius:30px;background:var(--wash);padding:4px 12px;font-size:14px;margin-bottom:9px}.card:nth-child(2n) .badge{background:var(--lilac)}.reading{font-size:clamp(19px,2.4vw,24px);background:var(--wash);border-radius:16px;padding:22px;white-space:pre-wrap}.choices{display:grid;gap:9px;margin:18px 0}.choices label{border:1px solid #dbe6df;border-radius:10px;padding:8px 13px;display:flex;gap:12px;align-items:center}.choices input{accent-color:var(--accent)}.narrow{max-width:850px;margin:auto}.feedback{padding:12px;background:var(--wash);border-radius:10px;margin:12px 0}.hidden:empty{display:none}label.field{display:grid;gap:4px;margin-bottom:12px}footer{border-top:1px solid #dbe6df;text-align:center;padding:24px;font-size:14px}progress{width:100%;accent-color:var(--accent)}ol{padding-inline-start:30px}.certificate{text-align:center;border:6px double #ab8240;padding:40px;background:white}.certificate h2{color:var(--accent)}@media(max-width:760px){header{flex-wrap:wrap}nav{order:3;width:100%}.hero{grid-template-columns:1fr}.hero img{height:250px;min-height:0}.hero article{padding:27px}main{padding-top:20px}}@media print{header,aside,footer,.no-print{display:none}body,main{background:white;padding:0}.certificate{padding:30mm 10mm}}
.notice:empty{display:none}.notice{margin:12px auto 0;max-width:900px;padding:8px 16px;background:var(--wash);border-radius:10px}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#main:focus{outline:none}.card button{margin:3px 0 3px 5px}h3,.card p,.reading{overflow-wrap:anywhere}.section .actions{row-gap:8px}@media(max-width:420px){header{gap:9px;padding-inline:12px}nav button{padding-inline:6px}main{padding-inline:14px}.panel,.card{padding:15px}.reading{padding:16px}.actions button{min-height:44px}}
body{font-size:clamp(19px,2vw,22px)}.reading{font-size:clamp(25px,3.2vw,34px);line-height:2.05}.path-question{margin:22px 0;border:1px solid #bfd7cd;border-radius:15px;padding:12px 18px;min-inline-size:0;background:white}.path-question legend{font-weight:bold;font-size:clamp(21px,2.5vw,28px);max-width:100%;overflow-wrap:anywhere}.path-question .choices label{font-size:clamp(19px,2vw,24px);min-height:48px;line-height:1.7}.path-question .choices input{min-width:18px;min-height:18px}.path-question .eyebrow{margin-bottom:2px}
#daily-banner[hidden]{display:none}#daily-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:12px max(4vw,16px);background:linear-gradient(110deg,var(--wash),var(--lilac));border-bottom:1px solid #dbe6df}.daily-label{font-weight:bold;color:var(--accent);background:white;border-radius:24px;padding:4px 12px;white-space:nowrap;font-size:.8em}#daily-title{color:var(--accent)}#daily-tip{margin:0;font-size:.88em}#daily-copy{animation:daily-float 5s ease-in-out infinite}#daily-copy.daily-paused{animation-play-state:paused;transform:none}#daily-motion{font-size:.75em;white-space:nowrap}@keyframes daily-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:620px){#daily-banner{grid-template-columns:1fr auto;gap:8px}#daily-copy{grid-column:1/-1;grid-row:2}#daily-motion{grid-column:2;grid-row:1}.daily-label{justify-self:start}}@media(prefers-reduced-motion:reduce){#daily-copy{animation:none}#daily-motion{display:none}}@media print{#daily-banner{display:none}}

.daily-track{overflow:hidden;container-type:inline-size;min-width:0}
#daily-copy{width:max-content;max-width:min(42rem,100%);animation:daily-rtl 22s linear infinite}
#daily-copy.daily-paused{animation:none;transform:none}
@keyframes daily-rtl{from{transform:translateX(-100cqw)}to{transform:translateX(100%)}}
@media(max-width:620px){.daily-track{grid-column:1/-1;grid-row:2}}
@media(prefers-reduced-motion:reduce){#daily-copy{animation:none}}
.ien-page{display:block;width:100%;height:auto;margin:20px auto;border-radius:12px;border:1px solid var(--line,#d8e5df);background:#fff}#ien-answers textarea{font-size:1.1em}

.reading-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px}
.reading-photo-cover{aspect-ratio:4/3;margin-block:0 10px}
.reading-photo-frame{max-width:440px;margin:18px auto 26px}
.reading-photo-frame figcaption{font-size:.8em;text-align:center;margin-top:5px}
.stage-reading-text{white-space:pre-wrap;line-height:2.15;overflow-wrap:break-word}
.school-tabs{margin-block:0 18px}.school-tabs button[aria-pressed=true]{background:var(--wash);border-color:var(--accent)}.school-table{overflow-x:auto;margin-block:14px}.school-table table{width:100%;border-collapse:collapse}.school-table th,.school-table td{text-align:start;padding:10px;border-bottom:1px solid #dbe6df}.school-table th{background:var(--wash)}.school-status{margin:0}@media print{#school-session-actions,.school-tabs,#school-class-filter,[data-school-csv],[data-school-print],#school-report-search{display:none}.school-table{overflow:visible}}

.school-account-page{max-width:1240px;margin-inline:auto}.school-access{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(24px,5vw,72px);align-items:start;padding:clamp(12px,3vw,34px);border-radius:26px;background:linear-gradient(150deg,#f3e9f3,#fbf9fc 74%);color:#2a2d44}.school-access-hero{padding:10px 0}.school-access-hero h2{font-size:clamp(39px,5.5vw,74px);line-height:1.24;margin:16px 0}.school-access-hero h2 span,.school-access-brand{color:#285e70}.school-access-hero p{max-width:40ch}.school-access-kicker{display:inline-block;border:1px solid #ded1e0;border-radius:30px;background:white;padding:5px 16px;font-size:.85em}.school-access-hero figure{margin:24px 0 0;position:relative}.school-access-hero img{width:100%;height:auto;display:block;border-radius:22px;aspect-ratio:3/2;object-fit:cover}.school-access-hero figcaption{background:white;color:#285e70;border:1px solid #e1d4e2;border-radius:12px;padding:9px 15px;position:absolute;bottom:12px;inset-inline-start:14px;font-size:.83em}.school-access-card{position:relative;background:white;border:1px solid #ddd0df;border-radius:25px;padding:clamp(18px,3vw,34px);box-shadow:0 15px 35px #43214b10;overflow:hidden}.school-access-card::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#9ab7a8,#c3aa56,#6c255e)}.school-access-brand{font-size:1.15em;font-weight:bold;margin-top:7px}.school-access-tabs{padding:4px;gap:4px;border:1px solid #ded2e0;background:#f7f3f8;border-radius:12px;margin:16px 0;display:flex;flex-wrap:wrap}.school-access-tabs button{flex:1 1 auto;font-size:.76em;padding:7px;border-color:transparent;background:transparent}.school-access-tabs button[aria-pressed=true]{background:white;color:#285e70}.school-access-card input,.school-access-card select{width:100%;background:#faf7fb;border-color:#ddd0df}.school-access-card .primary{width:100%;background:#285e70;border-color:#285e70}.school-access-card input[type=email]{direction:ltr;text-align:right}.school-account-page #school-message:empty{display:none}.school-account-page #school-body>nav{border-radius:14px}.school-account-page #school-dashboard-panel{padding:16px;border-radius:14px;background:#fff;border:1px solid #e0d5e2}@media(max-width:760px){.school-access{grid-template-columns:1fr;padding:14px;gap:12px}.school-access-card{grid-row:1}.school-access-hero h2{font-size:36px}.school-access-hero img{max-height:260px}.school-access-hero figcaption{position:static;margin-top:6px}}@media print{.school-access,.school-account-page #school-message{display:none}}
.school-topline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding:8px max(4vw,18px);background:#fff;border-bottom:1px solid #e4dce5;font-size:.85em}.school-topline p{margin:0}.school-topline #school-top-account:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.school-topline #school-top-status:empty{display:none}.school-topline #school-top-logout{font-size:.95em}.school-topline #school-top-name{color:var(--accent);font-weight:bold}@media print{.school-topline{display:none}}
.school-access-rakeen{background:linear-gradient(145deg,#f2f7ee,#fbfcf8 70%);color:#23483d;gap:clamp(18px,5vw,72px)}.school-access-rakeen .school-access-card{border-color:#e0e8dc}.school-access-rakeen .school-access-card::before{background:linear-gradient(90deg,#a4bd9f,#c79e6c,#245847)}.school-access-rakeen .school-access-brand,.school-access-rakeen .school-access-hero h2 span{color:#2a5c49}.school-access-rakeen .school-access-card .primary{background:#245b4c;border-color:#245b4c}.school-access-rakeen .school-access-tabs{background:#f2f6ef;border-color:#e1e8db}.school-access-rakeen .school-access-card input,.school-access-rakeen .school-access-card select{background:#fafcf8;border-color:#d8e3d5}.school-hero-brand{display:flex;gap:14px;align-items:center;background:#e9f1e7;border:1px solid #dfe8dc;border-radius:16px;padding:12px 18px;width:fit-content;margin-block-end:17px}.school-hero-brand b{display:grid;place-items:center;width:48px;height:48px;background:#214e41;color:#edd4a4;border-radius:12px;font-size:1.5em}.school-hero-brand strong{font-size:1.3em}.school-hero-brand small{color:#4f6759}.school-entry-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 17px}.school-entry-modes button{font-size:.84em;padding:7px}.school-entry-modes button[aria-pressed=true]{background:#e5f0e4;border-color:#b9d2bd;color:#214e41}.school-access-note{font-size:.86em;margin-block:14px;color:#4e6258}
.school-passkey-button{margin-block:10px;color:#245b4c;border-color:#b9d2bd;background:#f5f9f2}.school-access-card .school-passkey-button{width:100%}
#school-role-toggle:not([hidden]){display:inline-flex;gap:3px;flex-wrap:wrap;padding:4px;border:1px solid #cdded2;background:#edf5ef;border-radius:13px}#school-role-toggle button{background:transparent;border-color:transparent;padding:5px 11px;font-size:.94em}#school-role-toggle button[aria-pressed=true]{background:#245b4c;color:white;border-color:#245b4c;opacity:1}.school-home-links{margin-block:14px 4px}.school-access-rakeen .school-access-hero h2{font-size:clamp(35px,4.6vw,64px);margin-block:12px}.school-access-rakeen .school-access-hero img{aspect-ratio:16/9}.school-access-card h3{margin-block:10px 14px}.school-account-page #school-body>h3{color:var(--accent);margin-top:18px}.school-account-page #school-session-actions:not(:empty){margin-block-end:12px}@media(max-width:760px){#school-role-toggle:not([hidden]){width:max-content;max-width:100%}.school-access-rakeen .school-access-hero h2{font-size:36px}}

/* Workspace navigation, account controls and daily information */
body{display:grid;grid-template-columns:clamp(205px,20vw,290px) minmax(0,1fr);background:color-mix(in srgb,var(--wash) 58%,#f8faf9)}
.site-rail{position:sticky;top:0;align-self:start;height:100dvh;overflow:auto;text-align:start;background:#fff;padding:clamp(16px,2.2vw,32px);border-inline-end:1px solid #dde6e0;font-size:15px}
.site-rail .logo{padding-block:.65rem 1.4rem;border-bottom:1px solid #dde6e0}
.site-rail nav{display:grid;gap:6px;margin-block:1.25rem}
.site-rail nav[hidden]{display:none}
.site-rail nav button{text-align:start;min-height:44px;padding-inline:12px;background:transparent}
.site-rail nav button:hover,.site-rail nav button[aria-pressed=true],.site-rail nav button[aria-current=page]{background:var(--wash)}
.site-rail-credit{background:var(--wash);padding:1rem;border-radius:16px;margin-top:1.5rem}
.site-workspace{min-width:0}
.school-topline{padding:10px clamp(16px,2.5vw,36px);gap:12px;background:#fff;min-height:64px;justify-content:flex-start;flex-wrap:wrap}
.workspace-name{font-weight:bold;margin-inline-end:auto}
.appearance-label{display:flex;gap:8px;align-items:center;font-size:14px}
.appearance-label select{padding:4px 8px;min-height:42px}
.site-workspace #daily-banner{margin:14px clamp(16px,2.5vw,36px) 0;border-radius:15px;background:var(--wash);min-height:58px}
.site-workspace main{padding-inline:clamp(16px,2.5vw,36px)}
.assessment-item{border:1px solid #cadbd3;margin-block:1rem;border-radius:12px;padding:12px}
.assessment-item legend{font-weight:bold;padding-inline:8px}
.assessment-item label{display:block;cursor:pointer;padding:6px}
.assessment-item input{margin-inline-end:7px;accent-color:var(--accent)}
.assessment-item p{margin:4px 0}
.school-table{overflow-x:auto}
@media(max-width:760px){
 body{display:block}
 .site-rail{position:static;height:auto;padding:12px 16px}
 .site-rail .logo{padding-block:0 .5rem}
 .site-rail nav{display:flex;margin-block:.45rem}
 .site-rail nav button{font-size:14px;padding-inline:8px}
 .site-rail-credit,.workspace-name,.appearance-label span{display:none}
 .site-workspace #daily-banner{margin-inline:10px}
}
@media print{.site-rail,.school-topline,#daily-banner{display:none!important}body{display:block}}

.prize-card{background:color-mix(in srgb,var(--wash) 70%,white);border-inline-start:4px solid var(--accent);margin-block:1rem;text-align:start}
.prize-card p:last-child{margin-bottom:0;font-size:.88em}
.report-filter{margin-top:1rem}
#school-source{margin-block:1rem}
#school-source input[type=file]{width:100%}
#school-dashboard-panel details a,#school-dashboard-panel article a{color:var(--accent)}
.school-access-rakeen .school-access-card{align-self:start}

.site-workspace #daily-banner,.site-workspace #contest-banner{display:grid;align-items:center;gap:4px 8px;min-height:0;padding:4px 8px;border-radius:10px;margin-inline:clamp(10px,2.5vw,36px);font-size:clamp(12px,2vw,15px)}
.site-workspace #daily-banner{grid-template-columns:auto minmax(0,1fr) auto;margin-block-start:8px}
.site-workspace #contest-banner{grid-template-columns:auto minmax(0,1fr);margin-block-start:4px;background:var(--lilac)}
#daily-banner .daily-track{grid-column:2;grid-row:1}
#daily-banner #daily-motion{grid-column:3;grid-row:1;padding:3px 6px}
#daily-banner .daily-label,#contest-banner .daily-label{padding:2px 6px}
#daily-copy,#contest-copy{width:max-content;max-width:none;white-space:nowrap}
#daily-tip{display:inline;margin-inline-start:.5em}
#contest-copy{margin:0;font-weight:bold;animation:daily-rtl 26s linear infinite}
#daily-copy.daily-paused,#contest-copy.daily-paused{width:auto;white-space:normal;animation:none}
@media(prefers-reduced-motion:reduce){#daily-copy,#contest-copy{width:auto;white-space:normal;animation:none}}
@media print{#contest-banner{display:none!important}}