/* Crawlable reference pages (one god, rune, herb or festival) and the A–Z indexes on hub pages. */
body[data-page="entry"] .en { max-width: 820px; }
.en-crumbs { display: flex; flex-wrap: wrap; gap: 6px; padding-top: clamp(80px, 11vh, 110px); font-size: 0.9rem; color: var(--lichen); }
.en-crumbs a { color: var(--lichen); text-decoration: none; }
.en-crumbs a:hover { color: var(--bone); text-decoration: underline; }
.en-head { padding: 14px 0 20px; }
.en-kicker { margin: 0; font-style: italic; color: var(--jade); }
.en-head h1 { margin: 0.2rem 0 0; font-family: var(--display); font-weight: 600; font-size: clamp(2.2rem, 6vw, 3.6rem); line-height: 1.05; }
.en-h1-glyph { font-family: var(--runic); color: var(--neon); text-shadow: var(--neon-glow); margin-left: 0.2em; }
.en-lede { margin: 0.6rem 0 0; font-size: 1.2rem; color: #cfd8d2; font-style: italic; }
.en-body { padding: clamp(18px, 4vw, 34px); border-radius: 16px; background: rgba(15, 29, 36, 0.8); border: 1px solid rgba(233, 224, 204, 0.08); line-height: 1.7; }
.en-body p, .en-body li { color: #dcd6c6; }
.en-part { margin-top: 1.8rem; }
.en-part:first-child { margin-top: 0; }
.en-part h2 { margin: 0 0 0.5rem; font-family: var(--display); font-weight: 600; font-size: 1.3rem; color: #f1e9d6; }
.en-part ul, .en-part ol { margin: 0; padding-left: 1.2em; }
.en-part li { margin: 0.3em 0; }
.en-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 1rem; }
.en-tags span { font-size: 0.85rem; padding: 0.3rem 0.7rem; border-radius: 999px; border: 1px solid rgba(47, 201, 237, 0.35); color: #bfeefa; background: rgba(47, 201, 237, 0.07); }
.en-aka { font-style: italic; color: var(--lichen) !important; margin: 0; }
.en-note { margin-top: 1.4rem; padding: 0.7rem 1rem; border: 1px dashed rgba(233, 224, 204, 0.25); border-radius: 10px; font-size: 0.95rem; color: var(--lichen) !important; }
.en-sources li { font-style: italic; font-size: 0.93rem; color: #bfc9c3 !important; }
.en-links { list-style: none; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 18px; }
.en-links a, .en-body a { color: #9fe6f8; }
.en-links span { display: block; font-size: 0.85rem; color: var(--lichen); line-height: 1.3; }
.en-glyph { margin: 0 0 0.6rem; font-family: var(--runic); font-size: 5rem; line-height: 1; color: #dff8ff; text-shadow: var(--neon-glow), 0 0 40px rgba(47, 201, 237, 0.5); }
.en-ask { font-style: italic; font-size: 1.15rem; color: var(--jade) !important; }
.en-facts { display: grid; grid-template-columns: auto 1fr; gap: 4px 18px; margin: 0 0 0.5rem; }
.en-facts dt { color: var(--lichen); }
.en-facts dd { margin: 0; color: #dcd6c6; text-transform: none; }
.en-safety { padding: 0.8rem 1.1rem; border-left: 3px solid var(--ember); background: rgba(227, 138, 109, 0.08); border-radius: 0 10px 10px 0; }
.en-runes { list-style: none; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.en-runes a { display: flex; align-items: center; gap: 8px; padding: 0.4rem 0.6rem; border-radius: 10px; border: 1px solid rgba(233, 224, 204, 0.1); background: rgba(10, 21, 27, 0.5); text-decoration: none; color: var(--bone) !important; }
.en-runes a:hover { border-color: var(--neon-soft); }
.en-runes span { font-family: var(--runic); font-size: 1.3rem; color: var(--neon); text-shadow: 0 0 8px rgba(47, 201, 237, 0.6); }
.en-runes.big { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.en-runes.big a { flex-wrap: wrap; }
.en-runes small { flex-basis: 100%; font-size: 0.8rem; color: var(--lichen); padding-left: 2rem; margin-top: -4px; }
.en-cta { margin: 26px 0 0; padding: 26px; text-align: center; border-radius: 18px; border: 1px solid rgba(47, 201, 237, 0.35); background: radial-gradient(80% 120% at 50% 0%, rgba(47, 201, 237, 0.14), rgba(15, 29, 36, 0.85)); }
.en-cta-g { margin: 0; font-family: var(--runic); letter-spacing: 0.3em; color: var(--neon); text-shadow: var(--neon-glow); }
.en-cta h2 { margin: 0.4rem 0 0.3rem; font-family: var(--display); font-weight: 600; font-size: 1.5rem; }
.en-cta p { margin: 0 0 1rem; color: #cfd8d2; }
.en-cta .btn { text-decoration: none; display: inline-block; }

/* A–Z indexes added to hub pages */
.seo-index { margin: 60px 0 0; padding: 22px 24px; border-radius: 16px; background: rgba(10, 18, 24, 0.7); border: 1px solid rgba(233, 224, 204, 0.08); position: relative; z-index: 1; font-family: 'Alegreya', Georgia, serif; }
.seo-index h2 { margin: 0 0 12px; font-family: 'Cinzel', Georgia, serif; font-weight: 600; font-size: 1.2rem; color: #e9e0cc; }
.seo-index details { border-top: 1px solid rgba(233, 224, 204, 0.08); padding: 8px 0; }
.seo-index summary { cursor: pointer; color: #e9e0cc; }
.seo-az { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px 22px; margin-top: 10px; }
.seo-az h3 { margin: 0 0 2px; font-size: 0.85rem; color: #a3b5a0; font-weight: 500; }
.seo-az ul { list-style: none; margin: 0; padding: 0; }
.seo-az li { font-size: 0.92rem; line-height: 1.6; }
.seo-az a { color: #9fe6f8; text-decoration: none; }
.seo-az a:hover { text-decoration: underline; }

/* Wide hub pages (the runes overview): full width of the site, bigger rune tiles. */
body[data-page="entry"] .en.en-wide { max-width: none; }
.en-wide .en-head { max-width: 820px; }
.en-wide .en-runes.big { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
@media (min-width: 1000px) { .en-wide .en-runes.big { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.en-wide .en-runes.big a { display: grid; justify-items: center; text-align: center; gap: 4px; padding: 18px 10px 14px; border-radius: 14px; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; }
.en-wide .en-runes.big a:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35), 0 0 18px rgba(47, 201, 237, 0.15); }
.en-wide .en-runes.big span { font-size: 2.6rem; line-height: 1.1; }
.en-wide .en-runes.big small { padding-left: 0; margin-top: 0; flex-basis: auto; }
.en-wide .en-cta { max-width: 820px; margin-left: auto; margin-right: auto; }