/* A geometric chevron keeps every native select centered, independent of font. */
.atlas-app{--control-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M2 2L6 6L10 2' fill='none' stroke='%23716496' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.atlas-app select{appearance:none;-webkit-appearance:none;background-image:var(--control-chevron)!important;background-repeat:no-repeat!important;background-position:right 9px center!important;background-size:12px 8px!important;padding-right:28px!important;text-overflow:ellipsis}
.atlas-app #territory-snapshot{--control-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M2 2L6 6L10 2' fill='none' stroke='%23e5edf6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.atlas-app :is(.chronology-notes,.milestone-references)>summary{position:relative;display:block;list-style:none;padding-right:24px}
.atlas-app :is(.chronology-notes,.milestone-references)>summary::-webkit-details-marker{display:none}
.atlas-app :is(.chronology-notes,.milestone-references)>summary::after{content:'';position:absolute;right:0;top:50%;width:12px;height:8px;background:var(--control-chevron) center/contain no-repeat;transform:translateY(-50%);pointer-events:none}
.atlas-app :is(.chronology-notes,.milestone-references)[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
.atlas-app .same-year-count{display:inline-flex;align-items:center;gap:4px}
.atlas-app .same-year-count::after{content:'';flex:none;width:12px;height:8px;background:var(--control-chevron) center/contain no-repeat}
@media(forced-colors:active){.atlas-app select{appearance:auto;-webkit-appearance:auto;background-image:none!important;padding-right:7px!important}.atlas-app :is(.chronology-notes,.milestone-references)>summary{display:list-item;list-style:disclosure-closed}.atlas-app :is(.chronology-notes,.milestone-references)[open]>summary{list-style:disclosure-open}.atlas-app :is(.chronology-notes,.milestone-references)>summary::after{display:none}}

/* The header identifies the active history module in both languages. */
.atlas-app .brand-identity{display:flex;align-items:baseline;gap:9px;min-width:0}
.atlas-app .brand-caption{display:block!important;margin:0;padding:0;border:0;white-space:nowrap;font:500 14px/1.3 var(--sans);color:#716491}
.atlas-app .site-header .brand-name{display:block!important}
@media(max-width:900px){.atlas-app .brand{gap:7px}.atlas-app .brand-identity{flex-direction:column;align-items:flex-start;gap:1px}.atlas-app .brand-caption{font-size:11px}.atlas-app .site-header .brand-name,html[lang=en] .atlas-app .site-header .brand-name{font-size:17px;line-height:20px;letter-spacing:0}.atlas-app .site-header nav{gap:8px}}
@media(max-width:560px){.atlas-app .brand-symbol{width:26px;height:26px}.atlas-app .site-header .brand-name,html[lang=en] .atlas-app .site-header .brand-name{font-size:14px;line-height:17px}.atlas-app .brand-caption{font-size:10px;line-height:13px}.atlas-app .site-header nav>a{font-size:12px;padding:6px}.atlas-app .site-header #about-button{padding:0;min-width:24px}.atlas-app .site-header #about-button>[data-i18n]{display:none}.atlas-app .language-control select{width:64px;max-width:64px;font-size:11px;padding-left:5px;background-position:right 6px center!important;padding-right:22px!important}.atlas-app #playback-speed{width:62px;padding-left:6px}}
@media(max-width:340px){.atlas-app .site-header nav>a[aria-current=page]{display:none}.atlas-app .site-header nav{gap:6px}.atlas-app .site-header .brand-identity{min-width:60px}}

/* The native range remains the interactive, accessible source of exact values. */
.atlas-app #year-slider{top:0}
.atlas-app #year-slider::-webkit-slider-thumb{opacity:0}
.atlas-app #year-slider::-moz-range-thumb{opacity:0}
.atlas-app .timeline-visual-rail{position:absolute;top:5px;left:9px;right:9px;height:18px;pointer-events:none}
.atlas-app .timeline-visual-thumb{position:absolute;top:0;left:var(--timeline-progress,0%);width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px var(--teal);transform:translateX(-50%);pointer-events:none}
.atlas-app .timeline-axis:has(#year-slider:disabled) .timeline-visual-thumb{opacity:.55}
@media(forced-colors:active){.atlas-app #year-slider::-webkit-slider-thumb{opacity:1}.atlas-app #year-slider::-moz-range-thumb{opacity:1}.atlas-app .timeline-visual-thumb{display:none}}
/* Keep the short stage label on one line beside the native selector. */
.atlas-app .dynasty-select-label{white-space:nowrap}