:root{--ap-v1-bg:#050806;--ap-v1-panel:#0d1517;--ap-v1-ink:#fff8ec;--ap-v1-muted:#bdc7ca;--ap-v1-gold:#f0c85e;--ap-v1-mint:#8fc9bf;--ap-v1-line:rgba(240,200,94,.28);--ap-v1-display:Georgia,"Times New Roman",serif;--ap-v1-ui:Arial,Helvetica,sans-serif;color-scheme:dark}
body.ap-site-v1{background:radial-gradient(circle at 15% 0,rgba(240,200,94,.08),transparent 30rem),var(--ap-v1-bg);color:var(--ap-v1-ink);font-family:var(--ap-v1-ui);text-rendering:optimizeLegibility}
body.ap-site-v1 :where(.site-header,.dashboard-topbar,.conflict-topbar,.ap-topbar,.header){border-bottom:1px solid var(--ap-v1-line)!important;background:rgba(5,8,7,.94)!important;color:var(--ap-v1-ink)!important;backdrop-filter:blur(16px)}
body.ap-site-v1 :where(.brand,.dashboard-brand,.ap-seo-brand){color:var(--ap-v1-ink);font-family:var(--ap-v1-ui);font-weight:900}
body.ap-site-v1 :where(.brand,.dashboard-brand,.ap-seo-brand) :where(i,span):first-child{border-color:var(--ap-v1-line);color:var(--ap-v1-gold)}
body.ap-site-v1 :where(nav a,.button,.ap-button){font-family:var(--ap-v1-ui)}
body.ap-site-v1 :where(.site-header,.dashboard-topbar,.conflict-topbar) :where(a[href="/archive"],a[href="/archive/"])~a[href="/archive"],body.ap-site-v1 :where(.site-header,.dashboard-topbar,.conflict-topbar) :where(a[href="/archive"],a[href="/archive/"])~a[href="/archive/"]{display:none!important}
body.ap-site-v1 :where(.brand strong,.dashboard-brand strong,.ap-seo-brand strong){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ap-site-v1 :where(.dashboard-side,.ww1-side,.ww2-side,.side,.right,aside) h1{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
body.ap-site-v1 :where(.dashboard-side,.ww1-side,.ww2-side,.side.left,aside.left) h1:not(.no-auto-fit){font-size:clamp(2rem,3.1vw,4rem)!important;line-height:.92!important}
body.ap-site-v1 .ap-contact-widget{font-family:var(--ap-v1-ui)}
body.ap-site-v1 .ap-contact-fab{border-color:var(--ap-v1-line);background:#0b100e;color:var(--ap-v1-gold)}
body.ap-site-v1 .ap-contact-panel{border-color:var(--ap-v1-line);background:linear-gradient(180deg,#0b110e,#060a08);color:var(--ap-v1-ink)}
@media(max-width:760px){body.ap-site-v1{overflow-x:hidden}body.ap-site-v1 :where(.site-header,.dashboard-topbar,.conflict-topbar){max-width:100%;overflow:hidden}body.ap-site-v1 :where(.site-header nav,.dashboard-topbar nav,.conflict-topbar nav){width:100%;overflow-x:auto;overscroll-behavior-inline:contain}body.ap-site-v1 :where(.dashboard-side,.ww1-side,.ww2-side,.side.left,aside.left) h1:not(.no-auto-fit){font-size:clamp(2rem,10vw,3.25rem)!important}}

/* AP atlas typography benchmark: WWI/WWII hierarchy across public map rooms. */
body.ap-site-v1>main h1{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(2rem,3.1vw,2.48rem)!important;line-height:.98!important;letter-spacing:-.035em!important;overflow-wrap:normal!important;word-break:normal!important}
body.ap-site-v1>main aside h2,body.ap-site-v1>main .side h2,body.ap-site-v1>main .panel h2{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(1.5rem,2.2vw,2rem)!important;line-height:1!important;letter-spacing:-.025em!important;overflow-wrap:anywhere!important}
body.ap-site-v1>main button,body.ap-site-v1>main select,body.ap-site-v1>main input,body.ap-site-v1>main textarea,body.ap-site-v1>main option,body.ap-site-v1>main .filters,body.ap-site-v1>main .layer-console{font-family:Arial,Helvetica,sans-serif!important}
@media(max-width:760px){body.ap-site-v1>main h1{font-size:clamp(1.9rem,10vw,2.35rem)!important}}

/* Atlas landing rooms with a direct body hero use the same WWI/WWII scale. */
body.ap-site-v1>section.hero h1{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(2rem,3.1vw,2.48rem)!important;line-height:.98!important;letter-spacing:-.035em!important;overflow-wrap:normal!important;word-break:normal!important}
body.ap-site-v1>section.hero button,body.ap-site-v1>section.hero select,body.ap-site-v1>section.hero input,body.ap-site-v1>section.hero textarea,body.ap-site-v1>section.hero .button{font-family:Arial,Helvetica,sans-serif!important}
@media(max-width:760px){body.ap-site-v1>section.hero h1{font-size:clamp(1.9rem,10vw,2.35rem)!important}}

/* AP final public interface standard, 2026-07-19 */
@font-face{font-family:APPlex;src:url('/assets/fonts/ibm-plex-sans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:APPlex;src:url('/assets/fonts/ibm-plex-sans-600.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:APSerif;src:url('/assets/fonts/source-serif-4-500.ttf') format('truetype');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:APSerif;src:url('/assets/fonts/source-serif-4-600.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root{--ap-shell:#050907;--ap-shell-2:#0a120e;--ap-ink:#f4eee2;--ap-muted:#a9b8b0;--ap-gold:#e7bf58;--ap-cyan:#75c9bd;--ap-line:rgba(231,191,88,.25);--ap-soft:rgba(166,196,183,.16)}
html{font-family:APPlex,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.ap-site-v1{font-family:APPlex,Arial,sans-serif}
body.ap-site-v1 :where(p,li,dd,dt,a,button,input,select,textarea){font-family:APPlex,Arial,sans-serif}
body.ap-site-v1 :where(img,video,iframe){max-width:100%}
body.ap-site-v1 :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--ap-gold);outline-offset:3px}

body.ap-site-v1 :where(.ap-seo-top,.site-header,.dashboard-topbar,.ap-minimal-map-nav,.method-head,.entry-header,.route-topbar,.displacement-topbar,.disaster-topbar,.ap-earth-top){min-height:58px;border-bottom:1px solid var(--ap-line);background:rgba(5,9,7,.94);color:var(--ap-ink);backdrop-filter:blur(18px) saturate(1.12);box-shadow:0 9px 30px rgba(0,0,0,.16)}
body.ap-site-v1 :where(.ap-seo-top,.site-header,.dashboard-topbar,.ap-minimal-map-nav,.method-head,.entry-header,.route-topbar,.displacement-topbar,.disaster-topbar,.ap-earth-top) :where(nav,.nav,.links){display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
body.ap-site-v1 :where(.ap-seo-top,.site-header,.dashboard-topbar,.ap-minimal-map-nav,.method-head,.entry-header,.route-topbar,.displacement-topbar,.disaster-topbar,.ap-earth-top) a{font-family:APPlex,Arial,sans-serif;font-weight:600;text-decoration:none;text-underline-offset:5px;white-space:nowrap}
body.ap-site-v1 :where(.ap-seo-top,.site-header,.dashboard-topbar,.ap-minimal-map-nav,.method-head,.entry-header,.route-topbar,.displacement-topbar,.disaster-topbar,.ap-earth-top) a:hover{color:var(--ap-gold)}

body.ap-site-v1 :where(.ap2-foot,.ap-seo-footer,footer.site-footer,footer.footer,body>footer:not(.entry-meta)){position:relative;min-height:190px;margin:0;padding:clamp(34px,5vw,72px) clamp(18px,6vw,96px);display:flex;align-items:flex-end;justify-content:space-between;gap:32px;border-top:1px solid var(--ap-line);background:radial-gradient(circle at 8% 20%,rgba(231,191,88,.1),transparent 25rem),linear-gradient(120deg,#07100c,#040605 62%,#0a100d);color:var(--ap-muted);font-family:APPlex,Arial,sans-serif}
body.ap-site-v1 :where(.ap2-foot,.ap-seo-footer,footer.site-footer,footer.footer,body>footer:not(.entry-meta))::before{content:'AP PUBLIC ATLAS';position:absolute;left:clamp(18px,6vw,96px);top:clamp(26px,4vw,50px);color:var(--ap-gold);font-size:10px;font-weight:700;letter-spacing:.2em}
body.ap-site-v1 :where(.ap2-foot,.ap-seo-footer,footer.site-footer,footer.footer,body>footer:not(.entry-meta)) a{color:var(--ap-ink);text-decoration:none}
body.ap-site-v1 :where(.ap2-foot,.ap-seo-footer,footer.site-footer,footer.footer,body>footer:not(.entry-meta)) a:hover{color:var(--ap-gold)}
body.ap-site-v1 .ap2-foot nav{display:flex;flex-wrap:wrap;gap:12px 24px}

.leaflet-popup-content-wrapper,.maplibregl-popup-content{overflow:hidden;border:1px solid var(--ap-line)!important;border-radius:16px!important;background:rgba(5,12,9,.96)!important;color:var(--ap-ink)!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important;backdrop-filter:blur(18px) saturate(1.12)}
.leaflet-popup-tip,.maplibregl-popup-tip{background:#07100c!important;border-color:var(--ap-line)!important}
.leaflet-popup-content,.maplibregl-popup-content{min-width:min(280px,calc(100vw - 54px));max-width:min(360px,calc(100vw - 34px));margin:0!important;padding:20px!important;font:400 13px/1.55 APPlex,Arial,sans-serif!important}
.leaflet-popup-content :where(h1,h2,h3,h4),.maplibregl-popup-content :where(h1,h2,h3,h4){margin:0 28px 10px 0!important;color:var(--ap-ink)!important;font:500 clamp(22px,2vw,31px)/1.02 APSerif,Georgia,serif!important;letter-spacing:-.025em!important}
.leaflet-popup-content :where(p,dl,ul),.maplibregl-popup-content :where(p,dl,ul){margin:9px 0!important;color:#c5d0ca!important}
.leaflet-popup-content :where(a,button),.maplibregl-popup-content :where(a,button){color:var(--ap-gold)!important;font-weight:700!important}
.leaflet-popup-close-button,.maplibregl-popup-close-button{top:8px!important;right:9px!important;width:34px!important;height:34px!important;border:1px solid var(--ap-soft)!important;border-radius:50%!important;color:var(--ap-ink)!important;font:400 23px/30px APPlex,Arial,sans-serif!important;background:#111914!important}
.leaflet-popup-close-button:hover,.maplibregl-popup-close-button:hover{border-color:var(--ap-gold)!important;background:var(--ap-gold)!important;color:#050705!important}
body.ap-site-v1 :where(.selected-record,.record-panel,[data-card]) :where(h1,h2,h3){font-family:APSerif,Georgia,serif}

@media(max-width:760px){
 body.ap-site-v1{overflow-x:hidden}
 body.ap-site-v1 :where(.ap-seo-top,.site-header,.dashboard-topbar,.ap-minimal-map-nav,.method-head,.entry-header,.route-topbar,.displacement-topbar,.disaster-topbar,.ap-earth-top){min-height:54px;padding-inline:12px;gap:12px;overflow:hidden}
 body.ap-site-v1 :where(.ap-seo-top,.site-header,.dashboard-topbar,.ap-minimal-map-nav,.method-head,.entry-header,.route-topbar,.displacement-topbar,.disaster-topbar,.ap-earth-top) :where(nav,.nav,.links){min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;gap:16px;padding:8px 2px}
 body.ap-site-v1 :where(.ap-seo-top,.site-header,.dashboard-topbar,.ap-minimal-map-nav,.method-head,.entry-header,.route-topbar,.displacement-topbar,.disaster-topbar,.ap-earth-top) :where(nav,.nav,.links)::-webkit-scrollbar{display:none}
 body.ap-site-v1 :where(.ap-seo-top,.site-header,.dashboard-topbar,.ap-minimal-map-nav,.method-head,.entry-header,.route-topbar,.displacement-topbar,.disaster-topbar,.ap-earth-top) a{font-size:12px}
 body.ap-site-v1 :where(main,article,section){min-width:0}
 body.ap-site-v1 :where(button,.button,[role=button],input,select){min-height:44px}
 body.ap-site-v1 :where(.ap2-foot,.ap-seo-footer,footer.site-footer,footer.footer,body>footer:not(.entry-meta)){min-height:250px;padding:74px 18px 34px;align-items:flex-start;flex-direction:column;justify-content:flex-end;gap:20px}
 body.ap-site-v1 :where(.ap2-foot,.ap-seo-footer,footer.site-footer,footer.footer,body>footer:not(.entry-meta))::before{left:18px;top:34px}
 .leaflet-popup-content,.maplibregl-popup-content{min-width:0;max-width:calc(100vw - 42px);padding:17px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* About editorial portrait */
body.ap-site-v1 .about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(34px,6vw,92px);align-items:center}
body.ap-site-v1 .about-hero-copy{min-width:0}
body.ap-site-v1 .about-portrait{position:relative;min-height:520px;margin:0;overflow:hidden;border:1px solid var(--ap-line);background:#090d0a;box-shadow:0 30px 80px rgba(0,0,0,.34)}
body.ap-site-v1 .about-portrait:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(3,6,4,.88))}
body.ap-site-v1 .about-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body.ap-site-v1 .about-portrait figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;color:var(--ap-gold);font:600 10px/1.3 APPlex,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
@media(max-width:760px){body.ap-site-v1 .about-hero{grid-template-columns:1fr;gap:28px}body.ap-site-v1 .about-portrait{min-height:430px}body.ap-site-v1 .about-portrait img{object-position:center top}}