/* A separate, dated reference-and-reporting mode, using the existing map reader. */
.present-mode-actions{display:flex;gap:6px;margin:8px 0 14px}
.present-mode-actions button{flex:1;min-height:44px;border:1px solid #4b6070;border-radius:7px;background:#172a37;color:#cadddf}
.present-mode-actions button[aria-pressed=true]{background:#d5b77a;color:#10202b}
.present-toolbar[hidden],#present-intro[hidden]{display:none!important}
.present-toolbar{box-sizing:border-box;min-height:108px;padding:14px 28px;background:#10232c;border-top:1px solid #42636c;color:#dce8ed}
.present-toolbar-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.present-toolbar strong{font-size:19px}.present-preview-label{font-size:11px;font-weight:500;color:#a6c3cb;margin-left:7px;border:1px solid #486573;border-radius:4px;padding:3px 6px}
.present-toolbar p{margin:5px 0 0;font-size:12px;color:#b8cbd1;line-height:1.5}
.present-toolbar button{min-height:44px;padding:8px 14px;border:1px solid #647467;border-radius:7px;color:#f2d491;background:#25342e;white-space:nowrap}
.present-day .timeline,.present-day #story-spotlight,.present-day #map-surprise,.present-day .sidebar-tabs,.present-day #events-button,.present-day #show-conflicts,.present-day label:has(#show-conflicts),.present-day .map-reference-options #modern-toggle{display:none!important}
.present-day .era-card .large-year{font-size:35px;line-height:1.15}
.present-day .era-card h1{font-size:20px}
.present-day .map-dock{display:none!important}
body.present-day:not(.fullscreen-map):not(.presenting) #workspace{height:calc(100svh - 190px)!important;min-height:390px!important}
#present-intro{padding:12px 18px;border-bottom:1px solid #304858;font-size:12px;line-height:1.5}
#present-intro p{margin:0 0 10px;color:#bdcfd5}
.present-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.present-quick button,.present-conflict button,.present-community button{padding:8px 10px;min-height:44px;border:1px solid #4b6871;border-radius:7px;background:#19303b;color:#dfebed;font-size:12px}
#present-intro details summary,.present-sources summary{cursor:pointer;min-height:40px;align-content:center;color:#c8d7df}
.present-detail h3{font-size:17px;color:#e4e9e9;margin:20px 0 10px}
.present-detail p{font-size:13px;line-height:1.65;color:#bdccd4}
.present-detail .present-reference-note{padding:11px;border:1px solid #4d6470;border-radius:7px;color:#ddcfb4;background:#1a2933}
.present-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.present-section-heading button{min-height:40px;padding:8px 10px;border:1px solid #426474;border-radius:6px;color:#bddee4}
.present-detail .present-fine{font-size:11px;line-height:1.6;color:#9fb7c2}
.present-news-card{padding:12px 0;border-bottom:1px solid #304452}
.present-news-card>a{display:block;font-size:14px;line-height:1.55;color:#c1e1f2;text-decoration:none;overflow-wrap:anywhere}
.present-news-card>a:hover{text-decoration:underline}.present-news-card small{display:block;color:#a5bac5;font-size:11px;margin-top:6px;line-height:1.5}
.present-source-links{display:grid;gap:10px;margin:12px 0}
.present-source-links a{font-size:12px;line-height:1.6;color:#bcdbe9;overflow-wrap:anywhere}
.present-news-warning{border-left:3px solid #e6bb79;padding-left:10px}
.present-conflict,.present-history,.present-community{border-top:1px solid #304858;margin-top:20px}
.present-history button{width:100%;display:grid;gap:6px;text-align:left;padding:12px;border:1px solid #3a5261;border-radius:7px;background:#152a35;color:#dae6ed;margin-bottom:8px;line-height:1.5}
.present-history small,.present-history span{font-size:11px;color:#a8c6d2}.present-history strong{font-size:13px}
.present-sources{margin:12px 0;border-top:1px solid #304858;padding-top:5px}
.present-day #detail.present-detail .detail-close{min-height:44px}
body.present-day.fullscreen-map{--fullscreen-timeline:108px}
body.present-day.fullscreen-map .present-toolbar{position:fixed;left:0;right:0;bottom:0;z-index:51;height:var(--fullscreen-timeline);min-height:0;padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(max-width:700px){
 .present-day .era-card{display:none}
 .present-toolbar{min-height:140px;padding:12px 14px max(12px,env(safe-area-inset-bottom))}
 .present-toolbar strong{font-size:17px}.present-toolbar p{font-size:11px}
 body.present-day:not(.fullscreen-map):not(.presenting) #workspace{height:calc(100svh - 248px)!important;min-height:350px!important}
 .present-day .era-card .large-year{font-size:28px}.present-day .era-card h1{font-size:15px}
 #present-intro{display:none}
 .present-day .explorer.expanded #present-intro{display:block}
 .present-day .explorer .detail.present-detail{padding-bottom:max(26px,env(safe-area-inset-bottom));box-sizing:border-box}
 .present-day .present-detail h2{font-size:25px}
 .present-day .present-detail .present-fine{font-size:12px}
 body.present-day.fullscreen-map{--fullscreen-timeline:calc(140px + env(safe-area-inset-bottom,0px))}
 .present-day #panel-toggle .panel-toggle-label{font-size:11px}
}
@media(max-height:520px){
 .present-day .era-card,.present-day .globe-note{display:none}
 .present-day .map-controls{bottom:12px;right:14px}
 .present-day .map-scale{bottom:16px;right:70px}
 body.present-day:not(.fullscreen-map):not(.presenting) #workspace{height:calc(100dvh - 134px)!important;min-height:0!important}
 .present-toolbar{min-height:82px;padding:6px 18px}
 .present-toolbar .present-coverage{display:none}
 body.present-day.fullscreen-map{--fullscreen-timeline:calc(82px + env(safe-area-inset-bottom,0px))}
}
/* The source shortcuts must stay inside the country panel on short screens. */
.present-day .explorer{overflow:hidden}
.present-day #present-intro{flex:0 1 auto;max-height:40%;overflow-y:auto;overscroll-behavior:contain}
@media(max-height:520px){
 /* Keep the searchable country list usable in landscape. The reference date
    remains in the toolbar; full coverage notes live in each country reader. */
 .present-day #present-intro,.present-day #coverage-note{display:none!important}
}

body.present-day.presenting:not(.fullscreen-map) .present-toolbar{display:none!important}
body.present-day.presenting:not(.fullscreen-map) #workspace{height:calc(100dvh - 78px)!important;min-height:0!important}
body.present-day.presenting .map-stage{min-height:0!important}
body.present-day.presenting .map-controls{bottom:72px}

body.present-day.presenting #panel-toggle{display:none!important}

.present-reviewed-report{padding:12px 0;border-bottom:1px solid var(--edge)}.present-reviewed-report a{display:block;min-height:44px;color:var(--gold);line-height:1.5;overflow-wrap:anywhere}.present-reviewed-report small{display:block;color:#b8c7ca;font-size:12px;line-height:1.6}