/* ============================================================
   GETTING HERE — 1:1 Figma rebuild
   Desktop source: Figma node 4148:3252 (1920 x 3634)
   All sizes scale proportionally via min(Xpx, calc(X / 1920 * 100vw)).
   Tokens:
     #5e2a29 maroon (Find Us + Travel-at-a-Glance H2)
     #5a381c brown (eyebrow, table col-1, Detail H2, inactive tabs)
     #744b20 coppery brown (active tab, brown banner bg)
     #282828 body grey
     #46474b cooler dark grey (table col-2/3, detail row labels)
     #f0eade beige full
     rgba(240,234,222,0.5) beige half
     #f4f4f5 cool light grey (right-pane rows)
     #ffffff card BG
     #fafafa brown-banner copy
============================================================ */

/* ===== UNIVERSAL RESET ===== */
body[data-page="getting-here"] section,
body[data-page="getting-here"] [class*="__inner"]:not(.inner-hero__inner) {
  padding-top: 0;
  padding-bottom: 0;
  gap: 0;
  min-height: 0;
}

/* ============ HERO — Figma 4148:3257 (y=176→878 h=702) + title (4148:3282) ============ */
body[data-page="getting-here"] .inner-hero {
  width: 100%;
  height: min(702px, calc(702 / 1920 * 100vw));
  position: relative;
  overflow: hidden;
}
body[data-page="getting-here"] .inner-hero__image {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
}
body[data-page="getting-here"] .inner-hero__veil {
  /* Figma hero has NO overlay (the red gradient lives only on the hidden
     underlay BEHIND the DJI aerial photo). Stripping the veil so the photo
     reads neutral instead of red. */
  display: none !important;
}
body[data-page="getting-here"] .inner-hero__inner {
  /* Figma absolute Y of the title group is 290 in the 3634-tall page
     frame. Hero starts at y=176, so within the inner-hero box the text
     sits at top = 290 - 176 = 114. (Previous top:290 was measuring
     from the inner-hero's own top, which pushed the kicker far below
     the visible hero.) Reset min-height so the inner is just the
     content. */
  position: absolute;
  left: min(149px, calc(149 / 1920 * 100vw));
  top:  min(114px, calc(114 / 1920 * 100vw));
  width: min(671px, calc(671 / 1920 * 100vw));
  height: auto !important;
  min-height: 0 !important;
  padding: 0; margin: 0;
  text-align: left;
}
body[data-page="getting-here"] .inner-hero__kicker {
  /* Figma 4148:3283: Inter Medium 20px tracking 2px uppercase #FFFFFF */
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(20px, calc(20 / 1920 * 100vw));
  line-height: 1.2;
  letter-spacing: 0.1em; /* 2px / 20 */
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 min(12px, calc(12 / 1920 * 100vw));
}
body[data-page="getting-here"] .inner-hero__title {
  /* Figma 4148:3284: STIX Two Text Medium 64 #FFFFFF */
  font-family: 'STIX Two Text', serif; font-weight: 500;
  font-size: min(64px, calc(64 / 1920 * 100vw));
  line-height: 1.05;
  color: #ffffff;
  margin: 0;
}

/* ============ FIND US CARD — Figma 4148:3291 (y=722→1460, W 1619 H 738) ============
   White card overlaps hero. Inner content at (271, 800) W 1375 H 581.
   Two columns: left copy 581-wide, right map 754x466 starting at x=892.
   Visit-request strip at bottom (W 1372 x H 85, top 1296). */
body[data-page="getting-here"] .find-us {
  width: 100%;
  padding: 0 min(149px, calc(149 / 1920 * 100vw));
  /* Card top at y=722, hero ends y=878 → 156px overlap per Figma. */
  margin-top: min(-156px, calc(-156 / 1920 * 100vw));
  position: relative;
  z-index: 5;
}
body[data-page="getting-here"] .find-us__card {
  background: #ffffff;
  width: 100%;
  max-width: none;
  padding: min(78px, calc(78 / 1920 * 100vw))
           min(122px, calc(122 / 1920 * 100vw));
  /* Figma is sharp-cornered (no radius). Override base 8px. */
  border-radius: 0 !important;
  box-shadow: none;
  display: flex; flex-direction: column;
  gap: min(30px, calc(30 / 1920 * 100vw));
}
body[data-page="getting-here"] .find-us__grid {
  display: grid;
  /* Left copy 581 wide, gap 40 (calc), right map 754 wide. */
  grid-template-columns: min(581px, calc(581 / 1920 * 100vw)) 1fr;
  gap: min(40px, calc(40 / 1920 * 100vw));
  align-items: center; /* QC r10: vertically center the Find Us text with the map */
  /* Kill base styles.css clamp(36px,4.5vw,64px) inner padding — that
     padding was nesting INSIDE my card padding so the card grew ~128px
     taller than Figma at 1440. Same goes for any auto margin from base. */
  padding: 0 !important;
}
body[data-page="getting-here"] .find-us__copy {
  display: flex; flex-direction: column;
  /* Figma stack: H2 (52/58) → 26px gap → body (20/36) → 28px gap → address (20/36).
     Smaller copy-level gap so address lines hug each other. */
  gap: min(26px, calc(26 / 1920 * 100vw));
}
body[data-page="getting-here"] .find-us__copy h2 {
  /* STIX Medium 52 line 58 #5e2a29 */
  font-family: 'STIX Two Text', serif; font-weight: 500;
  font-size: min(52px, calc(52 / 1920 * 100vw));
  line-height: calc(58 / 52);
  color: #5e2a29;
  margin: 0;
}
body[data-page="getting-here"] .find-us__copy p {
  /* Inter Regular 20 line 36 #282828 */
  font-family: 'Inter', sans-serif; font-weight: 400;
  font-size: min(20px, calc(20 / 1920 * 100vw));
  line-height: calc(36 / 20);
  color: #282828;
  margin: 0;
}
body[data-page="getting-here"] .find-us__address {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: min(20px, calc(20 / 1920 * 100vw));
  line-height: calc(36 / 20);
  color: #282828;
  font-style: normal;
  margin: 0;
}
body[data-page="getting-here"] .find-us__address strong {
  /* Figma: "Shrimad Rajchandra Ashram, USA" is Inter Medium on its own
     line, no extra gap before the address lines. <br> handles spacing. */
  font-weight: 500;
  display: inline;
}
body[data-page="getting-here"] .find-us__address a {
  color: #282828;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
body[data-page="getting-here"] .find-us__map {
  width: 100%;
  height: min(466px, calc(466 / 1920 * 100vw));
  background: #d9d9d9;
  overflow: hidden;
}
body[data-page="getting-here"] .find-us__map a {
  /* Anchor wrapper must stretch to fill the map container; otherwise
     the img sizes to its natural aspect and the container's gray
     fallback shows through at the bottom. */
  display: block;
  width: 100%;
  height: 100%;
}
body[data-page="getting-here"] .find-us__map img,
body[data-page="getting-here"] .find-us__map a img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

/* Visit-request strip at bottom: W 1372 (full minus 2*card-padding), H 85,
   bg rgba(240,234,222,0.5), border 1px solid rgba(190,168,132,0.32), radius 8. */
body[data-page="getting-here"] .find-us__notice {
  width: 100%;
  min-height: min(85px, calc(85 / 1920 * 100vw));
  padding: 0 min(40px, calc(40 / 1920 * 100vw));
  background: rgba(240, 234, 222, 0.5);
  border: 1px solid rgba(190, 168, 132, 0.32);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  /* Base CSS adds 56px side+bottom margins (notice inset as a pill).
     Figma renders the bar full-width inside the card padding with no
     outer margin, so reset to zero. */
  margin: 0 !important;
}
body[data-page="getting-here"] .find-us__notice p {
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(20px, calc(20 / 1920 * 100vw));
  line-height: 1.4;
  color: #5e2a29;
  text-align: center;
  margin: 0;
}
body[data-page="getting-here"] .find-us__notice a {
  font-weight: 600;
  color: #5e2a29;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

/* ============ TRAVEL AT A GLANCE — Figma 4148:3304 (y=1530→1964) ============
   Heading + intro (708 wide @ x=608), centered.
   Table 1425 x 208 at x=248. */
body[data-page="getting-here"] .travel-glance {
  width: 100%;
  padding: min(70px, calc(70 / 1920 * 100vw)) min(248px, calc(248 / 1920 * 100vw)) 0;
}
body[data-page="getting-here"] .travel-glance__head {
  width: 100%;
  /* Bumped past Figma literal 704 because the browser-rendered Inter
     Regular 20 needs more room than Figma preview to hit the same
     line breaks (rule #16 in the rebuild playbook). */
  max-width: min(900px, calc(900 / 1920 * 100vw));
  margin: 0 auto min(90px, calc(90 / 1920 * 100vw));
  text-align: center;
  display: flex; flex-direction: column;
  gap: min(15px, calc(15 / 1920 * 100vw));
}
body[data-page="getting-here"] .travel-glance__head h2 {
  font-family: 'STIX Two Text', serif; font-weight: 500;
  font-size: min(52px, calc(52 / 1920 * 100vw));
  line-height: calc(58 / 52);
  color: #5e2a29;
  margin: 0;
}
body[data-page="getting-here"] .travel-glance__head p {
  font-family: 'Inter', sans-serif; font-weight: 400;
  font-size: min(20px, calc(20 / 1920 * 100vw));
  line-height: calc(36 / 20);
  color: #282828;
  margin: 0;
  text-align: left; /* QC r12 (REOPENED): body/intro text must be LEFT-aligned, not centered */
}

/* Table: 3 equal columns. Base styles.css uses display:grid on the table
   with display:contents on rows so all cells flow into the outer grid;
   we keep that mechanism and just restyle the cells per Figma. */
body[data-page="getting-here"] .travel-glance__table-wrap {
  width: 100%;
}
body[data-page="getting-here"] .travel-glance__table {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: transparent;
  /* QC r13 (reopened): Anita clarified the outline stroke is "not meant to be
     there" — removed the box outline. The shaded columns + header underline
     carry the structure; corners stay rounded via radius + overflow. */
  border-radius: 4px;
  overflow: hidden;
}
body[data-page="getting-here"] .travel-glance__row {
  display: contents;
}
/* Header cells — Inter Medium 14 tracking 1px UPPERCASE #5a381c on white,
   1px brown border under. */
body[data-page="getting-here"] .travel-glance__row--head .travel-glance__cell {
  background: #ffffff !important;
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  line-height: 1.4;
  letter-spacing: min(1px, calc(1 / 1920 * 100vw));
  text-transform: uppercase;
  color: #5a381c;
  padding: min(15.5px, calc(15.5 / 1920 * 100vw)) min(24px, calc(24 / 1920 * 100vw));
  min-height: min(48px, calc(48 / 1920 * 100vw));
  display: flex; align-items: center;
  border-bottom: 1px solid rgba(116, 75, 32, 0.55); /* original Figma header underline — kept */
}
/* Data cells — Inter Regular 18 #46474b. Override base column 2 cream. */
body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell {
  font-family: 'Inter', sans-serif; font-weight: 400;
  font-size: min(18px, calc(18 / 1920 * 100vw));
  line-height: 1.2;
  padding: min(15.5px, calc(15.5 / 1920 * 100vw)) min(24px, calc(24 / 1920 * 100vw));
  min-height: min(53px, calc(53 / 1920 * 100vw));
  display: flex; align-items: center;
  /* QC r13 (reopened): no cell strokes — the column shading carries the grid. */
  letter-spacing: 0;
}
/* Column-specific shading (using nth-child(3n+N) since cells are flattened
   into one grid). Column 1 + 3 = #f0eade. Column 2 = #f0eade @ 50% alpha. */
body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell:nth-child(3n+1) {
  background: #f0eade !important;
  color: #5a381c;
}
body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell:nth-child(3n+2) {
  background: rgba(240, 234, 222, 0.5) !important;
  color: #46474b;
}
body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell:nth-child(3n) {
  background: #f0eade !important;
  color: #46474b;
}

/* ============ DETAIL TRAVEL OPTIONS — Figma 4148:3370 (y=2132→2706) + heading 4148:3369 ============
   Heading "Detail Travel Options" centered at y=2050.
   Tab rail 1424 x 84 at x=249 (#f0eade bg, 5 pills).
   Card body 1423 x 490 at x=250 (white, 1px brown border 4px radius).
   Brown context banner #744b20 across top of card, 60px tall. */
body[data-page="getting-here"] .travel-detail {
  width: 100%;
  padding: min(86px, calc(86 / 1920 * 100vw)) min(249px, calc(249 / 1920 * 100vw))
           min(70px, calc(70 / 1920 * 100vw)); /* QC r14: 70px gap table->footer (Figma) */
}
body[data-page="getting-here"] .travel-detail__title {
  font-family: 'STIX Two Text', serif; font-weight: 500;
  font-size: min(52px, calc(52 / 1920 * 100vw));
  line-height: calc(58 / 52);
  color: #5a381c;
  text-align: center;
  margin: 0 0 min(24px, calc(24 / 1920 * 100vw));
}

/* Tab rail */
body[data-page="getting-here"] .travel-tabs-wrap {
  width: 100%;
}
body[data-page="getting-here"] .travel-tabs {
  width: 100%;
  height: min(84px, calc(84 / 1920 * 100vw));
  background: #f0eade;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
}
body[data-page="getting-here"] .travel-tab {
  flex: 0 0 min(250px, calc(250 / 1920 * 100vw));
  height: min(48px, calc(48 / 1920 * 100vw));
  border: 0;
  background: transparent;
  border-radius: 4px;
  color: #5a381c;
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(16px, calc(16 / 1920 * 100vw));
  line-height: calc(28 / 16);
  letter-spacing: min(0.5px, calc(0.5 / 1920 * 100vw));
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 1px rgba(203, 203, 203, 0.45);
}
body[data-page="getting-here"] .travel-tab.is-active {
  background: #ffffff;
  color: #744b20;
  font-weight: 600;
}

/* Content card */
body[data-page="getting-here"] .travel-panels-wrap {
  width: 100%;
}
body[data-page="getting-here"] .travel-panels {
  width: 100%;
  background: #ffffff;
  /* QC r13 (reopened): outline stroke removed per Anita ("not meant to be there"). */
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  /* Don't impose height; brown banner + content drive it. Figma is 490 tall but it stretches with content. */
}
body[data-page="getting-here"] .travel-panel { display: none; }
body[data-page="getting-here"] .travel-panel.is-active { display: block; }
body[data-page="getting-here"] .travel-accordion__head { display: none; }

body[data-page="getting-here"] .travel-panel__banner {
  /* Brown banner 60 tall, text uppercase Inter Medium 14 line 20 tracking 1px #fafafa.
     min-height (not height) + side padding so longer doc copy (e.g. the Air
     panel's 3-sentence intro) wraps instead of overflowing the fixed band. */
  width: 100%;
  min-height: min(60px, calc(60 / 1920 * 100vw));
  padding: min(10px, calc(10 / 1920 * 100vw)) min(40px, calc(40 / 1920 * 100vw));
  background: #744b20;
  color: #fafafa;
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  line-height: 1.4;
  letter-spacing: min(1px, calc(1 / 1920 * 100vw));
  text-transform: uppercase;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
}
body[data-page="getting-here"] .travel-panel__inner {
  padding: 0;
}
body[data-page="getting-here"] .travel-panel__grid {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: min(46px, calc(46 / 1920 * 100vw));
  padding: min(20px, calc(20 / 1920 * 100vw)) min(86px, calc(86 / 1920 * 100vw));
  position: relative;
}
body[data-page="getting-here"] .travel-panel__grid::before {
  content: '';
  grid-column: 2;
  width: 1px;
  height: 100%;
  background: rgba(116, 75, 32, 0.55);
}
body[data-page="getting-here"] .travel-panel__grid > .travel-panel__col:nth-child(1) { grid-column: 1; }
body[data-page="getting-here"] .travel-panel__grid > .travel-panel__col:nth-child(2) { grid-column: 3; }
body[data-page="getting-here"] .travel-panel__col-label {
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  letter-spacing: min(1px, calc(1 / 1920 * 100vw));
  text-transform: uppercase;
  color: #5a381c;
  margin: 0 0 min(12px, calc(12 / 1920 * 100vw));
}

/* Left-pane rows (route distances) — Figma rows 575x77, rounded 4, beige half bg, gap 12.
   Label Inter Regular 18 #46474b. Value Inter Medium 16 #282828 right-aligned. */
body[data-page="getting-here"] .travel-rows {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column;
  gap: min(12px, calc(12 / 1920 * 100vw));
}
body[data-page="getting-here"] .travel-rows > li {
  /* Grid with a fixed-width value column so all "Xmi / Xmin" strings
     start at the same X regardless of length (user feedback: values
     should left-align vertically, not right-align to the row edge). */
  display: grid;
  grid-template-columns: 1fr min(180px, calc(180 / 1920 * 100vw));
  align-items: center;
  min-height: min(77px, calc(77 / 1920 * 100vw));
  padding: min(20px, calc(20 / 1920 * 100vw)) min(28px, calc(28 / 1920 * 100vw));
  background: rgba(240, 234, 222, 0.5);
  border-radius: 4px;
}
body[data-page="getting-here"] .travel-rows__name {
  font-family: 'Inter', sans-serif; font-weight: 400;
  font-size: min(18px, calc(18 / 1920 * 100vw));
  line-height: 1.4;
  color: #46474b;
}
body[data-page="getting-here"] .travel-rows__value {
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(16px, calc(16 / 1920 * 100vw));
  line-height: 1.4;
  color: #282828;
  text-align: left;
}
body[data-page="getting-here"] .travel-rows--stacked > li {
  display: flex; /* QC r15: override grid base so the route stacks under the bus name */
  flex-direction: column;
  align-items: flex-start;
  gap: min(4px, calc(4 / 1920 * 100vw));
}
body[data-page="getting-here"] .travel-rows__sub {
  font-family: 'Inter', sans-serif; font-weight: 400;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  line-height: 1.4;
  color: #46474b;
}

/* Right pane info blocks (parking + EV) — bg #f4f4f5 rounded 4, icon + text.
   Min-height matches .travel-rows > li (77px) so the right-column boxes
   are the same vertical size as the left-column route rows. */
body[data-page="getting-here"] .travel-info,
body[data-page="getting-here"] .travel-panel__footnote {
  display: flex; align-items: center;
  gap: min(16px, calc(16 / 1920 * 100vw));
  padding: min(20px, calc(20 / 1920 * 100vw)) min(28px, calc(28 / 1920 * 100vw));
  min-height: min(77px, calc(77 / 1920 * 100vw));
  background: #f4f4f5;
  border-radius: 4px;
  margin-bottom: min(12px, calc(12 / 1920 * 100vw));
}
body[data-page="getting-here"] .travel-info p,
body[data-page="getting-here"] .travel-panel__footnote p {
  font-family: 'Inter', sans-serif; font-weight: 400;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  line-height: calc(20 / 14);
  color: #282828;
  margin: 0;
}
body[data-page="getting-here"] .travel-info__icon,
body[data-page="getting-here"] .travel-panel__footnote svg {
  width: min(22px, calc(22 / 1920 * 100vw));
  height: min(22px, calc(22 / 1920 * 100vw));
  color: #744b20;
  flex-shrink: 0;
}
body[data-page="getting-here"] .travel-panel__col--info {
  display: flex; flex-direction: column;
  gap: min(12px, calc(12 / 1920 * 100vw));
}
body[data-page="getting-here"] .travel-panel__col--info > .travel-info {
  margin-bottom: 0;
}

/* Air panel — Major Hubs sub-grid */
body[data-page="getting-here"] .travel-hubs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(12px, calc(12 / 1920 * 100vw));
}
/* AIR panel: hubs render two-line (code + miles) so their column is
   ~22px taller than the single-line Nearest Airports rows. Stretch the
   ABE/AVP rows so the two columns end at the same Y per Figma. */
body[data-page="getting-here"] .travel-panel[data-mode="air"] .travel-rows > li {
  min-height: min(92px, calc(92 / 1920 * 100vw));
}
body[data-page="getting-here"] .travel-hub {
  display: flex; flex-direction: column;
  gap: min(4px, calc(4 / 1920 * 100vw));
  padding: min(20px, calc(20 / 1920 * 100vw)) min(28px, calc(28 / 1920 * 100vw));
  background: rgba(240, 234, 222, 0.5);
  border-radius: 4px;
}
body[data-page="getting-here"] .travel-hub strong {
  font-family: 'Inter', sans-serif; font-weight: 600;
  font-size: min(18px, calc(18 / 1920 * 100vw));
  color: #46474b;
}
body[data-page="getting-here"] .travel-hub span {
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  color: #282828;
}

/* Rental cards — verbatim Figma node 4148:3539 / 4148:3540.
   Card is transparent with a solid 1px #744b20 border (NOT a faint
   alpha tint and NOT a white fill). All other values are Figma-exact:
   pill node 4148:3545, title 4148:3547, body 4148:3543, CTA 4148:3548. */
body[data-page="getting-here"] .rental-card {
  background: transparent !important;
  border: 1px solid #744b20 !important;
  border-radius: 4px !important;
  padding: min(34px, calc(34 / 1920 * 100vw))
           min(40px, calc(40 / 1920 * 100vw)) !important;
  display: flex; flex-direction: column;
  gap: min(12px, calc(12 / 1920 * 100vw));
}
body[data-page="getting-here"] .rental-card__head {
  display: flex; align-items: center; justify-content: space-between;
}
body[data-page="getting-here"] .rental-card__name {
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: min(14px, calc(14 / 1920 * 100vw)) !important;
  line-height: calc(20 / 14) !important;
  letter-spacing: min(1px, calc(1 / 1920 * 100vw)) !important;
  color: #744b20 !important;
  text-transform: uppercase !important;
}
body[data-page="getting-here"] .rental-card__pill {
  /* Figma pill frame is 109 x 31 with the text centered — without the
     explicit min-width the box collapses to text-width and reads as a
     tiny chip. Pin to Figma frame size. */
  background: rgba(240, 234, 222, 0.5) !important;
  color: #1a1c1c !important;
  min-width: min(109px, calc(109 / 1920 * 100vw)) !important;
  min-height: min(31px, calc(31 / 1920 * 100vw)) !important;
  padding: min(2px, calc(2 / 1920 * 100vw))
           min(8px, calc(8 / 1920 * 100vw)) !important;
  border-radius: 2px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: min(12px, calc(12 / 1920 * 100vw)) !important;
  line-height: calc(16 / 12) !important;
  letter-spacing: min(0.6px, calc(0.6 / 1920 * 100vw)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body[data-page="getting-here"] .rental-card__addr {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: min(16px, calc(16 / 1920 * 100vw)) !important;
  line-height: calc(28 / 16) !important;
  color: #282828 !important;
  margin: 0 !important;
}
body[data-page="getting-here"] .rental-card__phone {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: min(16px, calc(16 / 1920 * 100vw)) !important;
  line-height: calc(28 / 16) !important;
  color: #282828 !important;
  text-decoration: underline !important;
}
body[data-page="getting-here"] .rental-card__cta {
  margin-top: min(12px, calc(12 / 1920 * 100vw)) !important;
  background: transparent !important;
  color: #5a381c !important;
  border: 1px solid #5a381c !important;
  border-radius: 40px !important;
  /* Vertical padding bumped 10 -> 12 so the 20x20 circle has 2px of
     breathing room top and bottom — at Figma's literal 10/20 the
     circle's bottom edge clipped against the bottom border (image #80). */
  padding: min(12px, calc(12 / 1920 * 100vw))
           min(20px, calc(20 / 1920 * 100vw)) !important;
  overflow: visible !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: min(14px, calc(14 / 1920 * 100vw)) !important;
  line-height: calc(20 / 14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: min(12px, calc(12 / 1920 * 100vw)) !important;
  align-self: stretch !important;
  text-decoration: none !important;
}
body[data-page="getting-here"] .rental-card__cta svg.rental-card__arrow {
  /* Verbatim Figma SVG asset (4148:3548 child): 20x20 brown circle
     with a white right-arrow inside. display:block + vertical-align
     baseline removal + flex-shrink:0 stop the inline-baseline gap
     that was cropping the circle's lower 1-2px against the border. */
  width: min(20px, calc(20 / 1920 * 100vw)) !important;
  height: min(20px, calc(20 / 1920 * 100vw)) !important;
  background: transparent !important;
  border-radius: 0 !important;
  display: block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

/* Local cards — Figma uses the same transparent fill + solid #744b20
   border as the rental cards (user image #78). */
body[data-page="getting-here"] .local-card {
  background: transparent !important;
  border: 1px solid #744b20 !important;
  border-radius: 4px !important;
  padding: min(34px, calc(34 / 1920 * 100vw))
           min(40px, calc(40 / 1920 * 100vw)) !important;
  display: flex; flex-direction: column;
  gap: min(8px, calc(8 / 1920 * 100vw));
}
body[data-page="getting-here"] .local-card h4 {
  font-family: 'Inter', sans-serif; font-weight: 600;
  font-size: min(16px, calc(16 / 1920 * 100vw));
  letter-spacing: min(0.5px, calc(0.5 / 1920 * 100vw));
  color: #5a381c;
  margin: 0;
  text-transform: uppercase;
}
body[data-page="getting-here"] .local-card p {
  font-family: 'Inter', sans-serif; font-weight: 400;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  color: #46474b;
  margin: 0;
}
body[data-page="getting-here"] .local-card a {
  font-family: 'Inter', sans-serif; font-weight: 500;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  color: #5a381c;
  text-decoration: underline;
}

/* ============================================================
   MOBILE (<768) — Figma uk09oojES0Fa629QvQ2RJg node 4149:7075.
   Overrides mobile.css to match the Figma mobile artboard 1:1.
   TEXT fixed-px; layout scales with min(Xpx, X/390*100vw).
   ============================================================ */
@media (max-width: 1023px) {
  /* ---- HERO (4149:7077-7082): aerial photo, centered white text near bottom ---- */
  body[data-page="getting-here"] .inner-hero {
    min-height: min(600px, calc(600 / 390 * 100vw));
    height: min(600px, calc(600 / 390 * 100vw));
  }
  body[data-page="getting-here"] .inner-hero__image { background-position: center; }
  body[data-page="getting-here"] .inner-hero__veil {
    /* The committed desktop rule kills the veil (display:none !important) for a
       no-overlay desktop look. Mobile needs a subtle bottom scrim so the white
       title reads over the aerial photo (Figma darkens the lower third). */
    display: block !important;
    background: linear-gradient(180deg, transparent 0%, transparent 45%, rgba(18, 18, 18, 0.55) 100%);
  }
  /* inner is position:absolute + desktop width:min(671px…)=136px@390 → without a
     width reset the centered text wraps inside a narrow left-pinned box. */
  body[data-page="getting-here"] .inner-hero__inner {
    left: 0; right: 0; width: 100%; top: auto;
    bottom: min(80px, calc(80 / 390 * 100vw));
    display: flex; flex-direction: column;
    align-items: center; text-align: center;
    gap: min(10px, calc(10 / 390 * 100vw));
    padding: 0 min(24px, calc(24 / 390 * 100vw));
  }
  body[data-page="getting-here"] .inner-hero__kicker {
    font-size: 12px; line-height: 20px;
    letter-spacing: 0.84px;            /* Figma tracking 0.84 (was 0.16em) */
    text-transform: uppercase;
    max-width: 160px;                  /* wraps to 2 lines like Figma */
  }
  body[data-page="getting-here"] .inner-hero__title {
    font-size: 32px; line-height: 1.1; /* Figma STIX Medium 32 (was clamp 40-60) */
  }
  /* ---- FIND US (4149:7129-7142): single column, full-bleed map + notice ----
     Kill the desktop hero-overlap (-156px) + 30px side padding + 2-col grid so
     the section stacks flush and the map/notice bleed edge-to-edge per Figma. */
  /* Top spacing lives INSIDE the white card so it abuts the hero directly. A
     section-level top padding exposed the #fafafa page bg as a lighter "bar"
     above the #fff card; the Figma's white find-us rect starts at the hero edge. */
  body[data-page="getting-here"] .find-us {
    margin-top: 0;
    padding: 0 !important;
    background: #ffffff;   /* belt-and-suspenders: no #fafafa page bg can peek above the white card */
  }
  body[data-page="getting-here"] .find-us__card {
    padding: min(34px, calc(34 / 390 * 100vw)) 0 0 !important;
    background: #ffffff;
    box-shadow: none;
    gap: 0;
  }
  body[data-page="getting-here"] .find-us__grid {
    display: block !important;   /* collapse copy | map → single stacked column */
    padding: 0 !important;
  }
  /* Figma: body/address inset x37; gaps h2→body 25, body→address 34 (node y's). */
  body[data-page="getting-here"] .find-us__copy {
    padding: 0 min(37px, calc(37 / 390 * 100vw));
    gap: 0;
  }
  body[data-page="getting-here"] .find-us__copy h2 {
    font-family: 'STIX Two Text', serif; font-weight: 500;
    font-size: 28px; line-height: 1.1; color: #5e2a29; text-align: center;
    margin: 0 0 min(25px, calc(25 / 390 * 100vw));
  }
  body[data-page="getting-here"] .find-us__copy p {
    font-size: 14px; line-height: 26px; color: #282828; text-align: left;
    margin: 0 0 min(34px, calc(34 / 390 * 100vw));
  }
  /* desktop address is min(20px…)=4px@390 — restore a readable mobile size */
  body[data-page="getting-here"] .find-us__address {
    font-family: 'Inter', sans-serif; font-weight: 400; font-style: normal;
    font-size: 14px; line-height: 24px; color: #282828; margin: 0;
  }
  body[data-page="getting-here"] .find-us__address strong { font-weight: 600; }
  body[data-page="getting-here"] .find-us__address a { color: #282828; text-decoration: underline; }
  /* full-bleed map (card padding is now 0, so width:100% reaches both edges) */
  body[data-page="getting-here"] .find-us__map {
    width: 100%; height: auto;
    margin: min(20px, calc(20 / 390 * 100vw)) 0 0;
    border-radius: 0;
    aspect-ratio: 392 / 254;
  }
  body[data-page="getting-here"] .find-us__map a { display: block; width: 100%; height: 100%; }
  body[data-page="getting-here"] .find-us__map img { width: 100%; height: 100%; object-fit: cover; }
  /* full-bleed cream visit-request strip */
  body[data-page="getting-here"] .find-us__notice {
    width: 100%;
    margin: min(20px, calc(20 / 390 * 100vw)) 0 0;
    padding: min(22px, calc(22 / 390 * 100vw)) min(24px, calc(24 / 390 * 100vw));
    border-radius: 0;
    text-align: center;
    background: #f0eade;
  }
  body[data-page="getting-here"] .find-us__notice p { font-size: 14px; line-height: 24px; color: #282828; }

  /* ---- TRAVEL AT A GLANCE (4149:7143): heading + intro + 3 stacked cards ----
     Desktop flattens the table (row{display:contents}) into a 3-col grid and
     shades cells with !important + :nth-child(3n+N). Mobile must undo all of it:
     kill the 50px side padding + 183px head max-width, stack the table, turn
     each data row back into a card, and strip the per-cell shading. The cell
     overrides must match desktop specificity (:not(...) .cell) + !important. */
  body[data-page="getting-here"] .travel-glance {
    /* x37 gutter matches the Figma + the find-us copy above it (cards = 316px). */
    padding: min(40px, calc(40 / 390 * 100vw)) min(37px, calc(37 / 390 * 100vw)) 0 !important;
  }
  body[data-page="getting-here"] .travel-glance__head {
    max-width: none !important;
    margin: 0 auto min(24px, calc(24 / 390 * 100vw));
    padding: 0;   /* base adds 22px L/R → would push the intro to 59px; align to the 37px gutter */
  }
  body[data-page="getting-here"] .travel-glance__table-wrap { padding: 0; }   /* base adds 20px → align cards to the 37px gutter */
  body[data-page="getting-here"] .travel-glance__head h2 {
    font-family: 'STIX Two Text', serif; font-weight: 500;
    font-size: 28px; line-height: 1.1; color: #5e2a29; text-align: center;
  }
  body[data-page="getting-here"] .travel-glance__head p {
    font-size: 14px; line-height: 26px; color: #282828; text-align: left;
  }
  body[data-page="getting-here"] .travel-glance__table {
    display: flex !important; flex-direction: column;
    gap: min(10px, calc(10 / 390 * 100vw));
    padding: 0;
  }
  body[data-page="getting-here"] .travel-glance__row.travel-glance__row--head { display: none !important; }
  body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) {
    display: flex !important; flex-direction: column;
    gap: min(4px, calc(4 / 390 * 100vw));
    background: rgba(240, 234, 222, 0.5);   /* Figma translucent cream */
    border: 1px solid #f0eade;
    border-radius: 0;
    padding: min(15px, calc(15 / 390 * 100vw)) min(16px, calc(16 / 390 * 100vw));
    min-height: min(96px, calc(96 / 390 * 100vw));
    justify-content: center;
  }
  body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell {
    display: block !important;
    background: transparent !important;
    padding: 0 !important; min-height: 0 !important; border: 0 !important;
    letter-spacing: 0 !important;
    font-family: 'Inter', sans-serif; font-weight: 400;
    font-size: 14px; line-height: 22px; color: #46474b;
  }
  body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell:nth-child(3n+1) {
    background: transparent !important;
    color: #5a381c; font-weight: 500; line-height: 1.3;
    margin-bottom: min(4px, calc(4 / 390 * 100vw));
  }
  body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell:nth-child(3n+2) { background: transparent !important; color: #46474b; }
  body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell:nth-child(3n) { background: transparent !important; color: #46474b; }
  body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell:nth-child(3n)::before { content: '('; }
  body[data-page="getting-here"] .travel-glance__row:not(.travel-glance__row--head) .travel-glance__cell:nth-child(3n)::after  { content: ')'; }

  /* ---- DETAILED OPTIONS — accordion (4149:7164 et al) ----
     Each item is a white card w/ #f0eade border + cream header bar +
     simplified content. (GH-r19) The "Detailed Options" heading must show
     on mobile too, matching the desktop heading — STIX Two Text 500 #5a381c,
     centered, sized like the other mobile section heads on this page (28px). */
  body[data-page="getting-here"] .travel-detail__title {
    display: block;
    font-family: 'STIX Two Text', serif; font-weight: 500;
    font-size: 28px; line-height: 1.1; color: #5a381c;
    text-align: center;
    margin: 0 0 min(24px, calc(24 / 390 * 100vw));
    padding: 0 min(37px, calc(37 / 390 * 100vw));
  }
  body[data-page="getting-here"] .travel-tabs,
  body[data-page="getting-here"] .travel-tabs-wrap { display: none !important; }  /* mobile = accordion only */
  /* kill the desktop min(249px)=~50px side padding that squeezed the panel to
     ~193px (made every row + label wrap). 24px gutter comes from .travel-panels
     below → card width 342, matching Figma node 4149:7164 (x24 w342). */
  body[data-page="getting-here"] .travel-detail {
    padding: min(40px, calc(40 / 390 * 100vw)) 0 min(48px, calc(48 / 390 * 100vw)) !important;
  }
  body[data-page="getting-here"] .travel-panels-wrap { width: 100%; }
  body[data-page="getting-here"] .travel-panels {
    padding: 0 min(24px, calc(24 / 390 * 100vw));
    background: transparent; border: 0; border-radius: 0; overflow: visible;
  }
  body[data-page="getting-here"] .travel-panel {
    display: block;
    background: #fff;
    border: 1px solid #f0eade;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: min(16px, calc(16 / 390 * 100vw));
  }
  body[data-page="getting-here"] .travel-accordion__head {
    display: flex !important; width: 100%;
    align-items: center; justify-content: space-between;
    padding: 16px;
    background: #f0eade;                 /* Figma cream header */
    border: 0; border-radius: 0;
    font-family: 'Inter', sans-serif; font-weight: 600;
    font-size: 16px; letter-spacing: 0.5px; line-height: 28px;
    text-transform: uppercase;
    color: #744b20;                      /* Figma brown */
    cursor: pointer;
  }
  body[data-page="getting-here"] .travel-accordion__head.is-active { background: #f0eade; border-radius: 0; }
  body[data-page="getting-here"] .travel-accordion__chev {
    /* Render the Figma's thin lucide chevron-down (node 4149:7170, 12x7.4 vector)
       instead of the ▾ glyph — same data-URI mask technique as the Our Story
       slider arrows. font-size:0 hides the unicode fallback; color via mask. */
    width: 16px; height: 16px; font-size: 0; flex: 0 0 16px;
    background-color: #744b20;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform 0.2s ease;
  }
  body[data-page="getting-here"] .travel-accordion__head.is-active .travel-accordion__chev { transform: rotate(180deg); }
  body[data-page="getting-here"] .travel-panel__inner { border: 0; border-radius: 0; }
  body[data-page="getting-here"] .travel-panel.is-active .travel-panel__inner { display: block; }
  body[data-page="getting-here"] .travel-panel__banner { display: none; }
  body[data-page="getting-here"] .travel-panel__grid {
    display: flex; flex-direction: column;
    gap: min(20px, calc(20 / 390 * 100vw));
    padding: 24px;
    grid-template-columns: 1fr !important;
  }
  /* section labels (ROUTE DISTANCES / NEAREST AIRPORTS / BUS / TRAIN ...) */
  body[data-page="getting-here"] .travel-panel__col-label {
    /* Figma CAR heading "Route Distances": dark, ~16px, medium, no tracking.
       (HTML text is all-caps "ROUTE DISTANCES" — shared with desktop, so the
       casing can't be changed via CSS; that's the one unavoidable diff.) */
    font-family: 'Inter', sans-serif; font-weight: 500;
    font-size: 16px; line-height: 24px; letter-spacing: 0;
    text-transform: none; color: #282828;
    margin: 0 0 min(16px, calc(16 / 390 * 100vw));
  }
  body[data-page="getting-here"] .travel-panel__col-label[aria-hidden="true"] { display: none; }  /* hide CAR spacer */
  body[data-page="getting-here"] .travel-panel__col { display: flex; flex-direction: column; }
  /* list items: name (left) + value (right), gray divider */
  body[data-page="getting-here"] .travel-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: min(20px, calc(20 / 390 * 100vw)); }
  body[data-page="getting-here"] .travel-rows li {
    display: flex; justify-content: space-between; align-items: flex-start;
    gap: 12px; padding: 0 0 9px; border-bottom: 1px solid #c4c7c7; background: transparent;
  }
  body[data-page="getting-here"] .travel-rows__name {
    font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #46474b;
  }
  body[data-page="getting-here"] a.travel-rows__name { text-decoration: underline; }
  body[data-page="getting-here"] .travel-rows__sub {
    font-family: 'Inter', sans-serif; font-weight: 500; font-size: 12px; line-height: 20px; color: #46474b; display: block; margin-top: 8px;
  }
  body[data-page="getting-here"] .travel-rows__value {
    font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 24px; color: #282828; white-space: nowrap;
  }
  /* AIR hubs -> list (Figma reflows the 2x2 grid into a name/value list) */
  body[data-page="getting-here"] .travel-hubs { display: flex; flex-direction: column; gap: min(20px, calc(20 / 390 * 100vw)); }
  body[data-page="getting-here"] .travel-hub {
    display: flex; flex-direction: row; justify-content: space-between; align-items: baseline;
    background: transparent; padding: 0 0 9px; border-bottom: 1px solid #c4c7c7;
  }
  body[data-page="getting-here"] .travel-hub strong { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0; color: #46474b; }
  body[data-page="getting-here"] .travel-hub span { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 24px; color: #282828; }
  /* footnote -> #eee info row w/ icon */
  body[data-page="getting-here"] .travel-panel__footnote {
    margin: 0; padding: 16px; gap: 12px; background: #eee; border-radius: 4px;
    display: flex; align-items: center;
  }
  body[data-page="getting-here"] .travel-panel__footnote p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #282828; }
  body[data-page="getting-here"] .travel-panel__footnote svg { flex: 0 0 20px; width: 20px; height: 20px; color: #282828; }
  /* CAR parking/EV info rows -> #eee rows */
  body[data-page="getting-here"] .travel-info {
    background: #eee; border-radius: 4px; padding: 16px; gap: 12px;
    display: flex; align-items: center; margin: 0;
  }
  body[data-page="getting-here"] .travel-info + .travel-info { margin-top: min(20px, calc(20 / 390 * 100vw)); }
  body[data-page="getting-here"] .travel-info__icon { flex: 0 0 auto; width: 18px; height: 18px; color: #282828; }
  body[data-page="getting-here"] .travel-info p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #282828; margin: 0; }
  /* RENTAL: no Figma ref for the expanded mobile panel (collapsed in the
     artboard), so match the CAR/AIR/BUS borderless-list style and keep all
     content. Desktop uses !important throughout → every override needs it too. */
  body[data-page="getting-here"] .rental-card {
    display: flex !important; flex-direction: column; gap: 6px;
    background: transparent !important; border: 0 !important;
    border-bottom: 1px solid #c4c7c7 !important; border-radius: 0 !important;
    padding: 0 0 16px !important;
  }
  body[data-page="getting-here"] .rental-card + .rental-card { margin-top: min(20px, calc(20 / 390 * 100vw)); }
  body[data-page="getting-here"] .rental-card__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
  body[data-page="getting-here"] .rental-card__name {
    font-family: 'Inter', sans-serif !important; font-weight: 600 !important;
    font-size: 14px !important; line-height: 22px !important; letter-spacing: 0 !important;
    color: #46474b !important; text-transform: none !important; text-decoration: none !important;
  }
  body[data-page="getting-here"] .rental-card__pill {
    background: transparent !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important;
    font-family: 'Inter', sans-serif !important; font-weight: 500 !important;
    font-size: 13px !important; line-height: 22px !important; letter-spacing: 0 !important; color: #282828 !important;
    white-space: nowrap !important; border-radius: 0 !important;
  }
  body[data-page="getting-here"] .rental-card__addr {
    font-family: 'Inter', sans-serif !important; font-weight: 400 !important;
    font-size: 13px !important; line-height: 20px !important; color: #46474b !important; margin: 0 !important;
  }
  body[data-page="getting-here"] .rental-card__phone {
    display: block !important; margin-top: 2px !important;
    font-family: 'Inter', sans-serif !important; font-weight: 400 !important;
    font-size: 13px !important; line-height: 20px !important; color: #46474b !important; text-decoration: underline !important;
  }
  body[data-page="getting-here"] .rental-card__cta {
    display: inline-flex !important; align-self: flex-start !important; align-items: center !important;
    margin-top: 8px !important; padding: 0 !important; border: 0 !important;
    background: transparent !important; border-radius: 0 !important; overflow: visible !important;
    font-family: 'Inter', sans-serif !important; font-weight: 500 !important;
    font-size: 13px !important; line-height: 20px !important; color: #5a381c !important;
    gap: 8px !important; text-decoration: underline !important;
  }
  body[data-page="getting-here"] .rental-card__cta svg.rental-card__arrow {
    width: 16px !important; height: 16px !important; flex-shrink: 0 !important;
  }
  /* LOCAL: same borderless-list treatment (no Figma ref; collapsed in artboard).
     Desktop .local-card uses !important on border/bg/padding → override w/ it. */
  body[data-page="getting-here"] .local-card {
    display: flex !important; flex-direction: column; gap: 6px;
    background: transparent !important; border: 0 !important;
    border-bottom: 1px solid #c4c7c7 !important; border-radius: 0 !important;
    padding: 0 0 16px !important;
  }
  body[data-page="getting-here"] .local-card + .local-card { margin-top: min(20px, calc(20 / 390 * 100vw)); }
  body[data-page="getting-here"] .local-card h4 { font-family: 'Inter', sans-serif !important; font-weight: 600 !important; font-size: 14px !important; line-height: 22px !important; letter-spacing: 0 !important; color: #46474b !important; text-decoration: none !important; text-transform: none !important; margin: 0 !important; }
  body[data-page="getting-here"] .local-card p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 13px; line-height: 20px; color: #46474b; margin: 0; }
  body[data-page="getting-here"] .local-card a { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 13px; line-height: 20px; color: #46474b; text-decoration: underline; }
}