/* The "what changed" note, shown once per browser after an update.
   Shared by the student, teacher and admin pages, so it leans only on the
   custom properties all three define. */
.update-announcement{
  position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(15,23,42,.5);
}
.update-announcement-card{
  width:100%;max-width:480px;max-height:80vh;overflow:auto;
  background:var(--surface,#fff);color:var(--ink,#0F172A);
  border:1px solid var(--line,#E2E8F0);border-radius:16px;padding:20px;
  box-shadow:0 18px 44px rgba(15,23,42,.24);
}
.update-announcement-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.update-announcement-badge{
  flex:none;padding:3px 9px;border-radius:999px;
  background:var(--blue,#2563EB);color:#fff;font-size:11.5px;font-weight:600;
}
.update-announcement-head b{font-size:15.5px;line-height:1.45}
.update-announcement-body{font-size:13.5px;line-height:1.7;color:var(--sub,#64748B)}
.update-announcement-body p{margin:0 0 7px}
.update-announcement-body p:last-child{margin-bottom:0}
.update-announcement-actions{display:flex;justify-content:flex-end;margin-top:16px}
@media (max-width:480px){
  .update-announcement{padding:14px}
  .update-announcement-card{padding:16px}
}