/* Parks — tokens only. Flat tints, a credit chip on every photo, olive pins for green
   space. A card without a photo shows a nature tile rather than borrowing a stock image. */

.pk-hero .ph{position:relative;height:clamp(240px,40vw,480px);overflow:hidden;background:var(--pg-alt)}
.pk-hero .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Map beside a numbered index; the numbers match the pins and the cards. */
.pk-mapwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--card-line);background:var(--card)}
.pk-map{position:relative;min-height:clamp(340px,42vw,520px)}
.pk-map .mapbox{position:absolute;inset:0}
.pk-index{list-style:none;margin:0;padding:8px 0;border-left:1px solid var(--card-line);overflow:auto}
.pk-index a{display:flex;align-items:center;gap:12px;padding:10px 18px;color:var(--ink);font:600 14px/1.3 var(--font-display);text-decoration:none}
.pk-index a:hover,.pk-index a:focus-visible,.pk-index a.is-hot{background:var(--pg-alt)}

.pk-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--olive-600);color:var(--sand-50);font:700 11px/1 var(--font-display)}

/* Cards */
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pk-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-line);scroll-margin-top:96px}
.pk-card:target,.pk-card.is-hot{border-color:var(--olive-500);box-shadow:0 0 0 1px var(--olive-500)}
.pk-card .ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--pg-alt)}
.pk-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pk-art img{object-position:50% 35%}
.pk-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px 20px 18px}
.pk-top{display:flex;align-items:center;gap:10px}
.pk-card h3{margin:0;font:800 clamp(19px,2vw,22px)/1.15 var(--font-display);text-transform:uppercase;color:var(--ink)}
.pk-card p{margin:0;font:400 12px/1.8 var(--font-mono);color:var(--body)}
.pk-where{font:500 10.5px/1.6 var(--font-mono);letter-spacing:.04em;color:var(--mut)}
.pk-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:auto;padding-top:6px}
.pk-link{padding:0;border:0;background:none;cursor:pointer;font:600 11px/1.6 var(--font-mono);letter-spacing:.04em;color:var(--link);text-decoration:underline;text-underline-offset:3px}
.pk-link:hover{color:var(--hot)}

@media (max-width:1000px){
 .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pk-mapwrap{grid-template-columns:1fr}
 .pk-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:1px solid var(--card-line)}
}
@media (max-width:640px){
 .pk-grid{grid-template-columns:1fr}
 .pk-index{grid-template-columns:1fr}
 .pk-index a{padding:9px 16px}
}