/* Map notices (map-accuracy.js): the "Beta" label and the "Location accuracy" notice: a labelled button bottom-left and a
 * short panel above it. Uses the map page's theme variables, with fallbacks. */

.pz-acc{ font-family:var(--body,'IBM Plex Sans',sans-serif); }
.pz-acc-btn{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; font:inherit; font-size:12px; font-weight:600; line-height:1.2;
  color:var(--grey-light,#C7CDD6); background:rgba(16,19,26,0.88);
  border:1px solid var(--line,#262B36); border-radius:5px; cursor:pointer; white-space:nowrap;
}
.pz-acc-btn:hover,
.pz-acc-btn[aria-expanded="true"]{ background:var(--bg-elevated,#171B24); color:var(--white,#F3F5F7); }
.pz-acc-btn:focus-visible,
.pz-acc-close:focus-visible,
.pz-acc-link:focus-visible{ outline:2px solid var(--frost,#6FC6E8); outline-offset:1px; }
.pz-acc-btn svg{ width:13px; height:13px; flex:none; }
.pz-acc.is-compact .pz-acc-btn{ padding:4px 8px; font-size:10.5px; gap:4px; }
.pz-acc.is-compact .pz-acc-btn svg{ width:11px; height:11px; }

.pz-acc-panel{
  position:absolute; left:12px; bottom:48px; z-index:1100;
  width:390px; max-width:calc(100% - 24px); display:flex; flex-direction:column;
  background:rgba(16,19,26,0.97); border:1px solid var(--line,#262B36);
  border-radius:8px; box-shadow:0 8px 28px rgba(0,0,0,0.5);
  color:var(--grey-light,#C7CDD6); font-family:var(--body,'IBM Plex Sans',sans-serif);
  font-size:12.5px; line-height:1.5;
}
.pz-acc-panel[hidden]{ display:none; }
/* Small map (including the embedded maps): the panel fills the whole map window. */
.pz-acc-panel.is-full{
  top:0; right:0; bottom:0; left:0; width:auto; max-width:none; max-height:none;
  border:0; border-radius:0; box-shadow:none; background:rgba(16,19,26,0.99);
}
.pz-acc-head{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:9px 12px; border-bottom:1px solid var(--line,#262B36);
  flex:none; background:rgba(16,19,26,0.99);
}
.pz-acc-title{
  margin:0; font-family:var(--display,'Big Shoulders Display',sans-serif);
  font-weight:700; font-size:16px; letter-spacing:0.02em; color:var(--white,#F3F5F7);
}
.pz-acc-close{
  width:30px; height:30px; padding:0; font-size:22px; line-height:1;
  color:var(--grey-light,#C7CDD6); background:transparent; border:0; border-radius:4px; cursor:pointer;
}
.pz-acc-close:hover{ color:var(--white,#F3F5F7); background:var(--bg-elevated,#171B24); }
.pz-acc-panel.is-full .pz-acc-close{ width:44px; height:44px; font-size:26px; border:1px solid var(--line,#262B36); }
.pz-acc-body{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:10px 14px 4px; }
.pz-acc-body p{ margin:0 0 9px; }
.pz-acc-foot{ flex:none; padding:8px 14px 11px; border-top:1px solid var(--line,#262B36); display:flex; flex-wrap:wrap; gap:4px 18px; }
.pz-acc-link{ color:var(--ember,#E2A54D); text-decoration:none; border-bottom:1px solid var(--ember-dim,#8A6B3A); }
.pz-acc-link:hover{ border-color:var(--ember,#E2A54D); }

/* Beta label: top-centre of the map; on a narrow map it moves beside the zoom buttons and drops the long text. */
.pz-beta{
  position:absolute; top:12px; left:50%; transform:translateX(-50%); z-index:900;
  display:inline-flex; align-items:center; gap:7px; padding:4px 10px;
  font-family:var(--body,'IBM Plex Sans',sans-serif); font-size:11px; line-height:1.2;
  color:var(--grey-light,#C7CDD6); background:rgba(16,19,26,0.88);
  border:1px solid var(--ember-dim,#8A6B3A); border-radius:11px;
  white-space:nowrap; pointer-events:none;
}
.pz-beta b{ font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--ember,#E2A54D); }
@media (max-width:560px){
  .pz-beta{ left:52px; transform:none; }
  .pz-beta-long{ display:none; }
}