/* ═══════════════════════════════════════════════════════════════
   admission-notices.html — page stylesheet
   Was a <style> block in the page. It is a separate file, not part
   of styles.css, because these selectors are page-scoped: moving
   them into the shared sheet would have applied them site-wide.
   (school-news.html styles .news-card, and so does index.html;
    offline.html sets bare *, body, h1 and p rules.)
   ═══════════════════════════════════════════════════════════════ */

.notice-card{background:var(--surface);border:1px solid rgba(11,31,66,.1);border-left:4px solid var(--gold);border-radius:var(--rad-l);padding:1.5rem 1.8rem;margin-bottom:1.25rem;transition:box-shadow .2s}
.notice-card:hover{box-shadow:var(--shd-sm)}
.notice-card.notice-urgent{border-left-color:#c0392b}
.notice-card.notice-info{border-left-color:var(--ink)}
.notice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.notice-title{font-family:'Playfair Display',serif;font-size:1.05rem;color:var(--ink);margin:0;line-height:1.4}
.notice-badge{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:50px;white-space:nowrap}
.badge-open{background:var(--gold);color:var(--ink)}
.badge-closed{background:#e2e8f0;color:#4a5568}
.badge-upcoming{background:#ebf8ff;color:#2b6cb0}
.notice-date{font-size:.78rem;color:var(--txt-mid);margin-bottom:.6rem}
.notice-text{font-size:.88rem;color:var(--txt-mid);line-height:1.75;margin:0}
.notice-actions{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}
[data-theme="dark"] .notice-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .notice-title{color:var(--ink)}
[data-theme="dark"] .badge-closed{background:rgba(255,255,255,.1);color:var(--txt-mid)}
[data-theme="dark"] .badge-upcoming{background:rgba(43,108,176,.3);color:#90cdf4}