/* extra styling for season pages (kept minimal) */
.page{
  /* Defensive: ensure season pages never look dimmed even if a stray overlay style exists elsewhere */
  background:#fff;
}

.card{
  position:relative;
  isolation:isolate;
}
.card::before,
.card::after{
  content:none !important;
}

.season-hero{ margin-top:14px; border-radius:18px; overflow:hidden; border:1px solid var(--border); background:var(--surface2); }
.season-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:1;
  transform:none;
  animation:fadeUp .45s ease both;
}
.season-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }

.subtype-grid{ display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:12px; margin-top:14px; }
@media (min-width: 720px){ .subtype-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.subtype-card{ border:1px solid var(--border); background:var(--surface); border-radius:16px; padding:14px; box-shadow:0 8px 18px rgba(0,0,0,.05);
  position:relative; isolation:isolate;
}
.subtype-card::before,
.subtype-card::after{ content:none !important; }
.subtype-card h3{ margin:0 0 8px; font-size:16px; letter-spacing:-.01em; }
.subtype-card p{ margin:0 0 12px; color:var(--text2); font-size:13px; line-height:1.45; }
.subtype-card .chip-row{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.subtype-card .chip{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid rgba(0,0,0,.08); background:rgba(255,255,255,.6); font-size:12px; color:var(--text2); }
.subtype-card a.btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 12px; border-radius:12px; border:1px solid rgba(0,0,0,.1); background:rgba(0,0,0,.03); text-decoration:none; color:var(--text); font-weight:700; width:100%; }
.subtype-card a.btn:hover{ background:rgba(0,0,0,.06); }

@keyframes fadeUp{
  from{opacity:0; transform:translateY(6px);}
  to{opacity:1; transform:none;}
}