/* gate36-header.css : the site header, one file for all 41 pages.
 *
 * v3.14.88 "frosted bar": a full-width frosted-glass strip with plain
 * text tabs (no pills, no icons on desktop). Phones keep icon-only tabs
 * because three text labels do not fit next to the logo.
 *
 * Linked LAST in every page's <head>, so these rules beat the older
 * per-page glass-pill rules (same selectors, later wins). The few
 * !important flags only answer older page rules that used !important.
 *
 * Layering: the header stays position:static-like (relative, no z-index,
 * no stacking context). The frosted layer is a ::before, so the header
 * never becomes a containing block for fixed popovers, and the main card
 * stays the top layer (no shadow below the hairline border).
 */

/* ---------- Bar ---------- */
.page-header {
  position: relative;
  max-width: none;
  margin: 0 0 12px;                 /* breathing room above the main card */
  padding: 0 34px;
  background: transparent;
}
.page-header::before {
  content: "";
  position: absolute; inset: 0;
  background: rgb(var(--r-ffffff, 255 255 255) / 0.66);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  backdrop-filter: blur(20px) saturate(170%);
  border-bottom: 1px solid rgb(var(--r-ffffff, 255 255 255) / 0.8);
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
  pointer-events: none;
}
.page-header .page-header-inner {
  position: relative;               /* paints above the ::before layer */
  max-width: 1360px; margin: 0 auto;
  height: 72px;
  display: flex; align-items: stretch; gap: 14px;
}
.page-header .brand-tab { align-items: center; }
/* .brand-tab in the selector: index/start size the logo with that longer selector. */
.page-header .brand-tab .brand-logo { height: 46px; width: auto; display: block; }
html.gate36-anim-bg .page-header .brand-tab .brand-logo { filter: none; }

/* ---------- Tabs ---------- */
.page-header .page-tabs {
  display: flex; align-items: stretch; align-self: stretch; gap: 22px;
}
.page-header .page-tab-segment {
  display: flex; align-items: stretch; gap: 6px;
  background: none; border: 0; border-radius: 0; padding: 0;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: none;
}
.page-header .page-tab-segment .page-tab-link {
  display: inline-flex; align-items: center; justify-content: center; gap: 0;
  padding: 0 16px; border-radius: 0;
  font: inherit; font-size: 15px; font-weight: 600; line-height: 1;
  color: var(--c-1e293b, #1e293b); text-decoration: none; cursor: pointer;
  background: none; border: 0; box-shadow: none;
  transition: color .15s ease, box-shadow .15s ease;
}
.page-header .page-tab-segment .page-tab-link:not(.active) {
  color: var(--c-1e293b, #1e293b); background: none; border: 0; box-shadow: none;
}
.page-header .page-tab-segment .page-tab-link:hover:not(.active) {
  color: var(--c-0f172a, #0f172a); background: none;
  box-shadow: inset 0 -2px 0 rgba(15, 23, 42, 0.22);
}
.page-header .page-tab-segment .page-tab-link.active {
  color: var(--c-1d4ed8, #1d4ed8); font-weight: 700; background: none; border: 0;
  box-shadow: inset 0 -2px 0 #1d4ed8;
}
.page-header .page-tab-link.plans-open:not(.active) {
  background: none; box-shadow: inset 0 -2px 0 rgba(29, 78, 216, 0.45);
}
.page-header .page-tab-segment .page-tab-link:focus-visible {
  outline: 2px solid var(--c-1d4ed8, #1d4ed8); outline-offset: -6px; border-radius: 8px;
}
.page-header .page-tab-icon {
  width: 21px; height: 21px; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
}
.page-header .page-tab-icon svg { width: 100%; height: 100%; display: block; }
@media (min-width: 721px) {
  .page-header .page-tab-icon { display: none; }
  /* Plans (Bookings/Activities/Packing/Shopping popover) is a phone-only
     tab; desktop has those as inner tabs in the planner card. */
  .page-header #navPlans { display: none !important; }
}

/* ---------- Right cluster: ?, Sign in, avatar ---------- */
.page-header .header-right {
  display: inline-flex; align-items: center; align-self: center; gap: 10px;
}
.page-header .help-btn {
  position: relative; width: 44px; height: 44px; padding: 0; margin: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; border: 1px solid rgb(var(--r-0f172a, 15 23 42) / 0.12);
  background: rgb(var(--r-ffffff, 255 255 255) / 0.7);
  -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none;
  font: inherit; font-size: 18px; font-weight: 700; line-height: 1; color: var(--c-1e293b, #1e293b);
  cursor: pointer; transform: none; transition: background .15s ease;
}
.page-header .help-btn:hover { background: rgb(var(--r-ffffff, 255 255 255) / 0.95); transform: none; }
.page-header .auth-signin {
  height: 44px; padding: 0 22px; margin: 0;
  border-radius: 999px; border: 0;
  background: var(--c-2563eb, #2563eb); color: #ffffff;
  -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none;
  font: inherit; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap;
  cursor: pointer; transform: none; transition: background .15s ease;
}
.page-header .auth-signin:hover { background: var(--c-1d4ed8, #1d4ed8); color: #ffffff; transform: none; }
.page-header .user-btn {
  width: 44px; height: 44px; margin: 0;
  border: 1px solid rgb(var(--r-0f172a, 15 23 42) / 0.12);
  background: rgb(var(--r-ffffff, 255 255 255) / 0.7);
  -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none;
  transform: none;
}
.page-header .user-btn:hover { transform: none; background: rgb(var(--r-ffffff, 255 255 255) / 0.95); }
.page-header .help-btn:focus { outline: none; }
.page-header .help-btn:focus-visible,
.page-header .auth-signin:focus-visible,
.page-header .user-btn:focus-visible { outline: 2px solid var(--c-1d4ed8, #1d4ed8); outline-offset: 2px; }
.page-header .auth-signin[hidden], .page-header .user-btn[hidden] { display: none; }

/* ---------- Phones ---------- */
@media (max-width: 720px) {
  .page-header {
    position: relative !important;
    display: block !important;
    padding: 0 10px 0 14px !important;
    margin-bottom: 8px;
  }
  .page-header .page-header-inner { height: 56px; gap: 4px; }
  .page-header .brand-tab .brand-logo { height: 32px; }
  .page-header .page-tabs { gap: 4px; }
  .page-header .page-tab-segment { gap: 0; }
  .page-header .page-tab-segment .page-tab-link { width: 42px; padding: 0; font-size: 12px; }
  .page-header .page-tab-link span:not(.page-tab-icon) { display: none; }
  .page-header .header-right { gap: 6px; }
  .page-header .help-btn { width: 36px; height: 36px; font-size: 16px; }
  .page-header .user-btn { width: 36px; height: 36px; }
}
@media (max-width: 480px) {
  /* Sign in becomes a 36px blue circle with a person icon. The label stays
     in the DOM (font-size 0), so screen readers still read "Sign in". */
  .page-header .auth-signin {
    width: 36px; height: 36px; min-width: 36px; padding: 0;
    font-size: 0; line-height: 0; border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center / 18px 18px no-repeat, var(--c-2563eb, #2563eb);
  }
  .page-header .auth-signin:hover { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center / 18px 18px no-repeat, var(--c-1d4ed8, #1d4ed8); }
}

/* =====================================================================
 * v3.14.91 APP SHELL, the default since v3.14.92.
 *
 * Turned on by the `ui-next` class on <html>, which a tiny inline script
 * in every page's <head> adds unless the visitor chose the classic layout
 * with ?ui=old (remembered in localStorage key gate36_ui; ?ui=next undoes
 * it). Without the class (that choice, or no JavaScript), the frosted top
 * bar above is what shows.
 *
 * The same .page-header markup becomes:
 *   1200px and up : a 248px frosted sidebar (main nav, then the page's
 *                   own sub-menu under a divider, account at the bottom)
 *   721 to 1199px : an 80px rail (icon with label under it)
 *   720px and down: top bar (logo, help, account) + bottom tab bar
 * Main nav order never changes: Travel Tips, Plan a Trip, Travel Stories.
 * ===================================================================== */
.page-subnav { display: none; }

@media (min-width: 721px) {
  html.ui-next body { padding-left: 80px; padding-top: 12px; }
  html.ui-next .page-header {
    position: fixed !important; top: 0; left: 0; bottom: 0;
    width: 80px; margin: 0; padding: 12px 8px !important;
    z-index: 1000; display: block !important; box-sizing: border-box;
  }
  html.ui-next .page-header::before {
    border-bottom: 0; border-right: 1px solid rgb(var(--r-ffffff, 255 255 255) / 0.8);
    box-shadow: 1px 0 0 rgba(15, 23, 42, 0.06);
  }
  html.ui-next .page-header .page-header-inner {
    height: 100%; max-width: none; margin: 0;
    flex-direction: column; align-items: stretch; gap: 6px;
  }
  html.ui-next .page-header .brand-tab { justify-content: center; margin: 0; padding: 4px 0 10px; }
  html.ui-next .page-header .brand-tab .brand-logo { width: 60px; height: auto; }
  html.ui-next .page-header .page-tabs {
    flex: 1 1 auto; flex-direction: column; align-items: stretch; align-self: stretch; gap: 6px;
  }
  html.ui-next .page-header .page-tab-segment { flex-direction: column; align-items: stretch; gap: 4px; }
  html.ui-next .page-header .page-tab-segment .page-tab-link {
    flex-direction: column; justify-content: center; gap: 4px;
    width: auto; height: auto; min-height: 58px; padding: 6px 2px;
    border-radius: 12px; font-size: 11px; font-weight: 700; line-height: 1.15; text-align: center;
  }
  html.ui-next .page-header .page-tab-segment .page-tab-link:not(.active) { color: var(--c-1e293b, #1e293b); background: none; box-shadow: none; }
  html.ui-next .page-header .page-tab-segment .page-tab-link:hover:not(.active) { background: rgb(var(--r-ffffff, 255 255 255) / 0.75); box-shadow: none; }
  html.ui-next .page-header .page-tab-segment .page-tab-link.active { background: rgb(var(--r-2563eb, 37 99 235) / 0.12); color: var(--c-1d4ed8, #1d4ed8); box-shadow: none; }
  html.ui-next .page-header .page-tab-icon { display: inline-flex; width: 20px; height: 20px; }
  html.ui-next .page-header .page-tab-link span:not(.page-tab-icon) { display: inline; }
  html.ui-next .page-header .header-right {
    flex-direction: column; align-items: center; align-self: stretch; gap: 8px; margin-top: auto;
  }
  html.ui-next .page-header .auth-signin {
    width: 44px; height: 44px; min-width: 44px; padding: 0; font-size: 0; line-height: 0; border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center / 18px 18px no-repeat, var(--c-2563eb, #2563eb);
  }
  html.ui-next .page-header .auth-popover { top: auto; bottom: 0; right: auto; left: calc(100% + 10px); }
}

@media (min-width: 1200px) {
  html.ui-next body { padding-left: 248px; }
  html.ui-next .page-header { width: 248px; padding: 18px 14px !important; }
  html.ui-next .page-header .page-header-inner { gap: 4px; }
  html.ui-next .page-header .brand-tab { justify-content: flex-start; padding: 2px 8px 14px; }
  html.ui-next .page-header .brand-tab .brand-logo { width: auto; height: 40px; }
  html.ui-next .page-header .page-tabs { gap: 0; }
  html.ui-next .page-header .page-tab-segment { gap: 2px; }
  html.ui-next .page-header .page-tab-segment .page-tab-link {
    flex-direction: row; justify-content: flex-start; gap: 10px;
    min-height: 40px; padding: 0 12px; border-radius: 10px;
    font-size: 14px; font-weight: 600; text-align: left;
  }
  html.ui-next .page-header .page-tab-icon { width: 18px; height: 18px; }
  html.ui-next .page-subnav {
    display: flex; flex-direction: column; gap: 2px;
    margin-top: 12px; padding-top: 12px; border-top: 1px solid rgb(var(--r-0f172a, 15 23 42) / 0.08);
  }
  html.ui-next .page-subnav-label {
    padding: 0 12px 6px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em;
    text-transform: uppercase; color: var(--c-475569, #475569);
  }
  html.ui-next .page-subnav-link {
    display: flex; align-items: center; min-height: 36px; margin-left: 8px; padding: 0 12px;
    border-radius: 9px; color: var(--c-334155, #334155); font-size: 13.5px; font-weight: 500; text-decoration: none;
  }
  html.ui-next .page-subnav-link:hover { background: rgb(var(--r-ffffff, 255 255 255) / 0.75); color: var(--c-0f172a, #0f172a); }
  html.ui-next .page-subnav-link.is-active { background: rgb(var(--r-2563eb, 37 99 235) / 0.12); color: var(--c-1d4ed8, #1d4ed8); font-weight: 700; }
  html.ui-next .page-subnav-link:focus-visible { outline: 2px solid var(--c-1d4ed8, #1d4ed8); outline-offset: -2px; }
  html.ui-next .page-header .header-right {
    flex-direction: row; justify-content: flex-start; flex-wrap: wrap; gap: 10px;
    padding-top: 12px; border-top: 1px solid rgb(var(--r-0f172a, 15 23 42) / 0.08);
  }
  html.ui-next .page-header .auth-signin {
    flex: 1 1 auto; width: auto; height: 44px; padding: 0 18px; border-radius: 999px;
    font-size: 14px; line-height: 1; background: var(--c-2563eb, #2563eb);
  }
  html.ui-next .page-header .auth-popover { left: 0; bottom: calc(100% + 10px); }
}

@media (max-width: 720px) {
  html.ui-next body { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
  html.ui-next .page-header .page-tab-segment {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
    height: calc(64px + env(safe-area-inset-bottom)); box-sizing: border-box;
    padding: 4px 6px env(safe-area-inset-bottom);
    justify-content: space-around; gap: 0;
    background: rgb(var(--r-ffffff, 255 255 255) / 0.82);
    -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%);
    border-top: 1px solid rgb(var(--r-0f172a, 15 23 42) / 0.08);
  }
  html.ui-next .page-header .page-tab-segment .page-tab-link {
    flex: 1 1 0; width: auto; height: auto; min-height: 56px; padding: 4px 2px;
    flex-direction: column; gap: 3px; font-size: 11px; font-weight: 700; line-height: 1.1;
  }
  html.ui-next .page-header .page-tab-segment .page-tab-link.active { box-shadow: none; color: var(--c-1d4ed8, #1d4ed8); }
  html.ui-next .page-header .page-tab-link span:not(.page-tab-icon) { display: inline; }
}

/* v3.14.93: sub-menu entries can be buttons (planner trips and sections). */
html.ui-next .page-subnav { min-height: 0; overflow-y: auto; }
html.ui-next button.page-subnav-link {
  width: calc(100% - 8px); border: 0; background: transparent; font: inherit;
  font-size: 13.5px; text-align: left; cursor: pointer; gap: 8px;
}
html.ui-next .page-subnav-label--gap { margin-top: 12px; }
html.ui-next .page-subnav-trip.is-current { color: var(--c-0f172a, #0f172a); font-weight: 700; }
html.ui-next .page-subnav-trip.is-current::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--c-2563eb, #2563eb); flex: 0 0 auto; margin-right: 2px;
}
html.ui-next .page-subnav-new { color: var(--c-1d4ed8, #1d4ed8); font-weight: 600; }
html.ui-next .page-subnav-badge { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--c-64748b, #64748b); }
html.ui-next .page-subnav-link.is-active .page-subnav-badge { color: var(--c-1d4ed8, #1d4ed8); }

/* v3.14.96: the open trip's sections are indented under it, with a soft guide line. */
html.ui-next .page-subnav-children { position: relative; display: flex; flex-direction: column; gap: 1px; margin: 1px 0 6px 20px; padding-left: 8px; }
html.ui-next .page-subnav-children::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 2px; border-radius: 1px; background: rgb(var(--r-2563eb, 37 99 235) / 0.2); }
html.ui-next .page-subnav-children button.page-subnav-link { min-height: 34px; margin-left: 0; width: 100%; }

/* v3.15.3: tip categories sit under "All Tips" as sub-items, with the same guide line as a trip's sections. */
html.ui-next .page-subnav[aria-label="Tip categories"] .page-subnav-link:not([data-category="all"]) { position: relative; min-height: 34px; margin-left: 28px; }
html.ui-next .page-subnav[aria-label="Tip categories"] .page-subnav-link:not([data-category="all"])::before { content: ""; position: absolute; left: -8px; top: -1px; bottom: -1px; width: 2px; background: rgb(var(--r-2563eb, 37 99 235) / 0.2); }
html.ui-next .page-subnav[aria-label="Tip categories"] .page-subnav-link[data-category="all"] + .page-subnav-link::before { top: 4px; border-radius: 1px 1px 0 0; }
html.ui-next .page-subnav[aria-label="Tip categories"] .page-subnav-link:not([data-category="all"]):last-child::before { bottom: 4px; border-radius: 0 0 1px 1px; }

/* v3.14.97 (overhaul Phase 6): every page uses the full width beside the sidebar or rail.
   Reading text keeps a comfortable line length; extra width goes to grids and side content. */
@media (min-width: 721px) {
  /* Travel Tips: full-width shell, short banner hero, more card columns */
  html.ui-next .tips-shell { max-width: none; padding: 12px 20px 40px; }
  html.ui-next .tips-hero { aspect-ratio: auto; height: clamp(220px, 19vw, 340px); }
  html.ui-next .tips-hero-img { object-fit: cover; object-position: center 45%; }
  html.ui-next .tips-grid { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
  /* Travel Stories: fill the screen like the planner */
  html.ui-next .board-shell { max-width: none; height: calc(100vh - 24px); padding: 0 16px 12px; }
  /* Tip articles: full-width hero, readable article column, side column takes the rest */
  html.ui-next .tip-shell { max-width: none; margin: 12px 0 48px; padding: 0 20px; }
  html.ui-next .tip-hero { aspect-ratio: auto; height: clamp(320px, 30vw, 460px); }
  html.ui-next .tip-related-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
  /* Legal and 404: full-width panel, text centred at a reading width */
  html.ui-next main.tip-shell[style*="880px"] { max-width: none !important; }
  html.ui-next main.tip-shell[style*="880px"] .tip-content-card { padding-left: max(30px, calc((100% - 820px) / 2)); padding-right: max(30px, calc((100% - 820px) / 2)); }
}
html.ui-next .tip-body li { font-size: 15px; line-height: 1.65; }   /* v3.15.4: list items matched paragraph size (they were larger) */
@media (min-width: 1500px) {
  /* v3.15.4: the article takes the width; the side column stays a slim rail (was: article capped at 900px, side took the rest) */
  html.ui-next .tip-grid { grid-template-columns: minmax(0, 1fr) clamp(360px, 24vw, 480px); gap: 32px; }
  html.ui-next .tip-body, html.ui-next .tip-body p, html.ui-next .tip-body li { font-size: 17px; }
}
@media (min-width: 1500px) {
  /* Travel Stories: 3 story columns when the feed is wide */
  html.ui-next .feed { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 2200px) {
  html.ui-next .feed { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* v3.16.1: page color (background images, uploads, animated clouds and color swatches were removed).
   html[data-theme] always exists (set by the head snippet), so this beats each page's html { background }. */
html[data-theme] { background: #eceef2; }
html[data-theme="dark"] { background: #0a0d13; color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }
/* Theme toggle sits in the header's right cluster and reuses the round .help-btn look */
.page-header .g36-theme-btn { font-size: 0; }
.page-header .g36-theme-btn svg { display: block; }
/* v3.16.3: the page footer lives in the About dialog now (info button in the header). The <footer> stays in each
   page's HTML for search engines and sign-in verification, but is not shown. */
.page-footer { display: none !important; }
.page-header .g36-about-btn { font-size: 0; }
.page-header .g36-about-btn svg { display: block; }
html.ui-next .page-header .header-right { gap: 8px; }
/* Signed out: the three round buttons on one row, Sign in full width below. Signed in: the avatar joins the row. */
@media (min-width: 721px) {
  html.ui-next .page-header .header-right > .page-tab-auth:has(.auth-signin:not([hidden])) { flex: 1 0 100%; display: flex; }
  html.ui-next .page-header .header-right > .page-tab-auth:has(.auth-signin:not([hidden])) .auth-signin { flex: 1 1 auto; }
}
.g36-about {
  width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); box-sizing: border-box; overflow: auto;
  margin: auto; padding: 26px 28px 22px; border: 1px solid var(--c-e6e8ec, #e6e8ec); border-radius: 20px;
  background: var(--c-ffffff, #ffffff); color: var(--c-334155, #334155); font-size: 15px; line-height: 1.6;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
}
.g36-about::backdrop { background: rgba(15, 23, 42, 0.45); }
.g36-about-x {
  position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; background: var(--c-f1f5f9, #f1f5f9); color: var(--c-334155, #334155); cursor: pointer;
}
.g36-about-x:hover { background: var(--c-e2e8f0, #e2e8f0); }
.g36-about-title { margin: 0 44px 12px 0; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; color: var(--c-0f172a, #0f172a); }
.g36-about p { margin: 0 0 10px; color: var(--c-334155, #334155); }
.g36-about .g36-about-lede { font-size: 16px; color: var(--c-0f172a, #0f172a); }
.g36-about-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 18px; }
.g36-about-links a {
  display: inline-flex; align-items: center; min-height: 34px; padding: 0 13px; border-radius: 999px;
  border: 1px solid var(--c-e6e8ec, #e6e8ec); background: var(--c-f8fafc, #f8fafc); color: var(--c-1e293b, #1e293b); font-size: 13.5px; font-weight: 600; text-decoration: none;
}
.g36-about-links a:hover { border-color: var(--c-bfdbfe, #bfdbfe); background: var(--c-eff6ff, #eff6ff); color: var(--c-1d4ed8, #1d4ed8); }
.g36-about-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid var(--c-eef0f3, #eef0f3); }
.g36-about-brand { display: flex; flex-direction: column; line-height: 1.35; }
.g36-about-brand strong { color: var(--c-0f172a, #0f172a); font-size: 14.5px; }
.g36-about-brand span { color: var(--c-64748b, #64748b); font-size: 13px; }
.g36-about-contact {
  min-height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--c-2563eb, #2563eb); color: #ffffff;
  font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
.g36-about-contact:hover { background: var(--c-1d4ed8, #1d4ed8); }
.g36-about-copy { margin: 14px 0 0 !important; font-size: 12.5px; color: var(--c-64748b, #64748b); }
.g36-about-x:focus-visible, .g36-about-links a:focus-visible, .g36-about-contact:focus-visible { outline: 2px solid var(--c-2563eb, #2563eb); outline-offset: 2px; }
@media (max-width: 540px) { .g36-about { padding: 22px 18px 18px; } }
/* Maps in dark mode: invert the light map tiles (markers and popups are left alone) */
html[data-theme="dark"] .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.88); }
html[data-theme="dark"] .leaflet-container { background: #1a1f29; }

/* === dark tokens: generated by prompts/theme/darkify.py, do not edit by hand === */
@media screen {
  html[data-theme="dark"] {
    color-scheme: dark;
    --c-000000: #f4f4f6; --r-000000: 244 244 246;
    --c-00050f: #e5eeff; --r-00050f: 229 238 255;
    --c-0073ea: #1488ff; --r-0073ea: 20 136 255;
    --c-00c875: #03ff96; --r-00c875: 3 255 150;
    --c-037f4c: #05da82; --r-037f4c: 5 218 130;
    --c-047857: #a6fce3; --r-047857: 166 252 227;
    --c-059669: #08e4a0; --r-059669: 8 228 160;
    --c-065f46: #b7fae8; --r-065f46: 183 250 232;
    --c-075985: #0b91d9; --r-075985: 11 145 217;
    --c-080e18: #e7edf7; --r-080e18: 231 237 247;
    --c-0e7490: #15aed8; --r-0e7490: 21 174 216;
    --c-0f172a: #e0e6f4; --r-0f172a: 224 230 244;
    --c-10b981: #18eba5; --r-10b981: 24 235 165;
    --c-141005: #f9f4e7; --r-141005: 249 244 231;
    --c-14b8a6: #1ee7d0; --r-14b8a6: 30 231 208;
    --c-15803d: #21c85f; --r-15803d: 33 200 95;
    --c-166534: #b4efca; --r-166534: 180 239 202;
    --c-16a34a: #1edd64; --r-16a34a: 30 221 100;
    --c-1a1a1a: #e9ebee; --r-1a1a1a: 233 235 238;
    --c-1a2030: #dbdfeb; --r-1a2030: 219 223 235;
    --c-1d4ed8: #3563e4; --r-1d4ed8: 53 99 228;
    --c-1e1b4b: #c9c6eb; --r-1e1b4b: 201 198 235;
    --c-1e293b: #d2dae8; --r-1e293b: 210 218 232;
    --c-1e3a8a: #2b54c7; --r-1e3a8a: 43 84 199;
    --c-1f1d18: #e8eaed; --r-1f1d18: 232 234 237;
    --c-1f2430: #dbdee8; --r-1f2430: 219 222 232;
    --c-1f2937: #d5dde7; --r-1f2937: 213 221 231;
    --c-1f7fb8: #2e9bdc; --r-1f7fb8: 46 155 220;
    --c-1f808a: #2db8c6; --r-1f808a: 45 184 198;
    --c-1f8a8a: #2dc6c6; --r-1f8a8a: 45 198 198;
    --c-1f9d52: #2ad36e; --r-1f9d52: 42 211 110;
    --c-22497e: #336dbc; --r-22497e: 51 109 188;
    --c-2563d8: #3f76de; --r-2563d8: 63 118 222;
    --c-2563eb: #3971ed; --r-2563eb: 57 113 237;
    --c-2566e8: #3a75ea; --r-2566e8: 58 117 234;
    --c-28c840: #3ed855; --r-28c840: 62 216 85;
    --c-2a2a2a: #dbdee3; --r-2a2a2a: 219 222 227;
    --c-2a4a7a: #3d6cb3; --r-2a4a7a: 61 108 179;
    --c-2a4f9a: #3867c9; --r-2a4f9a: 56 103 201;
    --c-2a6e1f: #44b232; --r-2a6e1f: 68 178 50;
    --c-2a8a3e: #3abe55; --r-2a8a3e: 58 190 85;
    --c-2a8f3f: #39c255; --r-2a8f3f: 57 194 85;
    --c-2c3a52: #c2ccde; --r-2c3a52: 194 204 222;
    --c-2da05a: #3cc873; --r-2da05a: 60 200 115;
    --c-2e6ea8: #3f88ca; --r-2e6ea8: 63 136 202;
    --c-2e7d32: #42b247; --r-2e7d32: 66 178 71;
    --c-2e8a5c: #3fbc7d; --r-2e8a5c: 63 188 125;
    --c-2e8b57: #3ebc76; --r-2e8b57: 62 188 118;
    --c-2eb85a: #41d06f; --r-2eb85a: 65 208 111;
    --c-2f2c25: #dbdee3; --r-2f2c25: 219 222 227;
    --c-334155: #c0cad9; --r-334155: 192 202 217;
    --c-34d399: #4ad8a4; --r-34d399: 74 216 164;
    --c-3730a3: #4941c7; --r-3730a3: 73 65 199;
    --c-3a6aa8: #4d80c2; --r-3a6aa8: 77 128 194;
    --c-3a78d8: #4c84db; --r-3a78d8: 76 132 219;
    --c-3b7fef: #4384f0; --r-3b7fef: 67 132 240;
    --c-3d4a5a: #bbc5d1; --r-3d4a5a: 187 197 209;
    --c-3f6e3a: #afd3ab; --r-3f6e3a: 175 211 171;
    --c-3f6ea8: #5383bf; --r-3f6ea8: 83 131 191;
    --c-4285f4: #4587f4; --r-4285f4: 69 135 244;
    --c-4338ca: #594fd0; --r-4338ca: 89 79 208;
    --c-454540: #c8ccd4; --r-454540: 200 204 212;
    --c-45b0a2: #5abeb1; --r-45b0a2: 90 190 177;
    --c-475569: #aeb9c8; --r-475569: 174 185 200;
    --c-4a4a4a: #c1c5ce; --r-4a4a4a: 193 197 206;
    --c-4a5566: #b0b9c6; --r-4a5566: 176 185 198;
    --c-4a597a: #a1adc6; --r-4a597a: 161 173 198;
    --c-4a6ba8: #5f7eb8; --r-4a6ba8: 95 126 184;
    --c-4a8af0: #4b8bf0; --r-4a8af0: 75 139 240;
    --c-4b4f5b: #babdc6; --r-4b4f5b: 186 189 198;
    --c-4d3f10: #f3e8c4; --r-4d3f10: 243 232 196;
    --c-4d4a44: #c2c7cf; --r-4d4a44: 194 199 207;
    --c-4d9aff: #4d9aff; --r-4d9aff: 77 154 255;
    --c-4f46e5: #564ee6; --r-4f46e5: 86 78 230;
    --c-54c0d8: #5bc2da; --r-54c0d8: 91 194 218;
    --c-555a64: #b2b6bd; --r-555a64: 178 182 189;
    --c-56524a: #c7c4be; --r-56524a: 199 196 190;
    --c-579bfc: #579bfc; --r-579bfc: 87 155 252;
    --c-5a3a8a: #764cb4; --r-5a3a8a: 118 76 180;
    --c-5a6072: #a7acba; --r-5a6072: 167 172 186;
    --c-5a8def: #5a8def; --r-5a8def: 90 141 239;
    --c-5b574d: #c4c1b9; --r-5b574d: 196 193 185;
    --c-5b5a55: #b3b9c3; --r-5b5a55: 179 185 195;
    --c-5d6b85: #99a4b8; --r-5d6b85: 153 164 184;
    --c-5fc4b8: #68c7bc; --r-5fc4b8: 104 199 188;
    --c-64748b: #95a1b2; --r-64748b: 149 161 178;
    --c-6a3aa8: #804dc2; --r-6a3aa8: 128 77 194;
    --c-6a6557: #bcb8ad; --r-6a6557: 188 184 173;
    --c-6a6a6a: #a4aab7; --r-6a6a6a: 164 170 183;
    --c-6a6f78: #a3a7ae; --r-6a6f78: 163 167 174;
    --c-6a7080: #9da2ae; --r-6a7080: 157 162 174;
    --c-6b5a1a: #b5982c; --r-6b5a1a: 181 152 44;
    --c-6e1f9e: #9329d3; --r-6e1f9e: 147 41 211;
    --c-6ee7b7: #6ee7b7; --r-6ee7b7: 110 231 183;
    --c-6f4cb1: #8061bb; --r-6f4cb1: 128 97 187;
    --c-6fa8f5: #6fa8f5; --r-6fa8f5: 111 168 245;
    --c-784bd1: #8258d4; --r-784bd1: 130 88 212;
    --c-7896ff: #102d90; --r-7896ff: 16 45 144;
    --c-79b1ff: #104590; --r-79b1ff: 16 69 144;
    --c-7a5cc2: #8367c6; --r-7a5cc2: 131 103 198;
    --c-7aa7fb: #143f8e; --r-7aa7fb: 20 63 142;
    --c-7b5d12: #c7971d; --r-7b5d12: 199 151 29;
    --c-7c3aed: #8244ee; --r-7c3aed: 130 68 238;
    --c-7d6b34: #ae9548; --r-7d6b34: 174 149 72;
    --c-7f1d1d: #c02c2c; --r-7f1d1d: 192 44 44;
    --c-7fa8d9: #7fa8d9; --r-7fa8d9: 127 168 217;
    --c-8a4f5e: #c295a1; --r-8a4f5e: 194 149 161;
    --c-8a6539: #b5844b; --r-8a6539: 181 132 75;
    --c-8a6a18: #cc9c23; --r-8a6a18: 204 156 35;
    --c-8a857a: #a39f96; --r-8a857a: 163 159 150;
    --c-8a8678: #a4a196; --r-8a8678: 164 161 150;
    --c-8a8a8a: #8b93a4; --r-8a8a8a: 139 147 164;
    --c-8a90a0: #848b9b; --r-8a90a0: 132 139 155;
    --c-8ac26e: #8dc472; --r-8ac26e: 141 196 114;
    --c-8c5a2a: #c07b39; --r-8c5a2a: 192 123 57;
    --c-92400e: #d95f15; --r-92400e: 217 95 21;
    --c-93c5fd: #104178; --r-93c5fd: 16 65 120;
    --c-94a3b8: #6b809d; --r-94a3b8: 107 128 157;
    --c-991b1b: #d32525; --r-991b1b: 211 37 37;
    --c-9aa0a6: #818890; --r-9aa0a6: 129 136 144;
    --c-9aa3b0: #768294; --r-9aa3b0: 118 130 148;
    --c-9b64d2: #9d66d3; --r-9b64d2: 157 102 211;
    --c-9b8df0: #2b1e7d; --r-9b8df0: 43 30 125;
    --c-9c2c5b: #c83b76; --r-9c2c5b: 200 59 118;
    --c-9c4a14: #da671c; --r-9c4a14: 218 103 28;
    --c-a03030: #c64040; --r-a03030: 198 64 64;
    --c-a04a16: #db651e; --r-a04a16: 219 101 30;
    --c-a25ddc: #a35edc; --r-a25ddc: 163 94 220;
    --c-a7f3d0: #196542; --r-a7f3d0: 25 101 66;
    --c-a8b0bc: #667284; --r-a8b0bc: 102 114 132;
    --c-ad081b: #ee0b25; --r-ad081b: 238 11 37;
    --c-b0682f: #cc7f41; --r-b0682f: 204 127 65;
    --c-b06b1f: #da872c; --r-b06b1f: 218 135 44;
    --c-b0b0b0: #697386; --r-b0b0b0: 105 115 134;
    --c-b45309: #f16f0c; --r-b45309: 241 111 12;
    --c-b6c6dc: #395377; --r-b6c6dc: 57 83 119;
    --c-b8463a: #c85b4f; --r-b8463a: 200 91 79;
    --c-b8b4a8: #847e6c; --r-b8b4a8: 132 126 108;
    --c-b91c1c: #df2a2a; --r-b91c1c: 223 42 42;
    --c-bfdbfe: #1c3e69; --r-bfdbfe: 28 62 105;
    --c-c03a3a: #ca5151; --r-c03a3a: 202 81 81;
    --c-c08a1e: #dea42f; --r-c08a1e: 222 164 47;
    --c-c5ccd6: #434e5e; --r-c5ccd6: 67 78 94;
    --c-c8d7f0: #2d3e5c; --r-c8d7f0: 45 62 92;
    --c-c8e6c9: #2d642f; --r-c8e6c9: 45 100 47;
    --c-c95a3b: #cf6d51; --r-c95a3b: 207 109 81;
    --c-c95a6e: #cc6376; --r-c95a6e: 204 99 118;
    --c-c9a66b: #caa86e; --r-c9a66b: 202 168 110;
    --c-c9c2b2: #796e55; --r-c9c2b2: 121 110 85;
    --c-c9d9f7: #24385e; --r-c9d9f7: 36 56 94;
    --c-ca8a04: #faad0b; --r-ca8a04: 250 173 11;
    --c-cbd5e1: #36485d; --r-cbd5e1: 54 72 93;
    --c-cfd6df: #3a4757; --r-cfd6df: 58 71 87;
    --c-cfdaea: #344154; --r-cfdaea: 52 65 84;
    --c-d3eed3: #2f522f; --r-d3eed3: 47 82 47;
    --c-d6cfb8: #736742; --r-d6cfb8: 115 103 66;
    --c-d6cfb9: #716642; --r-d6cfb9: 113 102 66;
    --c-d6d9df: #3d434e; --r-d6d9df: 61 67 78;
    --c-d6eef0: #2d4d50; --r-d6eef0: 45 77 80;
    --c-d8d4c8: #5c5541; --r-d8d4c8: 92 85 65;
    --c-d8dee5: #3a424a; --r-d8dee5: 58 66 74;
    --c-d8e6fb: #1d3455; --r-d8e6fb: 29 52 85;
    --c-d8eed5: #335030; --r-d8eed5: 51 80 48;
    --c-d8f0e0: #2d4e38; --r-d8f0e0: 45 78 56;
    --c-d97706: #f98f15; --r-d97706: 249 143 21;
    --c-d9e3f5: #273550; --r-d9e3f5: 39 53 80;
    --c-d9e4fb: #1d2f54; --r-d9e4fb: 29 47 84;
    --c-d9e8d5: #3c4e37; --r-d9e8d5: 60 78 55;
    --c-dba05a: #dca25d; --r-dba05a: 220 162 93;
    --c-dbe4f6: #25334f; --r-dbe4f6: 37 51 79;
    --c-dbe7ff: #162b57; --r-dbe7ff: 22 43 87;
    --c-dbeafe: #183256; --r-dbeafe: 24 50 86;
    --c-dc2626: #e03f3f; --r-dc2626: 224 63 63;
    --c-dcdee4: #393e49; --r-dcdee4: 57 62 73;
    --c-dce6f5: #27364d; --r-dce6f5: 39 54 77;
    --c-dcfce7: #1b532e; --r-dcfce7: 27 83 46;
    --c-dde3eb: #343c47; --r-dde3eb: 52 60 71;
    --c-dde9f2: #2b3d4b; --r-dde9f2: 43 61 75;
    --c-dee4ee: #313948; --r-dee4ee: 49 57 72;
    --c-dfe2e7: #373c46; --r-dfe2e7: 55 60 70;
    --c-e08bb1: #7e2e52; --r-e08bb1: 126 46 82;
    --c-e0e7ff: #152354; --r-e0e7ff: 21 35 84;
    --c-e0ecff: #152d54; --r-e0ecff: 21 45 84;
    --c-e0f2fe: #173b52; --r-e0f2fe: 23 59 82;
    --c-e1e2e6: #373c46; --r-e1e2e6: 55 60 70;
    --c-e1e4e9: #363a44; --r-e1e4e9: 54 58 68;
    --c-e1ecff: #152c53; --r-e1ecff: 21 44 83;
    --c-e2445c: #e34e64; --r-e2445c: 227 78 100;
    --c-e2e5e9: #353a44; --r-e2e5e9: 53 58 68;
    --c-e2e8f0: #2f3845; --r-e2e8f0: 47 56 69;
    --c-e4e6ec: #333841; --r-e4e6ec: 51 56 65;
    --c-e5dfcd: #544e39; --r-e5dfcd: 84 78 57;
    --c-e5e7eb: #333841; --r-e5e7eb: 51 56 65;
    --c-e60023: #ff1236; --r-e60023: 255 18 54;
    --c-e6e2d6: #4c4839; --r-e6e2d6: 76 72 57;
    --c-e6e4dc: #393e48; --r-e6e4dc: 57 62 72;
    --c-e6e8ec: #333741; --r-e6e8ec: 51 55 65;
    --c-e6effd: #0d121b; --r-e6effd: 13 18 27;
    --c-e6f4ec: #2a4334; --r-e6f4ec: 42 67 52;
    --c-e7e1f0: #382e46; --r-e7e1f0: 56 46 70;
    --c-e8657d: #e8657d; --r-e8657d: 232 101 125;
    --c-e8d8a8: #635424; --r-e8d8a8: 99 84 36;
    --c-e8e2f5: #322748; --r-e8e2f5: 50 39 72;
    --c-e8eaef: #31353e; --r-e8eaef: 49 53 62;
    --c-e8f1ff: #0e141d; --r-e8f1ff: 14 20 29;
    --c-e8f5e9: #29422a; --r-e8f5e9: 41 66 42;
    --c-ea4335: #eb4f42; --r-ea4335: 235 79 66;
    --c-ea580c: #f46c25; --r-ea580c: 244 108 37;
    --c-eaecef: #30353d; --r-eaecef: 48 53 61;
    --c-eaf1f8: #0d1319; --r-eaf1f8: 13 19 25;
    --c-ebd6dd: #4e333c; --r-ebd6dd: 78 51 60;
    --c-ece4f9: #302149; --r-ece4f9: 48 33 73;
    --c-ece6d8: #4d4532; --r-ece6d8: 77 69 50;
    --c-ece7da: #4b4432; --r-ece7da: 75 68 50;
    --c-eceae2: #343942; --r-eceae2: 52 57 66;
    --c-ecfdf5: #0f1f17; --r-ecfdf5: 15 31 23;
    --c-ede6c8: #5b5330; --r-ede6c8: 91 83 48;
    --c-ede9fe: #110e1d; --r-ede9fe: 17 14 29;
    --c-eef0f3: #2d313a; --r-eef0f3: 45 49 58;
    --c-eef0f4: #0f1217; --r-eef0f4: 15 18 23;
    --c-eef1f5: #0f1218; --r-eef1f5: 15 18 24;
    --c-eef2ff: #101421; --r-eef2ff: 16 20 33;
    --c-eef3f9: #11141a; --r-eef3f9: 17 20 26;
    --c-eef3fa: #0f151d; --r-eef3fa: 15 21 29;
    --c-eff6ff: #101822; --r-eff6ff: 16 24 34;
    --c-f0c078: #906320; --r-f0c078: 144 99 32;
    --c-f0c8e0: #5c2d49; --r-f0c8e0: 92 45 73;
    --c-f0d4cf: #56332d; --r-f0d4cf: 86 51 45;
    --c-f0ede4: #433e2f; --r-f0ede4: 67 62 47;
    --c-f0f8ff: #111a23; --r-f0f8ff: 17 26 35;
    --c-f1f5f9: #12151c; --r-f1f5f9: 18 21 28;
    --c-f2994a: #f2994a; --r-f2994a: 242 153 74;
    --c-f2cf8a: #805e1c; --r-f2cf8a: 128 94 28;
    --c-f2d3a2: #694b1a; --r-f2d3a2: 105 75 26;
    --c-f2dfb0: #5c4919; --r-f2dfb0: 92 73 25;
    --c-f2e2b0: #5c4c19; --r-f2e2b0: 92 76 25;
    --c-f2ecfd: #140f1f; --r-f2ecfd: 20 15 31;
    --c-f3c9c4: #602f29; --r-f3c9c4: 96 47 41;
    --c-f3e0a4: #685519; --r-f3e0a4: 104 85 25;
    --c-f3e8ff: #150e1d; --r-f3e8ff: 21 14 29;
    --c-f3e9c4: #605429; --r-f3e9c4: 96 84 41;
    --c-f3f4f6: #12151c; --r-f3f4f6: 18 21 28;
    --c-f3f7ff: #121825; --r-f3f7ff: 18 24 37;
    --c-f4f5f7: #12161d; --r-f4f5f7: 18 22 29;
    --c-f4f5f8: #13161d; --r-f4f5f8: 19 22 29;
    --c-f4f7fc: #141820; --r-f4f7fc: 20 24 32;
    --c-f59e0b: #f6a928; --r-f59e0b: 246 169 40;
    --c-f59e3d: #f5a042; --r-f59e3d: 245 160 66;
    --c-f5b800: #ffc61a; --r-f5b800: 255 198 26;
    --c-f5dec8: #5e4227; --r-f5dec8: 94 66 39;
    --c-f5e2cf: #583f26; --r-f5e2cf: 88 63 38;
    --c-f5f3ec: #2d313a; --r-f5f3ec: 45 49 58;
    --c-f5f3ff: #151225; --r-f5f3ff: 21 18 37;
    --c-f5f5f5: #12151c; --r-f5f5f5: 18 21 28;
    --c-f5f6f8: #13171e; --r-f5f6f8: 19 23 30;
    --c-f5f7fa: #14181f; --r-f5f7fa: 20 24 31;
    --c-f5f7fc: #151921; --r-f5f7fc: 21 25 33;
    --c-f5f7ff: #161a22; --r-f5f7ff: 22 26 34;
    --c-f5faff: #161a22; --r-f5faff: 22 26 34;
    --c-f6e4d8: #513725; --r-f6e4d8: 81 55 37;
    --c-f6f8fb: #151921; --r-f6f8fb: 21 25 33;
    --c-f7d6e3: #542437; --r-f7d6e3: 84 36 55;
    --c-f87171: #961818; --r-f87171: 150 24 24;
    --c-f8fafc: #161a22; --r-f8fafc: 22 26 34;
    --c-faf8f3: #13171e; --r-faf8f3: 19 23 30;
    --c-fafaf7: #151921; --r-fafaf7: 21 25 33;
    --c-fafbfc: #171b24; --r-fafbfc: 23 27 36;
    --c-fafbfd: #171b24; --r-fafbfd: 23 27 36;
    --c-fbbf24: #fbc332; --r-fbbf24: 251 195 50;
    --c-fbf9f3: #14171f; --r-fbf9f3: 20 23 31;
    --c-fbfaf6: #151921; --r-fbfaf6: 21 25 33;
    --c-fbfaf7: #151921; --r-fbfaf7: 21 25 33;
    --c-fbfbfd: #181c25; --r-fbfbfd: 24 28 37;
    --c-fbfcfe: #181c25; --r-fbfcfe: 24 28 37;
    --c-fca5a5: #680f0f; --r-fca5a5: 104 15 15;
    --c-fcd34d: #fcd34d; --r-fcd34d: 252 211 77;
    --c-fcecea: #1d0f0e; --r-fcecea: 29 15 14;
    --c-fdab3d: #fdab3e; --r-fdab3d: 253 171 62;
    --c-fde0c5: #643f1c; --r-fde0c5: 100 63 28;
    --c-fde2e2: #501919; --r-fde2e2: 80 25 25;
    --c-fde68a: #806a10; --r-fde68a: 128 106 16;
    --c-fde6cf: #5d3c1b; --r-fde6cf: 93 60 27;
    --c-fde6ee: #1b0d12; --r-fde6ee: 27 13 18;
    --c-fdecea: #1d100e; --r-fdecea: 29 16 14;
    --c-fdf4ff: #161a22; --r-fdf4ff: 22 26 34;
    --c-fdfcf6: #161a22; --r-fdfcf6: 22 26 34;
    --c-febc2e: #febf36; --r-febc2e: 254 191 54;
    --c-fee2e2: #511717; --r-fee2e2: 81 23 23;
    --c-fef2f2: #231111; --r-fef2f2: 35 17 17;
    --c-fef3c7: #63551b; --r-fef3c7: 99 85 27;
    --c-fef7e6: #1b170d; --r-fef7e6: 27 23 13;
    --c-ff158a: #ff2994; --r-ff158a: 255 41 148;
    --c-ff5f57: #ff5f57; --r-ff5f57: 255 95 87;
    --c-ff7a5a: #ff7a5a; --r-ff7a5a: 255 122 90;
    --c-ff9933: #ff9c38; --r-ff9933: 255 156 56;
    --c-ffaa28: #ffae33; --r-ffaa28: 255 174 51;
    --c-ffe0a8: #65450b; --r-ffe0a8: 101 69 11;
    --c-ffe4d6: #5a2e17; --r-ffe4d6: 90 46 23;
    --c-fff3d4: #5b4817; --r-fff3d4: 91 72 23;
    --c-fffaf0: #231d11; --r-fffaf0: 35 29 17;
    --c-fffcf5: #161a22; --r-fffcf5: 22 26 34;
    --c-fffdf8: #171b24; --r-fffdf8: 23 27 36;
    --c-ffffff: #1a1f28; --r-ffffff: 26 31 40;
  }
}
/* === end dark tokens === */