html{ font-size:16px; }
body{
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  -webkit-text-size-adjust: 100%;
}

h1,h2,h3{
  line-height: var(--lh-snug);
  letter-spacing: -0.01em;
  margin: 0 0 var(--space-3) 0;
  max-width: var(--measure-heading);
}

h1{ font-size: var(--fs-h1) !important; font-weight: 800 !important; }
h2{ font-size: var(--fs-h2) !important; font-weight: 750 !important; }
h3{ font-size: var(--fs-h3) !important; font-weight: 700 !important; }

p,li{
  font-size: var(--fs-body) !important;
  line-height: var(--lh-normal) !important;
}

small,.text-small{ font-size: var(--fs-small) !important; }

.prose{ max-width: var(--measure-body); }
.prose > * + *{ margin-top: var(--space-3); }

/* Consistent “blue label / pencil-style” heading (use on all pages) */
/* Kicker / pencil-style heading (Contact page is the source of truth) */
.kicker,
.section-kicker,
.blue-kicker,
.contact-hero__kicker,
[class$="-kicker"]{
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: .45em !important;
  text-transform: uppercase !important;
  color: var(--yas-cyan, #55c7ff) !important;
}


/* ===== Consistency fixes (Dec 2025 pass) ===== */

/* Section headers should be centered site-wide (matches index) */
.section-header{
  text-align: center;
}
.section-header .section-title,
.section-header h2{
  margin-left: auto;
  margin-right: auto;
  max-width: var(--text-max, 68ch);
}
.section-header .section-subtitle,
.section-header p{
  margin-left: auto;
  margin-right: auto;
  max-width: var(--text-max-wide, 80ch);
}

/* Standard blue "kicker" label (FEATURED HOTELS / WHY YAS ISLAND / etc.) */
.section-kicker{
  display: inline-block;
  color: var(--yas-cyan, #55c8ff);
  letter-spacing: 5px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 18px;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Normalize hero heading size across pages */
.hero-title{
  font-size: clamp(2.1rem, 3.2vw, 3.1rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

/* Helper: keep short phrases on one line when desired */
.nowrap{ white-space: nowrap; }