/* One School News story on its own page (news-story.php). Layered over the
   site stylesheet; uses its tokens so dark mode follows automatically. */
.story-hero { min-height: 340px; }
.story-kicker { margin: 0 0 10px; font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--gold-lt, #ffcf01); }
.story-h1 { font-size: clamp(1.7rem, 3.4vw, 2.7rem); line-height: 1.15; max-width: 22ch; }
.story-wrap { max-width: 820px; margin: 0 auto; padding-top: clamp(28px, 4vw, 48px); padding-bottom: 64px; }
.story-article { font-size: 1.06rem; line-height: 1.75; }
.story-article > p { margin: 0 0 1.1em; }
.story-article .news-quote { margin: 1.4em 0; padding: 14px 20px; border-left: 4px solid var(--gold, #c9a227); background: var(--cream, #f7f3ea); border-radius: 0 10px 10px 0; font-style: italic; }
.story-article .news-quote cite { display: block; margin-top: 8px; font-style: normal; font-size: .88rem; font-weight: 600; }
.story-article .news-permalink { display: none; }
.story-fig { margin: 0 0 1.4em; }
.story-fig img { width: 100%; height: auto; border-radius: 12px; }
.story-article .news-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 10px 0 26px; }
.story-article .gallery-item { cursor: zoom-in; border-radius: 8px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--cream-d, #ece6d8); }
.story-article .gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.story-article .nf-galcap { font-size: .88rem; color: var(--txt-lt, #5b6470); margin: 28px 0 6px; }
.story-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--cream-d, #e3ddcf); }
.story-share span { font-weight: 600; margin-right: 6px; }
.story-pager { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; margin-top: 34px; }
.story-pg { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border: 1px solid var(--cream-d, #e3ddcf); border-radius: 12px; text-decoration: none; color: inherit; min-width: 0; }
.story-pg:hover { border-color: var(--gold, #c9a227); }
.story-pg small { font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: var(--txt-lt, #5b6470); }
.story-pg b { font-size: .95rem; line-height: 1.35; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.story-pg.older { text-align: right; }
.story-pg.all { text-align: center; }
@media (max-width: 640px) { .story-pager { grid-template-columns: 1fr; } .story-pg.older, .story-pg.all { text-align: left; } }
.news-permalink { margin: 14px 0 0; font-size: .92rem; font-weight: 600; }
@media print { .story-share, .story-pager { display: none; } }
.story-attach{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0}
.story-attach-size{color:var(--txt-mid);font-size:.875rem}
.story-fig figcaption{font-size:.875rem;color:var(--txt-mid);margin-top:6px}