/* Mintmere shared chrome for the Atlas.
   The map, editorial illustrations, dialogs, contributor stories, stamps and Passport JS remain unchanged. */
:root{--ink:#171918;--ink2:#2a2b29;--gold:#E9AB37;--gold2:#b77320;--cream:#F7F4ED;--paper:#FFFEFA;--line:#dbd8cf}
body.atlas-on-mintmere{background:#F7F4ED;color:#171918}
body.atlas-on-mintmere .site-shell{min-height:0}
/* The same global navigation as every other Mintmere section. */
body.atlas-on-mintmere .mm-head{background:#171918;border-bottom:1px solid #302d25;color:#f8f6f1}
body.atlas-on-mintmere .mm-head .mm-navwrap{width:min(calc(100% - 40px),1110px)}
body.atlas-on-mintmere .mm-head .mm-mainnav a{font-weight:750;color:#eae7de}
body.atlas-on-mintmere .mm-head .mm-mainnav a:is(:hover,.current){color:#E9AB37}
body.atlas-on-mintmere .mm-head .shelf-pill{color:#171918;background:#E9AB37}
body.atlas-on-mintmere .mm-head .mm-logo{width:275px}
body.atlas-on-mintmere .mm-mobile-nav[hidden]{display:none!important}
body.atlas-on-mintmere .mm-mobile-nav:not([hidden]){display:flex;flex-direction:column}
body.atlas-on-mintmere .mm-head .mm-menu{color:white;background:#272723}
/* Second-level controls: always discoverable on phones, not hidden behind a hero or hamburger. */
body.atlas-on-mintmere .atlas-section-nav{background:#252723;color:#f7f4ed;border-bottom:1px solid #49453a}
body.atlas-on-mintmere .atlas-section-nav-inner{width:min(calc(100% - 40px),1110px);min-height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
body.atlas-on-mintmere .atlas-section-parent{color:#e9bd6c;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:800;min-height:38px;display:inline-flex;align-items:center}
body.atlas-on-mintmere .atlas-section-parent:hover{text-decoration:underline}
body.atlas-on-mintmere .atlas-section-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;align-items:center}
body.atlas-on-mintmere .atlas-section-link{border:1px solid #514b3e;background:#343530;color:#f7f4ed;min-height:38px;padding:10px 12px;border-radius:9px;font-family:inherit;font-weight:750;font-size:12px;line-height:1.2;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
body.atlas-on-mintmere .atlas-section-link:hover,body.atlas-on-mintmere .atlas-section-link:focus-visible{background:#49463a;color:#fff0d0;border-color:#D4A251}
body.atlas-on-mintmere .atlas-section-link .tiny-counter{background:#494a42;color:#ffe6ac;font-size:11px}
body.atlas-on-mintmere .atlas-section-link.atlas-surprise-button{background:#E9AB37;border-color:#E9AB37;color:#171918;font-weight:900}
body.atlas-on-mintmere .atlas-section-link.atlas-surprise-button:hover{background:#ffd17b;color:#171918}
/* Original editorial breadcrumb restyled like Mintmere's section breadcrumbs. */
body.atlas-on-mintmere .atlas-mintmere-crumb{background:#F7F4ED;border-bottom:0}
body.atlas-on-mintmere .atlas-mintmere-crumb-inner{max-width:1150px;padding:17px 24px 0;margin:auto;color:#716b5d;gap:9px;font-size:11px;font-weight:700}
body.atlas-on-mintmere .atlas-mintmere-crumb a{color:#825c1e;text-decoration:none}
body.atlas-on-mintmere .atlas-mintmere-crumb a:hover{text-decoration:underline}
body.atlas-on-mintmere .atlas-mintmere-crumb-inner>span:last-child{color:#77726a}
/* Match shared content rhythm without shrinking the world map beyond usability. */
body.atlas-on-mintmere .page-wrap{max-width:1150px;padding-left:24px;padding-right:24px;padding-bottom:56px}
body.atlas-on-mintmere .hero{min-height:0;padding-top:45px;padding-bottom:56px}
body.atlas-on-mintmere .marquee{margin-left:-24px;margin-right:-24px}
body.atlas-on-mintmere :is(.btn,.compare-controls select,.topic-chips button,.map-tools button){border-radius:10px}
body.atlas-on-mintmere .btn{min-height:44px}
body.atlas-on-mintmere .feature{border-radius:16px}
body.atlas-on-mintmere .atlas-edition-credit{max-width:1100px;margin:0 auto 30px;padding:20px 24px;border-top:1px solid #d9d3c6;color:#655e51;display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap}
body.atlas-on-mintmere .atlas-edition-credit>span{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#895e1f}
body.atlas-on-mintmere .atlas-edition-credit p{font-size:12px;line-height:1.55;margin:0;flex:1 1 300px}
body.atlas-on-mintmere .atlas-edition-credit a{color:#845a1b;font-weight:800}
/* The website footer: the Atlas no longer ends in a separate faux Mintmere wordmark. */
body.atlas-on-mintmere footer.mm-footer{background:#171918;border-top:1px solid #413a2e;color:#d2cbbd}
body.atlas-on-mintmere footer.mm-footer .mm-wrap{width:min(calc(100% - 40px),1050px);margin:auto}
body.atlas-on-mintmere footer.mm-footer .mm-footinner{padding:21px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px}
body.atlas-on-mintmere footer.mm-footer a{color:#E9AB37;text-decoration:none}
@media(max-width:1050px){body.atlas-on-mintmere .atlas-section-nav-inner{align-items:flex-start;flex-direction:column;gap:7px}body.atlas-on-mintmere .atlas-section-actions{width:100%;justify-content:flex-start}}
@media(max-width:560px){
 body.atlas-on-mintmere .atlas-section-nav-inner{width:calc(100% - 26px);padding:11px 0}
 body.atlas-on-mintmere .atlas-section-parent{font-size:11px;min-height:22px}
 body.atlas-on-mintmere .atlas-section-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
 body.atlas-on-mintmere .atlas-section-actions>a:nth-child(-n+3){grid-column:span 2}
 body.atlas-on-mintmere .atlas-section-actions>button{grid-column:span 3}
 body.atlas-on-mintmere .atlas-section-link{font-size:11px;padding:8px 4px;min-width:0;white-space:nowrap;min-height:39px}
 body.atlas-on-mintmere .atlas-mintmere-crumb-inner{padding:14px 16px 0;font-size:10px}
 body.atlas-on-mintmere .page-wrap{padding-inline:16px}
 body.atlas-on-mintmere .marquee{margin-inline:-16px}
 body.atlas-on-mintmere .hero{padding-top:30px}
 body.atlas-on-mintmere .atlas-edition-credit{margin-bottom:12px;padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){body.atlas-on-mintmere .atlas-section-link{transition:none!important}}
/* At very narrow widths, keep the original wordmark intact while leaving room for the menu. */
@media(max-width:375px){
 body.atlas-on-mintmere .mm-head .mm-navwrap{gap:8px;width:calc(100% - 26px);min-width:0}
 body.atlas-on-mintmere .mm-head .mm-logo{width:min(245px,calc(100% - 60px));min-width:0}
 body.atlas-on-mintmere .mm-head .mm-menu{flex:0 0 auto;padding:5px 10px}
}
