/* The province map (/provinces, /es/provincias; provinces.js draws it, provinces-page.js wires it). A tile map: one square per
   province on a 6 x 8 grid, the panel beside it on wide screens and under it on phones, and the full list below for screen
   readers and readers without scripts. Site colours only, so it follows light and dark. */
.pv-page{max-width:1080px;margin:34px auto 56px;padding:0 24px;font-family:var(--f-ui);color:var(--ink)}
.pv-page *{box-sizing:border-box}
.pv-head{padding-bottom:16px;border-bottom:1px solid var(--line)}
.pv-head h1.page-h{font-family:var(--f-head);font-weight:600;font-size:40px;line-height:1.22;letter-spacing:-.8px;margin:6px 0 8px}
.pv-dek{margin:0;max-width:62ch;font:17px/1.55 var(--f-body);color:var(--muted)}

.pv-wrap{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:36px;align-items:start;margin:28px 0 8px}
.pv-wrap[hidden]{display:none}
.pv-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.pv-tile{aspect-ratio:1;min-width:0;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:700 12.5px/1 var(--f-ui);letter-spacing:.04em;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,scale .14s ease}
.pv-tile:hover{background:var(--hover-tint);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.pv-tile:active{scale:.95}
.pv-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pv-tile[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--page)}
.pv-city{font-size:11px;letter-spacing:.02em}
/* The Malvinas: two squares wide, dashed, so they read as islands apart from the mainland */
.pv-isl{aspect-ratio:auto;border-style:dashed;font-weight:600;font-size:12px;letter-spacing:0}
.pv-how{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}

.pv-panel{min-height:240px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);scroll-margin-top:16px}
.pv-panel:focus{outline:none}
.pv-panel-empty{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.pv-ph{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.pv-ph h3{margin:0;font-family:var(--f-head);font-weight:600;font-size:30px;line-height:1.22;letter-spacing:-.4px}
.pv-ph h3:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.pv-abbr{padding:2px 7px;border:1px solid var(--line);border-radius:4px;font:700 11px/1.4 var(--f-ui);letter-spacing:.08em;color:var(--muted)}
.pv-back{margin-top:18px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:600 13px var(--f-ui);cursor:pointer}
.pv-back:hover{background:var(--page)}
.pv-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* One province's facts (in the panel and in the list) */
.pv-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin:16px 0}
.pv-facts dt{font-size:10.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}
.pv-facts dd{margin:3px 0 0;font-size:15.5px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.pv-facts dd small{display:block;font-size:12px;color:var(--muted)}
.pv-facts ul{margin:2px 0 0;padding-left:18px}
.pv-wide{grid-column:1/-1}
.pv-note{margin:0 0 12px;padding:10px 14px;border-left:3px solid var(--accent);background:var(--page);font-size:14px;line-height:1.5;color:var(--ink)}
.pv-checked{margin:0 0 18px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.pv-checked a,.pv-hub a{color:var(--accent);font-weight:700;text-decoration:none}
.pv-checked a:hover,.pv-hub a:hover{text-decoration:underline}
.pv-st-h4{margin:0 0 6px;padding-top:14px;border-top:1px solid var(--line);font-size:10.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent)}
.pv-stories{list-style:none;margin:0;padding:0}
.pv-stories li+li{border-top:1px solid var(--line)}
.pv-stories a{display:block;padding:10px 0;color:var(--ink);text-decoration:none}
.pv-stories a:hover .pv-st-h{text-decoration:underline}
.pv-stories a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pv-st-k{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--accent)}
.pv-st-h{display:block;margin-top:3px;font-family:var(--f-head);font-weight:600;font-size:17px;line-height:1.3}
.pv-st-d{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.pv-none{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.pv-hub{margin:10px 0 0;font-size:14px}

.pv-facts-note{margin:18px 0 0;max-width:72ch;font-size:13px;line-height:1.55;color:var(--muted)}
.pv-pending{margin:10px 0 0;padding:10px 14px;max-width:72ch;border:1px dashed var(--line);background:var(--paper);font-size:13px;line-height:1.55;color:var(--muted)}

/* The list: every province, one row each, open for its facts */
.pv-list{margin-top:36px}
.pv-list h3{margin:0;font-family:var(--f-head);font-weight:600;font-size:24px;line-height:1.25}
.pv-list-intro{margin:4px 0 14px;font-size:14px;color:var(--muted)}
.pv-item{border-top:1px solid var(--line)}
.pv-item:last-child{border-bottom:1px solid var(--line)}
.pv-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;cursor:pointer;list-style:none}
.pv-item summary::-webkit-details-marker{display:none}
.pv-item summary::after{content:"+";flex:none;width:18px;text-align:center;font-size:18px;line-height:1;color:var(--muted)}
.pv-item[open] summary::after{content:"–"}
.pv-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pv-item-n{flex:1;font-size:16px;font-weight:600}
.pv-item-a{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.pv-card{padding:0 2px 16px}
.pv-card .pv-facts{margin-top:4px}

@media (max-width:820px){
  .pv-wrap{grid-template-columns:minmax(0,1fr);gap:20px}
  .pv-mapbox{max-width:430px;width:100%;margin:0 auto}
  .pv-panel{min-height:0}
}
@media (max-width:560px){
  .pv-page{margin-top:22px;padding:0 16px}
  .pv-head h1.page-h{font-size:32px}
  .pv-dek{font-size:16px}
  .pv-map{gap:4px}
  .pv-tile{font-size:11px;border-radius:6px}
  .pv-city,.pv-isl{font-size:10px}
  .pv-panel{padding:18px 16px}
  .pv-ph h3{font-size:26px}
  .pv-facts{gap:12px 16px}
}
@media (prefers-reduced-motion:reduce){.pv-tile{transition:none}.pv-tile:active{scale:none}}