.enc-guide h1 { max-width: 23ch; }
.enc-guide h2 { margin: 1.5em 0 .4em; }
.enc-guide section, .enc-guide details, .enc-guide nav { scroll-margin-top: 8rem; }
.enc-guide li { margin: .3rem 0; }
.enc-guide a { color: #f1bf77; }
.enc-guide a:focus-visible, .enc-entry summary:focus-visible { outline: 2px solid #8fdfd5; outline-offset: 3px; }
.enc-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap: .8rem; }
.enc-tile { display: grid; gap: .3rem; padding: 1.1rem; background: #141e27; border: 1px solid #34434e; border-radius: .35rem; text-decoration: none; }
.enc-tile:hover { border-color: #f1bf77; }
.enc-tile span, .enc-facts, .enc-entry summary span { color: #adc2ce; font-size: .94em; }
.enc-search { display: block; max-width: 34rem; margin-top: 1.5rem; }
.enc-search input { display: block; width: 100%; padding: .65rem; margin-top: .3rem; border: 1px solid #556878; border-radius: .3rem; color: #eef3f5; background: #101922; }
.enc-entry { border-top: 1px solid #354550; }
.enc-entry summary { cursor: pointer; padding: .85rem .25rem; overflow-wrap: anywhere; color: #f3f5f6; }
.enc-entry[open] { background: #121c24; padding-inline: .75rem; }
.enc-entry p { max-width: 76ch; }
.enc-back { margin: .75rem 0; font-size: .9rem; }
.enc-guide [hidden] { display: none; }
.atlas-encounter-icon { color: #7ce6d3; font-weight: bold; }
.atlas-marker:has(.atlas-encounter-icon) { border-color: #7ce6d3; }
.atlas-wide-encounters { position: absolute; top: .4rem; left: .4rem; max-width: 85%; z-index: 2; }
.atlas-wide-pin { background: #122b30; color: #bef8e9; border: 1px solid #72cbbf; border-radius: .3rem; padding: .4rem .65rem; cursor: pointer; text-align: left; }
.atlas-encounter-links { padding-left: 1rem; overflow-wrap: anywhere; }
.atlas-encounter-links li { padding-block: .24rem; }

.atlas:has(.atlas-encounter-icon) { scroll-margin-top: 5.5rem; }