.mag-container{max-width:1120px;margin:0 auto;padding:0 16px;}
.mag-hero{background:#fff7fa;border-bottom:1px solid rgba(0,0,0,0.05);padding:26px 0 18px;}
.mag-hero h1{margin:0 0 6px;font-size:1.8rem;color:#e84c61;}
.mag-hero p{margin:0;color:#444;}
.mag-list{padding:26px 0 34px;background:#ffffff;}
.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.mag-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,0.06);transition:transform .15s,box-shadow .15s;}
.mag-card-link{text-decoration:none;color:inherit;display:block;height:100%;}
.mag-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,0.09);}
.mag-card-img-wrap{height:170px;overflow:hidden;}
.mag-card-img{width:100%;height:100%;object-fit:cover;display:block;}
.mag-card-body{padding:12px 14px 14px;}
.mag-card-cat{margin:0 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#b65b70;}
.mag-card-title{margin:0 0 6px;font-size:1.05rem;color:#222;}
.mag-card-excerpt{margin:0 0 8px;font-size:.92rem;color:#555;}
.mag-card-more{font-size:.86rem;color:#e84c61;font-weight:600;}
.mag-article{padding:26px 0 34px;background:#faf7fb;}
.mag-article-inner{background:#fff;border-radius:20px;padding:18px 18px 22px;box-shadow:0 16px 42px rgba(0,0,0,0.06);}
.mag-breadcrumbs{font-size:.82rem;margin-bottom:10px;}
.mag-breadcrumbs a{text-decoration:none;color:#e84c61;}
.mag-breadcrumbs span{color:#555;}
.mag-article-hero{margin-bottom:14px;}
.mag-hero-img{width:100%;border-radius:18px;display:block;margin-bottom:8px;}
.mag-meta{margin:0;font-size:.82rem;color:#777;}
.mag-article-title{margin:6px 0 12px;font-size:1.7rem;color:#e84c61;}
.mag-content h2{margin-top:18px;font-size:1.2rem;color:#333;}
.mag-content h3{margin-top:14px;font-size:1.05rem;color:#444;}
.mag-content p{margin:8px 0;font-size:.96rem;color:#333;}
.mag-content ul{margin:8px 0 8px 20px;padding:0;font-size:.95rem;color:#333;}
@media(max-width:700px){
  .mag-article-inner{padding:14px 12px 18px;}
  .mag-article-title{font-size:1.4rem;}
  .mag-hero h1{font-size:1.5rem;}
}