/* Optional compact layout: index.html?embed=1. Shared assets and dataset. */
.open-full-map:not([hidden]){display:inline-flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap;text-underline-offset:3px;color:#58725f}
.open-full-map svg{width:13px;height:13px}
.manual-link{display:block;margin-top:16px;font-size:11px;line-height:1.8;color:var(--muted)}
.manual-link input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #bdcebb;border-radius:5px;background:white;color:var(--ink);font-size:12px}
.embed-mode{--header:64px;--panel:350px}
.embed-mode .site-header{padding:0 18px;gap:12px;position:sticky;top:0}
.embed-mode .brand{gap:8px}
.embed-mode .brand img{width:32px;height:32px}
.embed-mode .brand-title{font-size:21px}
.embed-mode .brand-subtitle{font-size:8px;letter-spacing:.03em}
.embed-mode .header-right{gap:14px}
.embed-mode .edition{display:none}
.embed-mode .view-switch{padding:3px}
.embed-mode .view-switch button{padding:8px 11px;font-size:10px;gap:5px}
.embed-mode .about-button span{display:none}
.embed-mode .workspace{min-height:450px}
.embed-mode .map-intro{left:18px;top:20px}
.embed-mode .map-intro>.eyebrow,.embed-mode .map-intro h1,.embed-mode .map-description{display:none}
.embed-mode .map-stats{gap:12px;font-size:9px;margin:0;padding:10px 12px;border:1px solid #cfddd1;background:#fcfcf8e8;border-radius:6px}
.embed-mode .map-stats b{font-size:22px}
.embed-mode .map-stats .stat-separator{height:15px}
.embed-mode .fit-map{top:20px;right:17px;padding:10px;font-size:9px}
.embed-mode .fit-map svg{display:none}
.embed-mode .search-panel{padding:18px 20px}
.embed-mode .catalog-title{margin-bottom:14px}
.embed-mode .catalog-title .eyebrow{display:none}
.embed-mode .catalog-title h2{font-size:19px}
.embed-mode .country-badge{margin-top:0}
.embed-mode .topic-chip{font-size:9px;padding:6px 8px}
.embed-mode .catalog-footer{padding:12px 20px}
.embed-mode .list-view .search-panel{padding:22px 30px}
.embed-mode .list-view .lab-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){
  .embed-mode{--header:103px;--panel:100%}
  .embed-mode .site-header{padding:10px 14px 8px;gap:9px}
  .embed-mode .brand-title{font-size:20px}
  .embed-mode .brand-subtitle{font-size:8px}
  .embed-mode .header-right{gap:10px}
  .embed-mode .about-button{padding:4px}
  .embed-mode .open-full-map{font-size:9px}
  .embed-mode .view-switch{height:34px}
  .embed-mode .view-switch button{font-size:11px;padding:6px 8px}
  .embed-mode .workspace{height:auto;min-height:calc(100dvh - var(--header));overflow:visible}
  .embed-mode .map-panel{height:42dvh;min-height:280px;max-height:370px}
  .embed-mode .map-intro{top:14px;left:14px}
  .embed-mode .map-stats{font-size:8px;padding:8px 10px;gap:9px}
  .embed-mode .map-stats b{font-size:20px}
  .embed-mode .fit-map{top:14px;right:14px;padding:9px}
  .embed-mode .search-panel,.embed-mode .list-view .search-panel{padding:20px}
  .embed-mode .catalog-title{margin-bottom:14px}
  .embed-mode .lab-list{overflow:visible}
  .embed-mode .list-view .lab-list{display:block}
  .embed-mode dialog{max-height:92dvh}
}
@media(max-width:360px){
  .embed-mode .brand img{display:none}
  .embed-mode .brand-title{font-size:19px}
  .embed-mode .map-stats{gap:6px;padding:8px}
  .embed-mode .map-stats b{font-size:18px}
  .embed-mode .fit-map{right:10px;padding:8px 6px}
}
