/* Supplied JPEGs remain unchanged. The wordmark viewport trims white margins visually. */
:root{--bg:#fff;--surface:#fff;--text:#111;--muted:#555;--line:#d7d7d7;--accent:#006cae;--accent-2:#008bdb;--accent-soft:#e7f5ff;--success:#176600;--success-soft:#edffe8;--warn:#ad180d;--warn-soft:#fff0ed;--shadow:4px 4px 0 #111;--radius:20px;--green:#00e600;--blue:#008bdb;--red:#ee1608}
body{background:#fff;color:#111}a{color:#006cae;text-underline-offset:4px}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.school-logo{display:block;position:relative;overflow:hidden;width:230px;aspect-ratio:2.65;background:#fff;flex-shrink:0}
.school-logo img{position:absolute;width:124%;max-width:none;height:auto;left:-14%;top:-65%}
.site-bar{width:min(1180px,calc(100% - 32px));margin:auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:3px solid #111}
.account-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px;font:600 14px system-ui}.account-tools span{overflow-wrap:anywhere;max-width:180px}.account-tools form{margin:0}
.logout-button{appearance:none;-webkit-appearance:none;background:#fff;color:#111;-webkit-text-fill-color:#111;border:2px solid #111;border-radius:12px;padding:10px 16px;min-height:44px;font:700 14px system-ui;white-space:nowrap;cursor:pointer}.logout-button:hover{background:#edffe8}
.header{align-items:center}.eyebrow,.status-label,.next-kicker{color:#111}.eyebrow:before{content:'';display:inline-block;width:10px;height:10px;border:2px solid #111;border-radius:50%;background:var(--blue);margin-right:8px}
.clock{background:#fff;border:2px solid #111;box-shadow:3px 3px 0 #111;backdrop-filter:none}
.status-card,.next-card,.schedule-wrap{border:2px solid #111;background:#fff;box-shadow:4px 4px 0 #111}.status-card{border-top:8px solid var(--green)}.status-card:before{display:none}.next-card{border-top:8px solid var(--blue)}
.badge{color:#333;background:#f2f2f2}.dot{background:var(--green);box-shadow:0 0 0 2px #111}.progress{background:#fff;border:2px solid #111;height:12px}.progress>div{background:var(--green)}
.day-tab{border:2px solid #111;background:#fff;color:#111;box-shadow:2px 2px 0 #111;min-height:44px}.day-tab.active{background:var(--green);color:#111;box-shadow:3px 3px 0 #111}.day-tab:hover{background:#edffe8}
.lesson{background:#fff;border-color:#d0d0d0}.lesson:hover{box-shadow:2px 2px 0 #ddd}.lesson.lunch{background:var(--warn-soft)}.lesson.next{background:var(--accent-soft);border-color:var(--blue)}.lesson.current{background:var(--success-soft);border:2px solid #111;box-shadow:3px 3px 0 var(--green)}.lesson.current:before{background:var(--green)}
.num{border:2px solid #111;background:#fff;color:#111;border-radius:50%}.lunch .num{background:var(--red);color:#fff}.current .num{background:var(--green);color:#111}.room{background:#f2f2f2;color:#444}.room.empty{opacity:1;color:#666}.state{color:#176600}.footer{color:#555;line-height:1.6}
.brand-footer{margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:16px;color:#555;font:13px/1.5 system-ui}.brand-footer img{width:112px;height:auto;display:block}.brand-footer strong{color:#111;display:block}
@media(max-width:640px){.site-bar{width:calc(100% - 24px);padding:16px 0;gap:16px;flex-wrap:wrap}.school-logo{width:180px}.account-tools{gap:12px;font-size:13px;width:100%;justify-content:flex-start}.account-tools form{margin-left:auto}.container{padding-top:18px}.clock{box-shadow:2px 2px 0 #111}.status-card,.next-card,.schedule-wrap{box-shadow:3px 3px 0 #111}.schedule-wrap{border-color:#111}.day-tabs{padding-bottom:14px}.brand-footer{padding:0 12px;font-size:12px}.brand-footer img{width:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}