#studentUpdateNotice,#studentUpdateDialog{--update-paper:#191b16;--update-ink:#dfc894;--update-muted:#b9b09b;--update-line:#b99c604d;color:var(--update-ink);background:var(--update-paper);font-family:var(--font-body,sans-serif)}
html[data-student-appearance=paper] :is(#studentUpdateNotice,#studentUpdateDialog){--update-paper:#fffdf5;--update-ink:#493a26;--update-muted:#786b55;--update-line:#8d765a55}
#studentUpdateNotice{position:fixed;z-index:1302;top:calc(var(--wf-safe-top,env(safe-area-inset-top,0px)) + 8px);left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),440px);display:flex;border:1px solid var(--update-line);border-radius:6px;box-shadow:0 8px 28px #0003;transition:top .24s ease,opacity .24s ease}
#studentUpdateNotice[hidden]{display:none}
#studentUpdateNotice[data-refresh-phase=loading],#studentUpdateNotice[data-refresh-phase=success]{top:calc(var(--wf-safe-top,env(safe-area-inset-top,0px)) + 158px)}
#studentUpdateNotice button,#studentUpdateDialog button{background:none;border:0;color:inherit;font:inherit;min-height:44px;cursor:pointer}
#studentUpdateNotice .wf-update-open{flex:1;min-width:0;text-align:left;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
#studentUpdateNotice .wf-update-open strong{font-size:14px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
#studentUpdateNotice .wf-update-open span{font-size:12px;line-height:1.5;color:var(--update-muted)}
#studentUpdateNotice .wf-update-close{width:44px;flex:none;align-self:flex-start;font-size:25px}
#studentUpdateNotice button:focus-visible,#studentUpdateDialog button:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
#studentUpdateDialog{border:1px solid var(--update-line);border-radius:10px;width:min(calc(100% - 32px),440px);max-height:calc(100dvh - 100px);padding:20px;box-sizing:border-box;overflow:auto}
#studentUpdateDialog::backdrop{background:#080908aa}
#studentUpdateDialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--update-line)}
#studentUpdateDialog h2{margin:0;font:600 22px/1.5 var(--font-title,serif);color:var(--update-ink)}
#studentUpdateDialog header button{padding:0 8px;flex:none}
#studentUpdateDialog .wf-update-state{font-size:12px;line-height:1.6;color:var(--update-muted);margin:12px 0 20px}
#studentUpdateDialog section+section{border-top:1px solid var(--update-line);margin-top:16px;padding-top:12px}
#studentUpdateDialog h3{font-size:15px;line-height:1.6;margin:0 0 8px;color:var(--update-ink)}
#studentUpdateDialog ul{padding-left:1.25em;margin:0;font-size:14px;line-height:1.9}
@media(prefers-reduced-motion:reduce){#studentUpdateNotice{transition:none}}