/* /market-data pages: country, region, city and topic rankings. Loaded after site.css; every value comes from tokens.css.
   Charts use the brand data palette: the heat ramp for single series, Palm, warm grey and Madder for lower, typical, higher. */
.md-note{margin:0 0 var(--s-3)}
.md-wrap{white-space:normal;min-width:220px}
.md-pad{padding:0 var(--s-5) var(--s-3)}
.md-pill-good{background:var(--good-soft);color:var(--good)}
.md-pill-none{background:var(--surface-3);color:var(--muted)}
.md-table th[aria-sort] a{color:var(--brand-ink)}
.section h3{font-size:var(--fs-18);letter-spacing:-.01em;margin:0 0 var(--s-3)}

/* Countries on the hub: ruled rows of links, not cards */
.md-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--s-6);border-top:1px solid var(--line)}
.md-card{display:grid;gap:4px;padding:var(--s-4) 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink-2);font-size:var(--fs-15)}
.md-card strong{font-family:var(--font-display);font-size:var(--fs-18);font-weight:600;color:var(--ink);letter-spacing:var(--track-head)}
.md-card small{color:var(--muted);font-size:var(--fs-13)}
.md-card:hover strong{color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px}
.md-rank-grid{gap:var(--s-4)}

/* Country intro */
.md-top5{margin:var(--s-4) 0 0;padding-inline-start:1.4em;display:grid;gap:6px;font-size:var(--t-md)}
.md-top5 a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--brand-ink);text-underline-offset:.25em}
.md-top5 span{color:var(--muted);font-size:var(--t-sm);margin-inline-start:6px}
.md-stats{padding:var(--s-5) 0 var(--s-4)}
.md-kpis-3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Sticky section nav */
.md-subnav{position:sticky;top:64px;z-index:20;background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}
.md-subnav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.md-subnav ul::-webkit-scrollbar{display:none}
.md-subnav a{display:flex;align-items:center;min-height:44px;padding:0 10px;font-size:var(--fs-13);font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.md-subnav a:hover{color:var(--ink);border-bottom-color:var(--ink)}
[id]{scroll-margin-top:124px}

/* Map */
.md-map{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.md-map-svg{display:block;width:100%;height:auto;max-height:520px}
.md-map-bg{fill:var(--surface-2)}
.md-map-svg circle{fill-opacity:.82;stroke:var(--surface);stroke-width:1.5}
.md-map-svg a:hover circle,.md-map-svg a:focus circle{fill-opacity:1;stroke:var(--ink)}
.md-map-canvas{height:440px;display:none}
.md-map-live .md-map-canvas{display:block}
.md-map-live .md-map-svg{display:none}
.md-legend{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin-top:var(--s-3);font-size:var(--t-sm);color:var(--muted)}
.md-legend span{display:inline-flex;align-items:center;gap:6px}
.md-legend i{width:12px;height:12px;border-radius:50%;display:inline-block}
.md-popup{display:grid;gap:2px;font:var(--t-sm)/1.4 var(--font-sans);color:#241c1a}

/* Destination profile cards */
.md-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}
.md-profile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-5);min-width:0}
.md-profile header{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s-3);align-items:baseline;margin-bottom:var(--s-4)}
.md-profile header small{grid-column:2;color:var(--muted);font-size:var(--t-sm)}
.md-profile h3{margin:0;font-size:var(--t-lg)}
.md-profile h3 a{color:var(--ink);text-decoration:none}.md-profile h3 a:hover{color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px}
.md-rank{grid-row:span 2;font-family:var(--font-display);font-weight:600;font-size:var(--fs-18);color:var(--muted);font-variant-numeric:tabular-nums}
.md-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2)}
.md-tiles>div{background:var(--surface-2);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);min-width:0}
.md-tiles span{display:block;font-size:var(--t-xs);color:var(--muted)}
.md-tiles strong{display:block;font-variant-numeric:tabular-nums;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-placement-head{margin:var(--s-4) 0 var(--s-2);font-size:var(--t-xs);font-weight:600;color:var(--muted)}
.md-placement{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.md-placement li{font-size:var(--fs-13);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 10px}
.md-placement b{color:var(--ink);font-weight:600}
.md-placement-wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}
.md-placement-wide li{display:flex;justify-content:space-between;gap:var(--s-3);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3)}

/* Monthly bars (seasonality and profiles) */
.md-months{display:flex;align-items:flex-end;gap:6px;height:150px;margin-top:var(--s-4);padding-top:20px}
.md-months>div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;position:relative}
.md-months i{display:block;width:100%;max-width:44px;background:var(--heat-3);border-radius:4px 4px 0 0}
.md-months i.heat-4{background:var(--heat-4)}.md-months i.heat-5{background:var(--heat-5)}
.md-months b{font-size:var(--t-xs);color:var(--ink);font-variant-numeric:tabular-nums;order:-1}
.md-months small{font-size:11px;color:var(--muted);white-space:nowrap}

/* Tabbed rankings (radio inputs, no script) */
.md-tabs{display:flex;flex-wrap:wrap;gap:6px}
.md-tabs>label{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-pill);font-size:var(--fs-13);font-weight:500;color:var(--ink-2);cursor:pointer;background:var(--surface)}
.md-tabs>input:checked+label{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.md-tabs>input:focus-visible+label{outline:2px solid var(--ink);outline-offset:2px}
.md-tab-panel{display:none;flex-basis:100%;min-width:0;max-width:100%;margin-top:var(--s-4)}
.md-tabs:has(#md-tab-listings:checked) [data-tab=listings],.md-tabs:has(#md-tab-rate:checked) [data-tab=rate],.md-tabs:has(#md-tab-rating:checked) [data-tab=rating],
.md-tabs:has(#md-tab-occupancy:checked) [data-tab=occupancy],.md-tabs:has(#md-tab-revenue:checked) [data-tab=revenue]{display:block}

/* Methodology, API, filters, directory */
.md-method{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--s-5);align-items:start;margin-bottom:var(--s-3)}
.md-method p{color:var(--ink-2);margin-bottom:var(--s-3);max-width:68ch}
.md-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-4)}
.md-filters a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-pill);font-size:var(--fs-13);font-weight:500;color:var(--ink-2);text-decoration:none;background:var(--surface)}
.md-filters a[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.md-dir+.md-dir{margin-top:var(--s-6)}
.md-dir h3 a{color:var(--ink);text-decoration:none}
.md-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-4) var(--s-5)}
.md-dir h4{margin:0 0 6px;font-size:var(--t-sm)}
.md-dir h4 a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand-ink);text-underline-offset:.25em}
.md-dir ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:14px}
.md-dir li a{display:inline-block;padding-block:3px;color:var(--ink-2);text-decoration:none}.md-dir li a:hover{color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.md-dir small{color:var(--faint);font-variant-numeric:tabular-nums}

@media (max-width:960px){
  .md-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-profiles,.md-method{grid-template-columns:1fr}
  .md-placement-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .md-cards,.md-kpis-3,.md-placement-wide{grid-template-columns:minmax(0,1fr)}
  .md-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-map-canvas{height:340px}
  .md-months{gap:3px}
}

/* Right-to-left pages: code, API paths and slugs read left to right; the curl sample stays a left-aligned LTR block. */
[dir=rtl] main code{direction:ltr;unicode-bidi:isolate}