body.immersive-atlas.in-history #country-panel{display:none!important}
.history-mobile-shell{display:none}
.in-history .photo-credit-footer,.in-history .footer-context{display:none}
/* The map key owns the left corner, leaving the world figures their own column. */
.map-key{display:contents}
@media(min-width:1001px), (min-width:761px) and (min-height:501px){
 body.immersive-atlas .map-key{position:fixed;left:32px;right:auto;bottom:18px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:225px;max-width:225px;margin:0;padding:0;color:#bbb;pointer-events:none}
 body.immersive-atlas .map-key .map-heading{position:static;inset:auto;display:block;width:auto;max-width:100%;margin:0;padding:0;font-size:10px;line-height:1.4;letter-spacing:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
 body.immersive-atlas .map-key .map-heading #measure{font-size:10px;line-height:1.4;white-space:normal}
 body.immersive-atlas .map-key .legend{position:static;inset:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:6px;width:auto;max-width:100%;margin:0;padding:0;font-size:11px;line-height:1.4;letter-spacing:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
 body.immersive-atlas .map-key .legend>span{align-items:center;gap:7px;min-height:15px;white-space:normal}
 body.immersive-atlas .map-key .legend i{flex:0 0 8px;width:8px;height:8px;border-radius:1px}
 body.immersive-atlas #country-panel,body.immersive-atlas.in-history #country-panel{top:28px;bottom:48px;height:auto;max-height:none;margin-top:0}
 body.immersive-atlas.in-history #history-timeline{left:32px;right:32px;bottom:18px;width:auto;max-width:510px;margin-inline:auto}
}
/* History shares the atlas's quiet typography and open, transparent surfaces. */
body.immersive-atlas #history-timeline{padding:12px 0 0;background:transparent;border:0;border-top:1px solid #ffffff24;border-radius:0;box-shadow:none;backdrop-filter:none;font-family:var(--atlas-grotesk);cursor:default}
body.immersive-atlas #history-timeline .history-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px}
body.immersive-atlas #history-timeline .history-top>div:first-child{min-width:0}
body.immersive-atlas #history-timeline .history-top .eyebrow{font-size:10px;line-height:1.4;font-weight:500;letter-spacing:0;color:#aaa}
body.immersive-atlas #history-timeline .history-top h2{margin:4px 0 0;font-size:25px;line-height:1.1;font-weight:600;letter-spacing:-.7px;color:#e0e6e3}
body.immersive-atlas #history-timeline .history-stats{display:contents}
body.immersive-atlas #history-timeline .history-stats>div{min-width:0}
body.immersive-atlas #history-timeline .history-stats span{font-size:10px;line-height:1.4;color:#aaa}
body.immersive-atlas #history-timeline .history-stats strong{margin-top:4px;font-family:inherit;font-size:20px;font-weight:550;line-height:1.4;letter-spacing:-.5px;color:#dbe4df}
body.immersive-atlas #history-timeline .history-stats small{margin-top:3px;font-size:9px;line-height:1.4;color:#888}
body.immersive-atlas #history-track{margin:12px 0 0;padding-bottom:21px}
body.immersive-atlas #history-range{appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:0;background:transparent;accent-color:#acd0a1;cursor:ew-resize;border-radius:12px}
body.immersive-atlas #history-range::-webkit-slider-runnable-track{height:6px;border:0;border-radius:999px;background:linear-gradient(90deg,#172a3d 0%,#36534e 33.333%,#698e6b 66.667%,#acd0a1 100%)}
body.immersive-atlas #history-range::-moz-range-track{height:6px;border:0;border-radius:999px;background:linear-gradient(90deg,#172a3d 0%,#36534e 33.333%,#698e6b 66.667%,#acd0a1 100%)}
body.immersive-atlas #history-range::-moz-range-progress{height:6px;background:transparent}
body.immersive-atlas #history-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border:1px solid #acd0a1;border-radius:50%;background:#acd0a1;box-shadow:0 0 0 2px #0004}
body.immersive-atlas #history-range::-moz-range-thumb{width:14px;height:14px;border:1px solid #acd0a1;border-radius:50%;background:#acd0a1;box-shadow:0 0 0 2px #0004}
body.immersive-atlas #history-range:focus-visible{outline:2px solid #597f99;outline-offset:3px}
body.immersive-atlas #history-timeline .history-ticks{margin-top:1px}
body.immersive-atlas #history-timeline .history-ticks button{top:0;display:block;font-family:inherit;font-size:9px;line-height:1.4}
body.immersive-atlas #history-timeline.history-focused .history-ticks button{top:0;display:block}
body.immersive-atlas #history-timeline .history-bottom{display:flex;margin-top:6px;gap:16px;align-items:center;justify-content:space-between}
body.immersive-atlas #history-timeline .history-bottom>span{flex:1;min-width:0;max-width:none;font-family:inherit;font-size:10px;line-height:1.4;color:#aaa}
body.immersive-atlas #history-timeline .history-period-control{display:grid;grid-template-columns:auto 44px auto;align-items:center;justify-content:end;column-gap:4px;flex:0 0 auto}
body.immersive-atlas #history-timeline .history-period-label{font-size:10px;line-height:1.4;white-space:nowrap;color:#888;transition:color 180ms ease}
body.immersive-atlas #history-timeline [data-history-period=all],body.immersive-atlas #history-timeline.history-focused [data-history-period=recent]{color:#e0e6e3}
body.immersive-atlas #history-timeline.history-focused [data-history-period=all]{color:#888}
body.immersive-atlas #history-focus{position:relative;display:block;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:999px;background:none;cursor:pointer;touch-action:manipulation;outline-offset:2px}
body.immersive-atlas #history-focus::before{content:'';position:absolute;width:38px;height:22px;left:3px;top:11px;box-sizing:border-box;border:1px solid #707070;border-radius:999px;background:#454545;transition:background-color 180ms ease,border-color 180ms ease}
body.immersive-atlas #history-focus .history-switch-thumb{position:absolute;width:16px;height:16px;left:6px;top:14px;border-radius:50%;background:#f5f5f5;box-shadow:0 1px 3px #0004;transition:transform 180ms ease,background-color 180ms ease;pointer-events:none}
body.immersive-atlas #history-focus[aria-checked=true]::before{border-color:#aaa;background:#888}
body.immersive-atlas #history-focus[aria-checked=true] .history-switch-thumb{transform:translateX(16px);background:#fff}
body.immersive-atlas #history-focus:hover::before{border-color:#ddd}
body.immersive-atlas #history-focus:focus-visible{outline:2px solid #eee}
body.immersive-atlas #history-timeline .history-footnote{margin:0;flex:1;min-width:0;font-size:9px;line-height:1.4;color:#888}
@media(min-width:761px) and (max-width:1100px) and (min-height:501px){
 body.immersive-atlas.in-history #history-timeline{left:24px;right:24px}
 body.immersive-atlas.in-history .map-key{bottom:236px}
}
@media(min-width:761px) and (max-width:1100px){
 body.immersive-atlas #history-timeline .history-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 body.immersive-atlas #history-timeline .history-top h2{font-size:21px}
 body.immersive-atlas #history-timeline .history-stats{gap:12px}
 body.immersive-atlas #history-timeline .history-stats strong{font-size:16px;white-space:normal}
 body.immersive-atlas #history-timeline .history-bottom{gap:12px}
 body.immersive-atlas #history-timeline .history-period-label{font-size:9px}
}
@media(min-width:761px) and (max-width:1100px) and (min-height:501px) and (max-height:650px){
 body.immersive-atlas #history-timeline{padding-top:8px}
 body.immersive-atlas #history-track{margin-top:8px}
 /* Compact the introduction before the stacked key on short desktop screens. */
 body.immersive-atlas.in-history .title-row{top:88px;width:350px;max-width:350px}
 body.immersive-atlas.in-history .title-row h1{font-size:28px;line-height:1.06;margin:0 0 14px}
 body.immersive-atlas.in-history .title-row .title-scripture{width:100%;max-width:350px;font:400 12px/1.4 var(--atlas-grotesk)!important}
 body.immersive-atlas.in-history .title-row .title-scripture cite{margin-top:8px!important;font:400 9px/1.4 var(--atlas-grotesk)!important}
 body.immersive-atlas.in-history .map-key{bottom:224px;gap:6px}
 body.immersive-atlas.in-history .map-key .map-heading,body.immersive-atlas.in-history .map-key .map-heading #measure{font-size:9px;line-height:1.3}
 body.immersive-atlas.in-history .map-key .legend{font-size:10px;line-height:1.3;gap:3px}
 body.immersive-atlas.in-history .map-key .legend>span{min-height:13px}
}
@media(min-width:761px) and (max-width:1100px) and (min-height:501px) and (max-height:560px){
 body.immersive-atlas.in-history .title-row{top:70px}
 body.immersive-atlas.in-history .title-row h1{font-size:24px;margin-bottom:8px}
 body.immersive-atlas.in-history .title-row .title-scripture{font:400 10px/1.3 var(--atlas-grotesk)!important}
 body.immersive-atlas.in-history .title-row .title-scripture cite{margin-top:4px!important;font:400 8px/1.3 var(--atlas-grotesk)!important}
}
@media(max-width:760px), (max-width:1000px) and (max-height:500px){
 body.immersive-atlas .mobile-history-host #history-timeline{padding:0 0 8px;border-top:0;max-width:none}
 body.immersive-atlas .mobile-history-host #history-timeline .history-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
 body.immersive-atlas .mobile-history-host #history-timeline .history-top>div:first-child{display:block}
 body.immersive-atlas .mobile-history-host #history-timeline .history-top .eyebrow{font-size:8px}
 body.immersive-atlas .mobile-history-host #history-timeline .history-top h2{font-size:18px;margin:2px 0 0}
 body.immersive-atlas .mobile-history-host #history-timeline .history-stats{display:contents}
 body.immersive-atlas .mobile-history-host #history-timeline .history-stats span{font-size:8px;line-height:1.3;min-height:0}
 body.immersive-atlas .mobile-history-host #history-timeline .history-stats strong{margin-top:2px;font-size:13px;line-height:1.5;white-space:normal}
 body.immersive-atlas .mobile-history-host #history-timeline .history-stats small{font-size:8px;line-height:1.3;min-height:0}
 body.immersive-atlas .mobile-history-host #history-track{margin-top:5px;padding-bottom:18px}
 body.immersive-atlas .mobile-history-host #history-timeline .history-ticks button{top:0;display:block;font-size:8px}
 body.immersive-atlas .mobile-history-host #history-timeline.history-focused .history-ticks button{top:0;display:block}
 body.immersive-atlas .mobile-history-host #history-timeline .history-bottom{margin-top:3px;gap:8px;align-items:center}
 body.immersive-atlas .mobile-history-host #history-timeline .history-bottom>span{font-size:8px;max-width:none}
 body.immersive-atlas .mobile-history-host #history-timeline .history-period-control{column-gap:1px}
 body.immersive-atlas .mobile-history-host #history-timeline .history-period-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 body.immersive-atlas #history-focus::before,body.immersive-atlas #history-focus .history-switch-thumb,body.immersive-atlas #history-timeline .history-period-label{transition:none}
}

@media(max-width:760px), (max-width:1000px) and (max-height:500px){
 body.immersive-atlas.in-history .history-mobile-shell{display:block;position:fixed;left:18px;right:18px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:9;padding:0;background:transparent}
}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){
 body.immersive-atlas.in-history .history-mobile-shell{left:52%;right:12px;bottom:calc(28px + env(safe-area-inset-bottom))}
}

/* A forgiving hover margin extends the timeline without changing its layout. */
@media(hover:hover) and (pointer:fine){body.immersive-atlas #history-timeline::before{content:"";position:absolute;inset:-24px -40px;z-index:-1;pointer-events:auto}}