*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;line-height:1.8;color:#222;background:#f4f1eb}
.mag-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.mag-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:48px 0;text-align:center;margin-bottom:48px}
.mag-header h1{font-size:36px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
.mag-header p{font-size:16px;opacity:.8;font-style:italic}
.mag-header .mag-home{color:#fff;text-decoration:none;font-size:20px;letter-spacing:1px;text-transform:uppercase}
.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.mag-item{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:28px;transition:box-shadow .2s}
.mag-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.14)}
.mag-item h2{font-size:22px;margin-bottom:10px;line-height:1.3}
.mag-item h2 a{color:#2c3e50;text-decoration:none}
.mag-item .mag-date{font-size:12px;color:#888;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.mag-item p{font-size:15px;color:#555;margin-bottom:14px}
.mag-link{color:#e74c3c;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.mag-article{max-width:780px;margin:0 auto;padding:0 24px 60px}
.mag-article h1{font-size:36px;margin-bottom:10px;line-height:1.2}
.mag-article time{font-size:13px;color:#888;display:block;margin-bottom:28px;text-transform:uppercase;letter-spacing:1px}
.mag-article h2{font-size:24px;margin:36px 0 14px}
.mag-article h3{font-size:19px;margin:28px 0 10px}
.mag-article p{margin-bottom:18px;font-size:17px}
.mag-article ul,.mag-article ol{margin:0 0 18px 28px}
.mag-article a{color:#e74c3c}
.mag-article img{max-width:100%;height:auto;border-radius:4px;margin:20px 0}
.mag-footer{border-top:2px solid #ddd;padding:28px 0;margin-top:48px;text-align:center;font-size:13px;color:#888}
.mag-footer a{color:#888}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:wght@400;700&display=swap');
body{font-family:'Inter',sans-serif;color:#353535;background:#FDFCF0}
header{background:#2D4739}
header h1{font-family:'Fraunces',serif}
.card h2{font-family:'Fraunces',serif}
.card h2 a{color:#2D4739}
.card h2 a:hover{color:#FFB347}
.read-more{color:#FFB347}
.article-content h1{font-family:'Fraunces',serif}
.article-content h2{font-family:'Fraunces',serif}
.article-content a{color:#FFB347}
.article-content img{border-radius:12px}
.affiliate-disclosure{border-radius:12px}
.ymyl-disclaimer{border-radius:12px}