/* ═══════════════════════════════════════════════════════════════
   gallian-magazine.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.)
   ═══════════════════════════════════════════════════════════════ */

.mag-edition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}
.mag-card{background:var(--surface);border:1px solid rgba(11,31,66,.1);border-radius:var(--rad-l);overflow:hidden;transition:box-shadow .2s,transform .2s}
.mag-card:hover{box-shadow:var(--shd-md);transform:translateY(-3px)}
.mag-cover{background:linear-gradient(135deg,var(--g-deep) 0%,#1a3a6e 100%);padding:2.5rem 1.5rem;text-align:center;position:relative}
.mag-cover-crest{width:54px;height:54px;margin:0 auto .75rem}
.mag-cover-year{font-family:'Playfair Display',serif;font-size:1.8rem;color:#fff;font-weight:700;line-height:1}
.mag-cover-title{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-top:.4rem}
.mag-body{padding:1.2rem 1.4rem}
.mag-body h3{font-family:'Playfair Display',serif;font-size:1rem;color:var(--ink);margin:0 0 .4rem}
.mag-body p{font-size:.82rem;color:var(--txt-mid);line-height:1.65;margin:0 0 .75rem}
.mag-sections{display:flex;gap:.4rem;flex-wrap:wrap}
.mag-section-tag{font-size:.75rem;padding:2px 8px;border-radius:50px;background:rgba(0,46,120,.1);color:var(--ink);font-weight:500}
.mag-coming{background:rgba(0,0,0,.03);border:1px dashed rgba(11,31,66,.2);border-radius:var(--rad-l);padding:2rem;text-align:center;color:var(--txt-mid);font-size:.9rem}
[data-theme="dark"] .mag-card{background:var(--surface);border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .mag-section-tag{background:rgba(255,255,255,.08);color:var(--gold)}
[data-theme="dark"] .mag-coming{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}