/* Lore page custom styles (minimal, leveraging base.css) */
.hero-lore {
  background: radial-gradient(1200px 400px at 15% 20%, rgba(27,125,125,.15) 0%, transparent 60%),
              radial-gradient(1000px 300px at 85% 30%, rgba(74,43,92,.18) 0%, transparent 65%);
}
.hero-lore .hero-figure img { border: var(--border-width) solid var(--border-color); }

/* Table of contents */
.toc-lore .toc-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.toc-lore .toc-list a {
  display: inline-block;
  padding: var(--space-2) var(--space-3);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--radius-full);
  background: rgba(26,43,69,.5);
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
}
.toc-lore .toc-list a:hover { background: rgba(27,125,125,.15); border-color: var(--color-primary); }

/* Details summary styling */
.details-lore summary {
  cursor: pointer;
  list-style: none;
}
.details-lore[open] { box-shadow: var(--shadow-lg); }
.details-lore summary::-webkit-details-marker { display: none; }
.details-lore summary.h4 { font-size: var(--font-size-xl); color: var(--color-accent-gold-light); }

/* Glossary */
#glossary-list h3 { margin-bottom: var(--space-2); }
#glossary-list p { margin: 0; }
#glossary-search { max-width: 560px; }

/* Timeline */
.timeline-list { display: grid; gap: var(--space-6); list-style: none; padding-left: 0; }
.timeline-list > li { position: relative; }


/* Gallery */
.gallery-lore img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: var(--radius-lg); }

/* Highlight for search */
mark { background: rgba(212,171,120,.35); color: inherit; padding: 0 .15em; border-radius: var(--radius-sm); }