/* ============================================================================
   Lab skin: reykjavik.tours, the one host every block is designed and tested on
   (owner decision 2026-09-15). Blocks still read only --r-* host tokens, so another
   site is a new mapping like this one, not a redesign.

   This is exactly what an integrating agent writes for a real site: a handful
   of --r-* host tokens pointed at that site's own values. Chart slots per skin
   were validated with the dataviz palette validator (all checks PASS, light):
     reykjavik  #B25309 #0B7FA6 #6B8E23 #8E4FA8   on #FEFBF6
   ============================================================================ */

@font-face {
  font-family: "Figtree";
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/fonts/figtree-latin.woff2") format("woff2");
}

/* reykjavik.tours: the real target. Values copied from site-factory design-tokens.css */
.rs[data-skin="reykjavik"] {
  --r-font-body: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --r-size-body: 18.5px; --r-leading: 1.65; --r-measure: 660px;
  --r-size-h1: 37px; --r-size-h2: 26px; --r-size-h3: 21px; --r-size-lede: 21px;
  --r-size-small: 16px; --r-size-micro: 13.5px;
  --r-weight-head: 700; --r-tracking-head: -0.025em;
  --r-paper: #FEFBF6; --r-card: #FFFFFF;
  --r-ink: #1A2737; --r-ink-soft: #5A6472; --r-ink-faint: #8A8F98;
  --r-rule: #E7E1D6;
  --r-accent: #B25309; --r-accent-ink: #8A3F06;
  --r-radius: 14px;
  --r-series-1: #B25309; --r-series-2: #0B7FA6; --r-series-3: #6B8E23; --r-series-4: #8E4FA8;
}

/* porto.tours: azulejo blue + Douro terracotta on warm paper. PLACEHOLDER palette -
   replace with the site's real brand tokens when the owner provides them.
   Chart slots: porto  #14548C #C2571A #2E7D57 #7B4B94   on #FBF9F4 */
.rs[data-skin="porto"] {
  --r-font-body: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --r-size-body: 18.5px; --r-leading: 1.65; --r-measure: 660px;
  --r-size-h1: 37px; --r-size-h2: 26px; --r-size-h3: 21px; --r-size-lede: 21px;
  --r-size-small: 16px; --r-size-micro: 13.5px;
  --r-weight-head: 700; --r-tracking-head: -0.025em;
  --r-paper: #FBF9F4; --r-card: #FFFFFF;
  --r-ink: #1C2530; --r-ink-soft: #5A6472; --r-ink-faint: #8A8F98;
  --r-rule: #E5E1D8;
  --r-accent: #14548C; --r-accent-ink: #0E3F6B;
  --r-radius: 14px;
  --r-series-1: #14548C; --r-series-2: #C2571A; --r-series-3: #2E7D57; --r-series-4: #7B4B94;
}

/* travelstatisticsbureau.com article column (tools/build_articles.py) */
.ra-main{display:block;max-width:808px;margin:0 auto;padding:28px 24px 72px;box-sizing:border-box}
@media (max-width:600px){.ra-main{padding:20px 16px 56px}}
/* long runs of footnote badges may wrap, so no line is wider than a phone (owner: no horizontal scroll) */
.rs .rs-nb .rs-fn{white-space:normal}
/* header/footer wrappers: undo the research body type so they match the other site pages */
body>div.rs{font-size:16px;line-height:normal}
.rs-scope .rs-refs-list *{overflow-wrap:anywhere}
@container rs (max-width:560px){.rs-scope .rs-col-lab,.rs-scope .rs-col-area{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}}
