/*
  Service Area Hub — layout tokens for service-areas block.
  Source: HTML kit tokens.css (local-service-intro + service-areas).
*/

:root {
  /* local-service-template-service-intro — shared with service-areas grid */
  --local-service-intro-pad-y: 7.5rem; /* 120px */
  --local-service-intro-pad-y-mobile: 3.5rem; /* 56px */
  --local-service-intro-content-max: 92.5rem; /* 1480px */
  --local-service-intro-copy-w: 42rem; /* 672px */
  --local-service-intro-title-w: 41rem; /* 656px */
  --local-service-intro-media-w: 46.75rem; /* 748px */
  --local-service-intro-media-h: 37.0625rem; /* 593px */
  --local-service-intro-media-w-mobile: 17.875rem; /* 286px */
  --local-service-intro-row-gap: 3.75rem; /* 60px */
  --local-service-intro-stack-gap: 2rem; /* 32px */
  --local-service-intro-text-gap: 2rem; /* 32px */
  --local-service-intro-text-gap-mobile: 1.5rem; /* 24px */
  --fs-local-service-intro-title: 3.375rem; /* 54px */
  --fs-local-service-intro-title-mobile: 1.5rem; /* 24px */
  --lh-local-service-intro-title: 3.375rem; /* 54px */
  --lh-local-service-intro-title-mobile: 1.8125rem; /* 29px */
  --fs-local-service-intro-body: 1.125rem; /* 18px */
  --fs-local-service-intro-body-mobile: 1rem; /* 16px */
  --lh-local-service-intro-body: 1.875rem; /* 30px */
  --ls-local-service-intro: -0.02em;
  --fs-local-service-intro-breadcrumb: 1.125rem; /* 18px */
  --fs-local-service-intro-breadcrumb-mobile: 0.625rem; /* 10px */
  --lh-local-service-intro-breadcrumb: 1.875rem; /* 30px */

  /* service-areas — Figma 392:562 / 392:1003 (+25% map height vs original kit) */
  --service-areas-map-h: 76.85546875rem; /* 1229.6875px — +25% from 983.75px kit token */
  --service-areas-map-h-mobile: 37.75rem; /* 604px — +25% from 483px embed default */
  --service-areas-map-w-mobile: 20rem; /* 320px */
  --service-areas-map-radius: 0.5rem; /* 8px */
  --service-areas-visuals-gap: 2rem; /* 32px */
  --service-areas-communities-gap: 4rem; /* 64px — default; desktop list uses --service-areas-communities-gap-desktop */
  --service-areas-communities-gap-desktop: 1.5rem; /* 24px — room for nowrap place names in 3 columns */
  --service-areas-communities-gap-mobile: 1.1875rem; /* 19px */
  --service-areas-communities-row-gap: 0.25rem; /* 4px — vertical space between area names */
  --service-areas-communities-col-w: 8.5rem; /* 136px — legacy; list uses 3×1fr grid */
  --service-areas-actions-w-mobile: 18.8125rem; /* 301px */
  --shadow-service-areas-map: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}