/* Lore page styles (modular, minimal, leveraging base.css) */

.hero-lore {
  position: relative;
  background: linear-gradient(180deg, rgba(37,40,55,0.6), rgba(37,40,55,0.1));
  padding: var(--space-12) 0 var(--space-8);
}
.hero-inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--space-8);
  align-items: center;
}
.hero-copy h1 { font-family: var(--font-display); }
.hero-copy p { color: var(--color-text-secondary); }
.hero-ctas { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-media { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-xl); border: 1px solid var(--color-border); }

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

/* Table of contents */
.toc { position: relative; padding: var(--space-6) 0; }
.toc-inner { display: grid; grid-template-columns: 1fr; gap: var(--space-6); }
.toc-search { background: var(--color-background-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); box-shadow: var(--shadow-md); }
.toc-list { display: grid; gap: var(--space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.toc-list a { display: block; padding: var(--space-3) var(--space-4); background: var(--color-background-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-md); transition: transform var(--transition-fast), box-shadow var(--transition-fast); }
.toc-list a:hover { transform: translateY(-2px); box-shadow: var(--shadow-base); }

@media (max-width: 1024px) {
  .toc-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .toc-list { grid-template-columns: 1fr; }
}

/* Lore content grid */
.lore-content { padding-top: var(--space-4); padding-bottom: var(--space-12); }
[data-lore-grid] > article .media { margin-top: var(--space-4); border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--color-border); box-shadow: var(--shadow-base); }

/* Search state helpers */
[data-lore-section][hidden] { display: none !important; }

/* Anchor scroll offset for fixed headers */
#origins, #curse, #legacy, #relics, #sacrifices, #secrets, #encounters, #ancients, #resilience, #guardians, #united, #echoes { scroll-margin-top: 96px; }

/* After-content card */
.after-content-actions .card { background: linear-gradient(180deg, var(--color-background-elevated), rgba(26,29,46,0.9)); }