/* Approved Option A: selected-place priority within the existing Field Folio. */
#folioLedger #detailPanel{order:0}
#view-map:has(#detailPanel.on) #folioLedger{background-image:none;padding-bottom:24px}
#folioLedger #detailPanel .hd{min-height:44px;gap:8px;padding-block:0}
#folioLedger #detailPanel .hd b{font-size:11px;letter-spacing:.07em}
#folioLedger #detailPanel .hd b::before{display:none}
#detailPanel.subpinMode .selectedScore{display:none}
#detailPanel .selectedScore{margin-left:auto;color:var(--folio-ochre);font:12px/1.3 var(--font-numeric);white-space:nowrap}
#folioLedger #detailPanel .hd #detailClose{margin-left:0;flex:0 0 44px}
#folioLedger #detailPanel #detailBody{padding:12px 0 0}
#folioLedger #detailPanel #detailBody h2{margin:0 0 8px;font-size:30px;line-height:1.12;overflow-wrap:anywhere}
#folioLedger #detailPanel #detailBody .loc{margin:0 0 14px;font-size:11px;line-height:1.45;color:var(--folio-muted)}
#detailBody .locCoord{display:none}
#folioLedger #detailPanel #detailBody .ph.heroPh{height:auto;min-height:0;max-height:none;margin:0 0 14px}
#folioLedger #detailPanel #detailBody .statRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 12px}
#folioLedger #detailPanel #detailBody .statRow>div{min-width:0;padding:10px 8px;background:var(--folio-abyss)}
#folioLedger #detailPanel #detailBody .statRow .v{padding:0;font-size:17px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
#folioLedger #detailPanel #detailBody .statRow .t{padding:0;margin-top:5px;font-size:10px;line-height:1.35;letter-spacing:.045em;color:var(--folio-muted)}
.selectedConditions{display:grid;gap:4px;margin-bottom:8px;padding-left:11px;border-left:2px solid var(--folio-ochre);font:12px/1.45 var(--font-interface);color:var(--folio-muted)}
.selectedConditions b{font-weight:500;font-size:13px;color:var(--folio-cream)}
.selectedAccessNotice{margin:0 0 8px;border:1px solid var(--orange);border-radius:3px}
.selectedAccessNotice>summary{min-height:44px;padding:10px 9px;cursor:pointer;color:var(--orange-bright);font:12px/1.45 var(--font-interface)}
.selectedAccessNotice .atlasAccessNotice{margin:0;border:0}
.selectedAccessNotice>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.detailMore{margin:4px 0 0;border:0}
.detailMore>summary{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;font:12px/1.4 var(--font-interface);color:var(--folio-cream);list-style:none}
.detailMore>summary::before{content:'+';color:var(--accent);font-size:18px}
.detailMore[open]>summary::before{content:'−'}
.detailMore>summary::-webkit-details-marker{display:none}
.detailMore>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
#folioLedger #detailPanel>.actions{display:grid;gap:8px;padding:12px 0 16px;background:var(--folio-graphite)}
#detailPanel>.actions .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#detailPanel>.actions .btn{min-width:0;min-height:44px;padding:9px 7px;font-size:11px;letter-spacing:.035em;white-space:normal}
#detailPanel>.actions #btnFullDetails{font-size:13px}
#folioLedger #detailPanel.subpinMode>.actions{display:none}
#view-map:has(#detailPanel.on) #folioLedger #rankPanel{max-height:none;overflow:visible}
#folioLedger #leftStack .cond.closed .fpBody{display:none}
.guideActions{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.guideActionContext{flex:1;min-width:0;font:16px/1.3 var(--font-display);color:var(--folio-cream);overflow-wrap:anywhere}
.guideActions .btn{min-height:44px;flex-shrink:0;font-size:11px;padding:9px 12px}
.beachSelectionActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 18px}
.beachSelectionActions .btn{min-width:0;min-height:44px;font-size:11px;padding:9px 6px;white-space:normal}
@media (min-width:981px){
  #folioLedger #detailPanel{overflow:visible}
  #folioLedger #detailPanel>.actions{position:sticky;bottom:0;z-index:2}
  #view-map:has(#detailPanel.on) #folioLedger{scroll-padding-bottom:130px}
  #view-map:has(#detailPanel.on){--folio-ledger-w:clamp(380px,32vw,490px)}
}
@media (max-width:980px){
  #view-map:has(#detailPanel.on) #folioLedger{height:min(58%,470px);max-height:calc(100% - 80px);min-height:260px;padding:18px 13px 8px;overflow:hidden}
  #view-map:has(#detailPanel.on) #folioLedger #rightStack{display:none!important}
  #folioLedger #detailPanel.on{display:flex;flex:1 1 auto;min-height:0;height:100%;margin:0;overflow:hidden}
  #folioLedger #detailPanel .hd{flex:0 0 44px}
  #folioLedger #detailPanel #detailBody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 3px 6px 0;scrollbar-width:thin}
  #folioLedger #detailPanel #detailBody h2{font-size:23px;line-height:1.15;margin-bottom:6px;white-space:normal}
  #folioLedger #detailPanel #detailBody .loc{margin-bottom:10px}
  #folioLedger #detailPanel #detailBody .ph.heroPh{display:none}
  #folioLedger #detailPanel #detailBody .statRow>div{padding:7px}
  #folioLedger #detailPanel #detailBody .statRow .v{font-size:15px}
  #folioLedger #detailPanel #detailBody .statRow .t{margin-top:3px}
  #folioLedger #detailPanel>.actions{flex:0 0 auto;padding:9px 0 0;gap:6px}
  #view-map:has(#detailPanel.subpinMode.on) #folioLedger{height:min(68%,670px)}
  #beachDetail{scroll-margin-top:12px}
  .beachPage.hasSelectedBeach>#beachDetail{border:1px solid var(--folio-rule);background:var(--folio-graphite);margin:0 0 20px}
}
@media (max-width:760px){
  .guideActions{position:fixed;left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom));z-index:25;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:10px 14px;background:var(--folio-graphite);border-top:1px solid var(--folio-rule)}
  .guideActionContext{display:none}
  #view-detail .pageWrap{padding-bottom:160px}
  #view-detail{scroll-padding-bottom:90px}
  .detailPrimaryNav{scroll-margin-top:0}
}
@media (max-width:980px) and (max-height:500px) and (orientation:landscape){
  .atlasSyncStatus[data-sync-state="local-only"],.atlasSyncStatus[data-sync-state="synced"]{display:none}
  #view-map:has(#detailPanel.on) #folioLedger{top:62px;bottom:8px;right:8px;left:auto;width:48%;height:auto;min-height:0;max-height:none;padding-top:17px}
  #folioLedger #detailPanel .hd{flex-basis:36px;min-height:36px}
  #folioLedger #detailPanel>.actions{grid-template-columns:1fr 1.7fr;gap:6px}
  #detailPanel>.actions .row2{gap:6px}
  #detailPanel>.actions .btn{padding:7px 4px;font-size:10px}
  #detailPanel>.actions .atlas-icon{display:none}
  #folioLedger #detailPanel #detailBody h2{font-size:21px}
}