.mag-hero{margin:0 0 8px}
.mag-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.mag-tabs button{font:700 15px Poppins,Arial,sans-serif;border:2px solid var(--gold);background:#fff;color:var(--navy);border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer}
.mag-tabs button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;margin:8px 0 30px}
.mag-card{background:#fff;border:1px solid var(--line);border-top:6px solid var(--gold);border-radius:16px;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(44,74,112,.07)}
.mag-card[hidden]{display:none!important}
.mag-cover{background:#f3efe3;display:flex;align-items:center;justify-content:center;min-height:200px;padding:12px}
.mag-cover img{max-height:220px;width:auto;box-shadow:0 6px 18px rgba(44,74,112,.18);border-radius:4px}
.mag-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.mag-body h2{font:800 20px Poppins,Arial,sans-serif;color:var(--navy);margin:0}
.mag-body p{margin:0;font-size:15px;color:var(--ink);flex:1}
.mag-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.mag-actions .btn{font-size:15px;padding:10px 18px;min-height:44px;box-shadow:none;border-radius:12px}
.mag-actions .btn.navy{box-shadow:0 3px 0 rgba(0,0,0,.18)}
.mag-count{font-size:14px;color:var(--muted);margin:0 0 4px}