/* Shared editorial icon system. Geometry lives in /js/icons.js. */
.ui-icon{display:inline-block;flex:0 0 auto;vertical-align:-.16em;pointer-events:none}
.text-link>.ui-icon{transition:transform .2s ease}
.archive-result .result-action{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.atlas-person-link,.atlas-popup-story{text-decoration:underline;text-underline-offset:4px}
.text-link:hover>.ui-icon--arrow-left{transform:translateX(-3px)}
.text-link:hover>.ui-icon--arrow-right{transform:translateX(3px)}
.text-link:hover>.ui-icon--arrow-down{transform:translateY(3px)}
.logo>.ui-icon--brand{margin-inline-end:2px}
.logo .brand-logo{width:210px;height:auto;display:block}
@media(max-width:760px){.logo .brand-logo{width:180px}}
@media(max-width:360px){.logo .brand-logo{width:160px}}
.header-search:hover,.icon-button:hover{border-radius:0}
.nav-toggle{width:44px;height:44px;place-items:center;padding:10px}
.nav-toggle>.ui-icon--close,.nav-toggle[aria-expanded=true]>.ui-icon--menu{display:none}
.nav-toggle[aria-expanded=true]>.ui-icon--close{display:block}
.hero-story-caption h2{align-items:center;gap:20px}
.hero-story-caption h2>.ui-icon{color:var(--accent)}
.topic-index a>.ui-icon:last-child,.place-trail a>.ui-icon:last-child{margin-inline-start:auto}
.breadcrumbs>.ui-icon{margin-inline:5px;vertical-align:-2px}
.collection-divider a,.search-explore a,.atlas-footnote a,.nav-link,.atlas-place-directions,.atlas-popup-directions{display:inline-flex;align-items:center;gap:8px}
.share-row a,.share-row button,.atlas-view-toggle button,#mapReset,#mapRetry{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.share-row .btn>.ui-icon{margin-inline-end:0}
.btn>.ui-icon,.admin-nav a>.ui-icon{vertical-align:-.2em;margin-inline-end:5px}
summary{list-style:none;display:flex;align-items:center;gap:10px}
summary::-webkit-details-marker{display:none}
summary::marker{content:""}
.filter-row summary::before{content:none}
summary>.ui-icon--chevron-down{transition:transform .2s ease}
details[open]>summary>.ui-icon--chevron-down{transform:rotate(180deg)}
.art-credit summary,.story-sources summary{min-height:44px}
select,.filter-bar-top>select,.form-row select,.atlas-filters select{appearance:none;background-image:url('/images/icons/chevron-down.svg');background-position:left 12px center;background-size:16px;background-repeat:no-repeat;padding-inline-end:38px}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;width:24px;height:24px;margin-inline-start:8px;cursor:pointer;background:url('/images/icons/close.svg') center/16px no-repeat;flex-shrink:0}
.checkbox-row input[type=checkbox]{appearance:none;width:19px;height:19px;border:1.5px solid currentColor;border-radius:0;background:transparent}
.checkbox-row input[type=checkbox]:checked{background:var(--ink,#252a28) url('/images/icons/check-light.svg') center/17px no-repeat}
.radio-group input[type=radio]{appearance:none;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center}
.radio-group input[type=radio]:checked::after{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.atlas-view-toggle button{min-height:44px}
.atlas-place-directions,.atlas-popup-directions,.atlas-person-link,.atlas-popup-story{min-height:44px}
.atlas-map-tools{inset-inline-end:78px}
.atlas-map-tools>span>.ui-icon--pin{color:var(--accent)}
.atlas-map-tools>button{min-height:44px}
#map .leaflet-control-zoom a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:1}
#map .leaflet-popup-close-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:1}
.atlas-pin>.ui-icon{color:var(--accent);fill:var(--paper);filter:drop-shadow(0 2px 2px #252a2830)}
.atlas-pin.is-selected>.ui-icon{color:var(--ink);stroke-width:2}
.lightbox-close{display:grid;place-items:center}
[hidden]{display:none!important}
@media(max-width:760px){.nav-toggle{display:grid;width:44px;padding:10px}}
@media(max-width:600px){.atlas-map-tools{inset-inline-end:70px}.atlas-view-toggle button{padding-inline:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){html:not([data-preview-motion="full"]):not([data-motion="on"]) .text-link>.ui-icon,html:not([data-preview-motion="full"]):not([data-motion="on"]) summary>.ui-icon--chevron-down{transition:none}html:not([data-preview-motion="full"]):not([data-motion="on"]) .text-link:hover>.ui-icon{transform:none}}
@media(forced-colors:active){.checkbox-row input[type=checkbox],.radio-group input[type=radio],select{appearance:auto;background-image:none}.radio-group input[type=radio]:checked::after{content:none}.atlas-pin>.ui-icon{color:CanvasText;fill:Canvas}}
@media(forced-colors:active){.btn{color:ButtonText;background:ButtonFace;border-color:ButtonText}.filter-chip input:checked+span{color:HighlightText;background:Highlight;border-color:Highlight}.time-hero-choices button[aria-pressed=true],.desk-person[aria-pressed=true]{outline:2px solid Highlight;outline-offset:3px}}
