/* School notice strip; the same component inherits Parwaan's local palette. */
.site-updates { --updates-bg:var(--brand-900); --updates-ink:var(--paper); --updates-accent:var(--gold-100); --updates-line:var(--brand-700); position:relative; z-index:20; background:var(--updates-bg); color:var(--updates-ink); }
.updates-bar { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:20px; max-width:1760px; padding-block:8px; }
.updates-label { display:flex; align-items:center; gap:9px; color:var(--updates-accent); font-size:.75rem; font-weight:600; }
.site-updates .icon { flex:none; width:18px; height:18px; }
.updates-stage { display:grid; min-width:0; }
.updates-item { grid-area:1/1; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; padding:6px 4px; min-height:48px; color:var(--updates-ink); visibility:hidden; pointer-events:none; }
.updates-item.is-current { visibility:visible; pointer-events:auto; }
.updates-meta { display:block; color:var(--updates-accent); font-size:.75rem; line-height:1.7; }
.updates-title { font-size:1rem; line-height:1.65; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.updates-item:hover .updates-title, .updates-panel a:hover>span:nth-child(2) { text-decoration:underline; text-underline-offset:4px; }
.updates-controls { display:flex; gap:2px; }
.updates-controls button, .updates-directory summary { display:flex; align-items:center; justify-content:center; gap:7px; min-width:44px; min-height:44px; background:transparent; border:0; border-radius:var(--r-sm); color:var(--updates-ink); cursor:pointer; font:inherit; font-size:.75rem; }
.updates-controls button:hover, .updates-directory summary:hover { background:var(--updates-line); }
.updates-controls button[aria-pressed="true"] { color:var(--updates-accent); }
.updates-directory summary { padding-inline:10px; list-style:none; }
.updates-directory summary::-webkit-details-marker { display:none; }
.updates-count { color:var(--updates-accent); font-variant-numeric:tabular-nums; }
.updates-directory[open] summary>.icon { transform:rotate(180deg); }
.updates-panel { position:absolute; top:100%; inset-inline:max(var(--gutter),calc((100% - 1680px)/2)); background:var(--updates-bg); padding:20px 24px; max-height:65vh; overflow:auto; overscroll-behavior:contain; box-shadow:0 18px 35px rgba(10,27,51,.2); border-top:1px solid var(--updates-line); border-radius:0 0 var(--r-md) var(--r-md); }
.updates-panel ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; list-style:none; padding:0; margin:0; }
.updates-panel li { min-width:0; border-bottom:1px solid var(--updates-line); }
.updates-panel li>a { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 16px; padding:16px 4px; color:var(--updates-ink); font-size:1rem; line-height:1.7; }
.updates-panel .updates-meta { grid-column:1/-1; }
.updates-panel li .icon { align-self:center; }
.updates-browse { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:14px; color:var(--updates-accent); font-size:.85rem; text-decoration:underline; text-underline-offset:4px; }
.site-updates :focus-visible { outline:2px solid var(--updates-accent); outline-offset:2px; }
.site-updates ::selection { background:var(--updates-accent); color:var(--updates-bg); }
.updates-panel { scrollbar-color:var(--updates-accent) var(--updates-bg); scrollbar-width:thin; }
.no-js .updates-controls { display:none; }
.no-js .updates-bar { grid-template-columns:auto minmax(0,1fr) auto; }
html[lang="ur"] .site-updates { font-family:var(--font-urdu); }
html[lang="ur"] .updates-title { line-height:2.3; font-size:1rem; }
html[lang="ur"] .updates-meta { line-height:2.4; }
html[lang="ur"] .updates-panel li>a { line-height:2.4; }
html[dir="rtl"] .updates-controls [data-update-step] .icon, html[dir="rtl"] .updates-item>.icon, html[dir="rtl"] .updates-panel a>.icon { transform:scaleX(-1); }
.parwaan-page .site-updates { --updates-bg:var(--pv-panel); --updates-ink:var(--pv-ink); --updates-accent:var(--pv-mint); --updates-line:var(--pv-line); }
.site-updates:not(.parwaan-page .site-updates) { --updates-bg:var(--gold-100); --updates-ink:var(--brand-900); --updates-accent:var(--brand-700); --updates-line:var(--sand-2); border-bottom:1px solid var(--updates-line); }
.site-updates--compact:not(.parwaan-page .site-updates) { --updates-bg:var(--cream); }
.site-updates--compact .updates-label>.icon { display:none; }
.site-updates--compact .updates-item { grid-template-columns:minmax(0,1fr) auto; font-size:.9rem; min-height:44px; }
.site-updates--compact .updates-item>.updates-meta { display:none; }
.site-updates--compact .updates-title { font-size:.9rem; }
.site-updates--compact .updates-bar { grid-template-columns:auto minmax(0,1fr) auto; gap:8px 16px; padding-block:2px; }
.site-updates--compact .updates-count { display:none; }
@media (max-width:1050px) {
  .updates-bar { grid-template-columns:minmax(0,1fr) auto auto; gap:2px 8px; padding-block:6px 10px; }
  .updates-label { grid-column:1; font-size:.7rem; }
  .updates-label>.icon { display:none; }
  .updates-controls { grid-column:2; grid-row:1; }
  .updates-directory { grid-column:3; grid-row:1; }
  .updates-directory summary { font-size:.7rem; padding-inline:3px; gap:5px; }
  .updates-directory summary>.icon { width:14px; }
  .updates-stage { grid-column:1/-1; grid-row:2; }
  .updates-item { grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:4px 0; min-height:72px; }
  .updates-item>.updates-meta { grid-column:1; }
  .updates-item>.updates-title { grid-column:1; grid-row:2; }
  .updates-item>.icon { grid-column:2; grid-row:1/3; }
  .updates-panel { inset-inline:var(--gutter); padding:8px 16px 16px; }
  .updates-panel ul { grid-template-columns:1fr; }
  .no-js .updates-bar { grid-template-columns:1fr auto; }
  .no-js .updates-directory { grid-column:2; }
  .site-updates--compact .updates-bar { grid-template-columns:auto minmax(0,1fr) auto; gap:0 10px; padding-block:4px; }
  .site-updates--compact .updates-label { grid-column:1; grid-row:1; align-self:start; padding-block:10px; }
  .site-updates--compact .updates-stage { grid-column:2; grid-row:1; }
  .site-updates--compact .updates-item { padding:4px 0; min-height:44px; gap:4px; }
  .site-updates--compact .updates-item>.updates-title { grid-row:1; }
  .site-updates--compact .updates-item>.icon { grid-row:1; }
  .site-updates--compact .updates-directory { grid-column:3; grid-row:1; justify-self:end; }
  .site-updates--compact .updates-directory summary { font-size:.75rem; }
  .no-js .site-updates--compact .updates-directory { grid-column:3; grid-row:1; }
}
@media (prefers-reduced-motion:no-preference) {
  .updates-item.is-current .updates-title { animation:updates-arrive .22s var(--ease-out); }
  @keyframes updates-arrive { from { opacity:.65; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
}
@media print { .site-updates { display:none; } }