.mag-list{padding:clamp(40px,6vw,72px) clamp(16px,4vw,28px) clamp(56px,8vw,96px)}
.mag-list .mag-inner{max-width:1200px;margin:0 auto}
.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.mag-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#E4E0D8);border-radius:18px;overflow:hidden;color:var(--ink,#1A1714);transition:transform .15s,box-shadow .15s,border-color .15s}
.mag-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(26,23,20,.09);border-color:var(--ink,#1A1714)}
.mag-card-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--bg,#F4F2ED)}
.mag-card-body{display:flex;flex-direction:column;gap:10px;padding:24px 24px 22px;flex:1}
.mag-card-tag{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red,#F5290F)}
.mag-card h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(1.2rem,2.2vw,1.4rem);line-height:1.15;letter-spacing:-.01em}
.mag-card p{font-size:15.5px;line-height:1.6;color:var(--sub,#4a443c);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mag-card-more{margin-top:auto;padding-top:8px;font-weight:700;font-size:15px;text-decoration:underline;text-decoration-color:var(--red,#F5290F);text-decoration-thickness:2px;text-underline-offset:5px}
.mag-empty{font-size:16px;color:var(--muted,#726B61)}