/* MobTreks · shared FOUNDATION — tokens, reset, page shell, site-wide copyright stamp.
   Linked by EVERY page in this project (hub + all city guides).
   Page-type styling lives elsewhere: city guides → mbt-guide.css; the hub keeps its
   own hub-* component rules inline. Change a brand token here and the whole site follows. */

/* rem baseline — do not set px here; keeps OS accessibility font-scale working */
html{font-size:100%;}
html,body{margin:0;padding:0;background:#d9e2d5;overflow-x:hidden;-webkit-text-size-adjust:100%;}

/* ---- MBT brand tokens ---- */
.mbt-city {
  --brand-green:#38761d; --brand-light-green:#6aa84f; --brand-dark-green:#274e13;
  --bg-color:#d9e2d5; --text-dark:#1a1a1a; --text-light:#ffffff; --text-muted:#555555;
  --card-bg:#ffffff; --card-bg-alt:#f2f7f0; --accent:#6aa84f;
  --checker-light:#d9ead3; --checker-dark:#b6d7a8; --brand-blue:#0b5394;
  --visited-teal:#2D5C5A;
  --font-main:'Lexend',Arial,Helvetica,sans-serif;
  --mbt-chip-pad: 6px 14px;

  font-family:var(--font-main);
  font-size:1rem;          /* 16px floor — never leave body copy to UA default */
  color:var(--text-dark);
  background:var(--bg-color);
  line-height:1.6;
  margin:0;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent;
}
.mbt-city *{box-sizing:border-box;}
.mbt-city img{max-width:100%;height:auto;display:block;}

/* readable centered column */
.mbt-wrap{max-width:800px;margin:0 auto;padding:0 clamp(8px, 2vw, 16px) 40px;}

/* site-wide copyright stamp — sits as the LAST child of .mbt-wrap on every page.
   The TEXT is inline per page (static, changes ~never); this rule is its single-source
   styling. Centered + a hairline divider so it reads as one consistent site stamp
   regardless of the per-page footer above it. */
.mbt-copyright{margin-top:18px;padding-top:12px;border-top:1px solid var(--checker-dark);
  font-size:11.5px;color:var(--text-muted);line-height:1.7;text-align:center;}
.mbt-copyright em{font-style:italic;opacity:.85;}