/* ============================================================
   MARKETEDGE HUB — GLOBAL BASE STYLES
   Loaded on every page. Sets the root font size so all
   rem-based text scales up proportionally site-wide.
   ============================================================ */

html {
  font-size: 17px; /* ~106% of browser default — improves readability without breaking tables */
}

/* Wide table containers scroll horizontally — uses lower specificity so
   pages that need overflow:clip for sticky headers can override with !important */
.table-wrapper,
.tbl-wrap,
.timeline-wrap,
.corr-section {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Slightly reduce on mobile so nothing overflows */
@media (max-width: 768px) {
  html { font-size: 16px; }
}

@media (max-width: 480px) {
  html { font-size: 15px; }
}