/* Dungeons page styles - focused, non-duplicative of base.css */
.hero {
  padding: var(--space-16) 0 var(--space-12);
  background: radial-gradient(1000px 500px at 10% 10%, rgba(232,116,59,.08), transparent 70%),
              radial-gradient(800px 400px at 90% 40%, rgba(79,138,95,.08), transparent 70%);
}
.hero-inner {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-8);
  align-items: center;
}
.hero-text p { max-width: 60ch; }
.hero-ctas { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); border: 1px solid var(--color-border); }

@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr; }
}

.breadcrumb { padding: var(--space-4) 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); background-color: rgba(37,40,55,.35); }
.breadcrumb .container { display: flex; gap: var(--space-2); align-items: center; font-size: var(--text-sm); color: var(--color-text-secondary); }
.breadcrumb a { color: var(--color-parchment); }

.tools { padding: var(--space-8) 0; }
.filters { display: grid; grid-template-columns: 1fr 320px auto; gap: var(--space-6); align-items: end; }
.filter-actions { display: flex; gap: var(--space-4); align-items: center; }
.results-meta { display: flex; justify-content: space-between; align-items: center; }

@media (max-width: 1024px) {
  .filters { grid-template-columns: 1fr 1fr; }
  .filter-actions { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .filters { grid-template-columns: 1fr; }
}

.quick-nav { position: sticky; top: 0; z-index: var(--z-sticky); background: linear-gradient(180deg, rgba(26,29,46,.92), rgba(26,29,46,.88)); border-bottom: 1px solid var(--color-border); backdrop-filter: blur(6px); }
.quick-list { display: flex; gap: var(--space-4); padding: var(--space-3) 0; overflow-x: auto; }
.quick-list a { white-space: nowrap; padding: var(--space-2) var(--space-3); border-radius: var(--radius-base); border: 1px solid transparent; }
.quick-list a:hover { border-color: var(--color-border); background-color: rgba(232,116,59,.08); }

.section-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); padding: var(--space-10) 0; }
@media (max-width: 1200px) { .section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) { .section-grid { grid-template-columns: 1fr; } }

.topic .bullet { padding-left: 1.25rem; }
.topic .bullet li { list-style: square; margin-left: 0.5rem; margin-bottom: var(--space-2); color: var(--color-parchment); }
.topic .media img { margin-top: var(--space-4); border-radius: var(--radius-md); border: 1px solid var(--color-border); box-shadow: var(--shadow-md); }

.cta-wrap { padding: var(--space-8) 0 var(--space-16); }

/* Utility for hidden topics when filtering */
.topic[hidden] { display: none !important; }