/* /destinations/ and /destinations/<country>/ | page styles, prefixed .dest-* | logical properties only | no text under 13px | targets at least 44px | no animation */
.dest-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:var(--fs-14);color:var(--muted)}
.dest-crumbs a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--primary-ink);font-weight:var(--fw-semibold)}
.dest-tiles{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.dest-tile{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ic num" "ic lbl";align-items:center;column-gap:var(--s-3);row-gap:2px;padding:var(--s-4) var(--s-5)}
.dest-tile .icon{grid-area:ic;inline-size:28px;block-size:28px;color:var(--primary-ink)}
.dest-num{grid-area:num;font:var(--fw-semibold) var(--fs-32)/1 var(--font-serif);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.dest-tile span:last-child{grid-area:lbl;font-size:var(--fs-14);color:var(--muted)}
.dest-entry{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;gap:var(--s-2)}
.dest-entry li{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--card);border:1px solid var(--border);color:var(--ink);font-size:var(--fs-15)}
.dest-entry li[data-e="susp"]{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger-ink)}
.dest-cols{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}
.dest-card-box{display:flex;flex-direction:column;gap:var(--s-3);min-inline-size:0}
.dest-card-box h2{font-size:var(--fs-20);margin:0}
.dest-card-box[hidden]{display:none}
.dest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}
.dest-item{padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--card-2)}
.dest-item-t{margin:0 0 4px;font-size:var(--fs-15);font-weight:var(--fw-semibold);color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dest-item-m{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:var(--fs-14);color:var(--ink-2)}
.dest-card-box .btn{align-self:flex-start;white-space:normal;text-align:center;line-height:1.25;padding-block:8px}
.dest-card-box p{margin:0}
/* QA 2026-10-10: cards in a row are the same height and their buttons line up on the bottom edge (the list grows, the button row is pushed down) */
.dest-cols{align-items:stretch}
.dest-card-box .dest-list{flex:1 1 auto}
.dest-card-box > p:has(> .btn){margin-block-start:auto}
.dest-foot{display:grid;gap:var(--s-5)}
.dest-foot h2{font-size:var(--fs-18);margin:0 0 var(--s-2)}
.dest-src{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px var(--s-5);font-size:var(--fs-14);color:var(--ink-2)}
.dest-src time{font-weight:var(--fw-semibold);color:var(--ink)}
.dest-foot .callout a{display:inline-flex;align-items:center;min-block-size:44px}
.dest-legal{margin:0;font-size:var(--fs-14);color:var(--muted);max-inline-size:var(--read-max,68ch)}
.dest-note{margin-block-start:var(--s-4)}
.dest-controls{display:grid;gap:var(--s-3);margin-block-end:var(--s-5)}
.dest-controls[hidden],.dest-none[hidden]{display:none}
.dest-controls .chips .chip{min-block-size:44px;padding-inline:16px}
.dest-shown{margin:0;font-size:var(--fs-14);color:var(--muted)}
.dest-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}
.dest-card{display:grid;gap:6px;padding:var(--s-4) var(--s-5);min-block-size:44px}
.dest-card-name{font:var(--fw-semibold) var(--fs-20)/1.2 var(--font-serif);color:var(--ink)}
.dest-card-region{font-size:var(--fs-13);color:var(--muted);text-transform:none}
.dest-counts{display:flex;flex-wrap:wrap;gap:4px var(--s-4);font-size:var(--fs-14);color:var(--ink-2)}
.dest-counts b{font-variant-numeric:tabular-nums;color:var(--ink)}
.dest-none{margin:0 0 var(--s-4);color:var(--ink-2)}
@media (min-width:700px){
  .dest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1000px){
  .dest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dest-foot{grid-template-columns:1fr 1fr;align-items:start}
  .dest-foot .actions,.dest-foot .dest-legal{grid-column:1/-1}
}