.mgas-timeline-shell{
  --paper:#FAF3E0;
  --cream:#F5EDD6;
  --brown:#3B2410;
  --gold:#C9922A;
  --red:#C0392B;
  --ink:#1C1008;
  max-width:1280px;
  margin:0 auto;
  padding:24px;
  color:var(--brown);
}
.mgas-hero{
  background:var(--paper);
  border:1px solid rgba(0,0,0,.08);
  border-radius:24px;
  padding:32px 24px;
  margin-bottom:20px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}
.mgas-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.mgas-hero h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.03;color:var(--ink)}
.mgas-hero h1 span{color:var(--red)}
.mgas-hero-sub{margin:12px 0 0;color:#6B3F1E;max-width:72ch}
.mgas-controls{
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  margin:18px 0 22px;
}
.mgas-search{
  flex:1 1 260px;padding:14px 16px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;
}
.mgas-filters{display:flex;flex-wrap:wrap;gap:8px}
.mgas-filter-chip{
  border:1px solid rgba(0,0,0,.12);background:#fff;padding:10px 14px;border-radius:999px;cursor:pointer
}
.mgas-filter-chip.active{background:#111;color:#fff;border-color:#111}
.mgas-period-list{display:flex;flex-direction:column;gap:28px}
.mgas-period-header h2{margin:0 0 12px}
.mgas-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.mgas-card{
  background:var(--paper);border:1px solid rgba(0,0,0,.08);border-left:6px solid var(--mgas-color,#C0392B);
  border-radius:18px;padding:18px;box-shadow:0 8px 20px rgba(0,0,0,.05)
}
.mgas-card-top{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.mgas-card h3{margin:0;font-size:1.2rem}
.mgas-card h3 a{text-decoration:none}
.mgas-premium{
  background:#111;color:#fff;padding:4px 8px;border-radius:999px;font-size:.75rem;white-space:nowrap
}
.mgas-card-desc{margin:.7rem 0 1rem;color:#58361f}
.mgas-tag-list{display:flex;flex-wrap:wrap;gap:7px}
.mgas-tag{
  display:inline-block;padding:6px 10px;border:1px solid rgba(0,0,0,.1);border-radius:999px;font-size:.85rem;background:#fff
}
.mgas-card-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.mgas-button{
  display:inline-block;background:#111;color:#fff;text-decoration:none;padding:12px 14px;border-radius:12px;text-align:center
}
.mgas-sponsor{font-size:.9rem;color:#7a4b22;text-decoration:none}
.mgas-empty{
  max-width:1000px;margin:30px auto;padding:24px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:18px
}
.mgas-ad-slot{
  margin:16px 0;padding:18px;background:#fff;border:1px dashed rgba(0,0,0,.15);border-radius:18px
}
.mgas-ad-slot img{display:block;width:100%;height:auto;border-radius:12px}
.mgas-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.mgas-grid-card{background:#fff;padding:18px;border-radius:18px;border:1px solid rgba(0,0,0,.08)}
.mgas-export-button{
  display:inline-block;background:#111;color:#fff;text-decoration:none;padding:12px 16px;border-radius:12px
}
.mgas-export-locked{
  background:#fff0d6;border:1px solid #eac77f;padding:14px 16px;border-radius:14px
}
@media (max-width: 900px){
  .mgas-timeline-shell{padding:14px}
  .mgas-hero{padding:24px 18px}
  .mgas-controls{align-items:stretch}
  .mgas-search{width:100%}
}