/* Lore page specific styles — avoid duplicating base.css */
.hero-lore {
  background: radial-gradient(1200px 600px at 10% 10%, rgba(205,163,79,0.15), transparent 60%),
              radial-gradient(800px 400px at 90% 20%, rgba(31,91,163,0.12), transparent 60%);
  padding-block: var(--space-48) var(--space-32);
}
.hero-lore__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-32);
  align-items: center;
}
.hero-lore__cta { display: flex; gap: var(--space-12); flex-wrap: wrap; }
.hero-lore__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }

.section-lore { padding-block: var(--space-48); }

.realm-cards .realm-card { display: block; transition: transform var(--duration-normal) var(--easing-standard); }
.realm-cards .realm-card:hover { transform: translateY(-4px); text-decoration: none; }

.realm-figure { margin-top: var(--space-24); }
.realm-figure img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.realm-figure figcaption { color: var(--gray-700); margin-top: var(--space-8); }

.quiz-result { margin-top: var(--space-12); font-weight: 700; }

.keepers-list { padding-left: var(--space-24); }

.secret-item { border: 1px solid var(--gray-200); border-radius: var(--radius-md); padding: var(--space-16); background: #FFFCF6; }
.secret-item + .secret-item { margin-top: var(--space-12); }
.secret-item > summary { cursor: pointer; font-weight: 700; }

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