/* Screen-filling atlas, while keeping the image and pin coordinates aligned. */
.atlas-page{padding:22px 3vw 18px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:16px;height:calc(100dvh - var(--header) - var(--footer));min-height:0;overflow:visible}
.atlas-page .compact-heading{margin:0;gap:24px;align-items:center}
.atlas-page .compact-heading .eyebrow{margin-bottom:8px}
.atlas-page .compact-heading h1{font-size:clamp(38px,3.4vw,64px)}
.atlas-page .compact-heading>p{max-width:390px;font-size:15px}
.atlas-page .place-tabs{margin:0;gap:12px;max-width:none;flex-wrap:nowrap}
.atlas-page .place-tabs button{border:1px solid #a4af8550;border-radius:4px;padding:11px 16px;font-size:17px;min-width:0;background:#ffffff03}
.atlas-page .place-tabs button:hover{background:#cfb07712}
.atlas-page .place-tabs button[aria-pressed=true]{background:#cfb07720;border-color:#d6b573}
.atlas-page .place-tabs button>span:last-child{display:block;font-size:22px}
.atlas-page .atlas-layout{grid-template-columns:minmax(0,1fr) clamp(330px,26vw,470px);gap:24px;min-height:0;align-items:stretch}
.atlas-layout>div{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.atlas-page .atlas-stage{flex-shrink:0;width:min(100%,calc((100dvh - var(--header) - var(--footer) - 210px) * 1.7768));max-width:100%;border-radius:4px}
.atlas-page .map-caption{font-size:12px;text-align:center;margin:8px 0 0}
.atlas-page .place-card{min-height:0;padding:clamp(20px,1.7vw,32px);overflow-y:auto;overscroll-behavior:contain;border-radius:4px;scrollbar-width:thin}
.atlas-page .place-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.atlas-page .place-card-top .eyebrow{font-size:11px;margin:0}
.atlas-page .place-card-top>span:last-child{font-size:30px;margin:0;white-space:nowrap}
.atlas-page .place-card h2{font-size:clamp(36px,3vw,52px);margin:12px 0}
.atlas-page .place-card>p{font-size:clamp(16px,1.05vw,20px);line-height:1.55}
.atlas-page .thawr-options{margin:20px 0 14px}
.atlas-page .thawr-option{padding:15px 17px;gap:7px}
.atlas-page .thawr-option strong{font-size:clamp(25px,1.8vw,33px)}
.atlas-page .thawr-option>span:last-child{font-size:14px;line-height:1.45}
.atlas-page .thawr-language{font-size:12px}
.atlas-page .place-notes{margin-top:15px;padding-top:12px}
.atlas-page .place-notes summary{color:#46623f;font-size:14px;min-height:26px}
.atlas-page .place-notes .source-link{font-size:13px;display:block;margin-bottom:16px}
.atlas-page .place-notes .button{max-width:none}
.atlas-page .place-card>.text-button{display:none}
.place-context{display:none}
body:has(.atlas-page) .bottom-bar{position:relative;height:var(--footer);min-height:0}
/* Fullscreen keeps navigation available with less surrounding chrome. */
:root:fullscreen{--header:54px;--footer:48px}
:fullscreen .topbar{height:var(--header)}
:fullscreen .bottom-bar{min-height:var(--footer);padding-top:4px;padding-bottom:4px}
:fullscreen #present{font-size:13px}
:fullscreen #present>span{font-size:16px}
@media(min-width:851px) and (max-height:850px){
 .atlas-page{padding-top:14px;padding-bottom:12px;gap:10px}
 .atlas-page .compact-heading h1{font-size:40px}
 .atlas-page .compact-heading .eyebrow{font-size:10px;margin-bottom:4px}
 .atlas-page .compact-heading>p{font-size:13px}
 .atlas-page .place-tabs button{padding:8px 12px;font-size:16px}
 .atlas-page .atlas-stage{width:min(100%,calc((100dvh - var(--header) - var(--footer) - 165px) * 1.7768))}
 .atlas-page .place-card{padding:16px 20px}
 .atlas-page .place-card h2{font-size:34px;margin:5px 0 8px}
 .atlas-page .place-card>p{font-size:15px;line-height:1.45}
 .atlas-page .place-card-top>span:last-child{font-size:25px}
 .atlas-page .thawr-options{margin:12px 0 8px}
 .atlas-page .thawr-options .eyebrow{margin-bottom:8px}
 .atlas-page .thawr-option{padding:12px 14px;gap:5px;margin-bottom:8px}
 .atlas-page .thawr-option strong{font-size:25px}
 .atlas-page .thawr-option>span:last-child{font-size:13px}
 .atlas-page .place-notes{margin-top:9px;padding-top:8px}
 .atlas-page .place-card>.text-button{margin-top:8px}
}
@media(min-width:851px) and (max-height:850px){
 .atlas-page .thawr-option>span:last-child{display:none}
 .atlas-page .place-card>.text-button{display:none}
 .atlas-page .thawr-option{padding:12px 14px}
}
@media(min-width:851px) and (max-height:700px){
 .atlas-page .place-card>p{display:none}
 .atlas-page .place-context{display:block;font-size:15px;margin-top:14px}
 .atlas-page .place-card h2{font-size:30px;margin:2px 0 6px}
 .atlas-page .thawr-options>.eyebrow{display:none}
 .atlas-page .thawr-option strong{font-size:23px}
 .atlas-page .thawr-option{padding:9px 12px}
 .atlas-page .thawr-options{margin:8px 0}
}
@media(max-width:850px){
 .atlas-page{height:auto;min-height:calc(100svh - var(--header) - var(--footer));display:flex;flex-direction:column;padding:24px 5%;gap:18px}
 .atlas-page .compact-heading{display:block}
 .atlas-page .compact-heading>p{margin-top:14px}
 .atlas-page .place-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .atlas-page .place-tabs button{padding:10px;font-size:15px}
 .atlas-page .place-tabs button>span:last-child{font-size:18px}
 .atlas-page .atlas-layout{display:grid;grid-template-columns:1fr;gap:20px}
 .atlas-page .atlas-stage{width:100%}
 .atlas-page .place-card{overflow:visible;padding:24px}
 .atlas-page .place-card>p{font-size:17px}
 .atlas-page .thawr-option strong{font-size:29px}
 body:has(.atlas-page) .bottom-bar{position:sticky}
}