/* Lore page styles (kept minimal and complementary to base.css) */
.lore-hero { padding-top: var(--space-16); padding-bottom: var(--space-12); }
.lore-hero__grid { grid-template-columns: 1.1fr 1fr; gap: var(--space-8); align-items: center; }
.lore-hero__content { max-width: 48rem; }
.lore-hero__tag { color: var(--color-text-muted); margin-top: var(--space-2); }
.lore-hero__ctas { display: flex; gap: var(--space-3); margin-top: var(--space-4); flex-wrap: wrap; }
.lore-hero__media { aspect-ratio: 16 / 9; }

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

.toc { background: linear-gradient(180deg, color-mix(in oklab, var(--color-surface-1), white 2%), var(--color-surface-1)); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.toc__list { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.toc__list a { padding: 6px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: var(--color-surface-2); }

.lore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); align-items: start; }
.lore-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }

@media (max-width: 1000px) {
  .lore-grid { grid-template-columns: 1fr; }
  .lore-cards { grid-template-columns: 1fr; }
}

.codex__search { margin-bottom: var(--space-4); }
.codex__summary { color: var(--color-text-muted); margin-bottom: var(--space-4); }
.codex__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
@media (max-width: 900px) { .codex__grid { grid-template-columns: 1fr; } }

.lore-video iframe { display: block; border: 0; }

.lore-accordions details > summary { list-style: none; }
.lore-accordions details > summary::-webkit-details-marker { display: none; }
.lore-accordions details > summary { display: flex; align-items: center; justify-content: space-between; }