/* Parking pages and the /parkeren/ hub (inc/parking.php): the airport's car parks as comparison rows (name, walk,
   price for a week online, "zonder reservering" in muted text, a badge when booking is required, one pill to the official page),
   then Kiss & Ride, public transport and off-airport as a definition list, the tip (.kader) and the check date. The
   hub: one row per airport with its code on the split-flap card (.flap, main.css), like the flight hubs' board. */
.entry-content .park{margin:0 0 2.4em}
.entry-content .park-title{margin:0 0 16px;font-size:26px}
.entry-content :is(.park-options,.park-board){display:grid;gap:10px;margin:0;padding:0;list-style:none}
.entry-content :is(.park-options,.park-board)>li{margin:0}
/* one row per car park: what and how far | price | button; stacked on a phone */
.park-option{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,13rem) auto;align-items:center;gap:6px 20px;padding:14px 16px 14px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.entry-content .park-option p{margin:0}
.entry-content .park-name{display:inline;margin:0 10px 0 0;font-size:1.1875rem;line-height:1.3}
.entry-content .park-badge{display:inline-block;padding:1px 10px;font-size:.8125rem;font-weight:700;line-height:1.5;color:var(--go-d);background:#FCE3D3;border-radius:999px;vertical-align:2px}
.entry-content .park-how{margin-top:4px;font-size:.9375rem;line-height:1.4}
.entry-content .park-price{font-size:.9375rem;line-height:1.35}
.park-price strong{font:800 1.25rem/1 var(--display);color:var(--deep);font-variant-numeric:tabular-nums}
.entry-content .park-muted{margin-top:3px;color:var(--muted);font-size:.875rem;line-height:1.4}
.entry-content a.park-btn{min-height:44px;padding:.5em 1.2em;font-size:.9375rem;color:#fff;text-decoration:none;white-space:nowrap}
.entry-content a.park-btn:hover{color:#fff}
.park-facts{display:grid;margin:20px 0 0;border-top:1px solid var(--line)}
.park-facts>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
.park-facts dt{font-weight:700;color:var(--deep)}
.park-facts dd{margin:0}
.entry-content .park .kader{margin:20px 0 0}
.entry-content .park-checked{margin:14px 0 0;color:var(--muted);font-size:.875rem;line-height:1.45}
.entry-content .park-checked a{color:inherit}
@media (max-width:620px){
  .entry-content .park-title{font-size:23px}
  .park-option{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 16px}
  .entry-content a.park-btn{width:100%}
  .park-facts>div{grid-template-columns:minmax(0,1fr)}
}

/* the hub board */
.entry-content .park-board{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.park-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;height:100%;min-height:76px;padding:12px 16px 12px 12px;color:var(--ink);text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s ease,background-color .15s ease}
.park-row:hover{border-color:var(--blue);background:#F7FAFF;color:var(--ink)}
.park-row .flap{grid-row:1/3}
.park-row-name{font:800 1.0625rem/1.2 var(--display);color:var(--deep);overflow-wrap:anywhere}
.park-row:hover .park-row-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.park-row-line{grid-column:2;color:var(--muted);font-size:.9375rem;line-height:1.35}