/* ==========================================================================
   Melion site frame — ONE header, type scale and palette for every page on
   melionair.com (static homepage, company/policy pages, Next.js pages, and the
   Charter + Members apps, which load this same file from /melion/site-frame.css).
   Source of truth: the homepage (/melion/index.html) as rendered on 2026-11-02.
   D-DIN is licensed under the SIL Open Font License (/melion/licenses/D-DIN-OFL.txt).
   ========================================================================== */
@font-face{font-family:"D-DIN";src:url('/melion/fonts/D-DIN.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"D-DIN";src:url('/melion/fonts/D-DIN-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

:root{
  --mf-font:"D-DIN",Arial,sans-serif;
  --mf-paper:#f7f5ef;      /* page background */
  --mf-hero:#ebece5;       /* page-hero band */
  --mf-card:#fbfaf6;       /* light cards */
  --mf-ink:#102c3b;        /* text, primary buttons, footer */
  --mf-muted:#566569;      /* body copy — AA on every light background */
  --mf-line:#d2d8d4;       /* rules */
  --mf-pill:#c5d0c9;       /* outline controls */
  --mf-gold:#7a6239;       /* eyebrows / kickers — AA on light */
  --mf-accent:#7a6239;     /* second line of split headlines on light backgrounds */
  --mf-sand-text:#c4a676;  /* gold text on navy */
  --mf-sand:#dbc49e;       /* accent buttons */
  --mf-panel:#102c3b;      /* dark tool panels (maps, search, studio) */
  --mf-panel-2:#163747;
  --mf-pad:clamp(24px,5.2vw,75px);
  --mf-header-h:88px;
}

/* --------------------------------------------------------------------------
   1. Header (identical markup everywhere — see components/SiteHeader.tsx)
   -------------------------------------------------------------------------- */
.mf-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:25px;height:var(--mf-header-h);padding:0 var(--mf-pad);background:#f7f5eff0;border-bottom:1px solid var(--mf-line);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--mf-ink);font-family:var(--mf-font);box-sizing:border-box}
.mf-header *{box-sizing:border-box}
.mf-header a{color:inherit;text-decoration:none}
.mf-brand{display:flex;align-items:center;gap:11px;flex:none;font-size:27px;line-height:1;font-weight:400;letter-spacing:.15em;text-transform:uppercase}
.mf-brand-mark{width:35px;height:35px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:25px;letter-spacing:0;line-height:1}
.mf-brand-word{display:block}
.mf-brand-tag{display:block;font-size:5px;line-height:1.5;letter-spacing:.24em;margin-top:7px}
.mf-nav{display:flex;align-items:center;gap:30px}
.mf-nav a{display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.mf-nav a:hover,.mf-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.mf-access{display:inline-flex;align-items:center;gap:17px;flex:none;min-height:44px;padding:10px 18px;border:1px solid var(--mf-pill);border-radius:22px;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;transition:background .2s,border-color .2s}
.mf-access:hover{background:#fff;border-color:var(--mf-ink)}
.mf-menu{display:none;position:static}
.mf-menu>summary{list-style:none;display:grid;place-items:center;min-width:44px;min-height:44px;font-size:22px;cursor:pointer;color:inherit}
.mf-menu>summary::-webkit-details-marker{display:none}
.mf-menu[open]>summary .mf-open,.mf-menu:not([open])>summary .mf-close{display:none}
.mf-menu>nav{position:absolute;top:100%;left:0;right:0;background:var(--mf-paper);color:var(--mf-ink);padding:15px 25px 25px;border-bottom:1px solid var(--mf-line);box-shadow:0 25px 40px #15303a20;max-height:calc(100dvh - 78px);overflow:auto}
.mf-menu>nav a{display:flex;align-items:center;justify-content:space-between;min-height:49px;border-bottom:1px solid var(--mf-line);font-size:15px;line-height:1.3;text-transform:none;letter-spacing:0;font-weight:400}
.mf-menu>nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.mf-menu>nav button{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;border-bottom:1px solid var(--mf-line);font-size:15px;cursor:pointer}
@media (max-width:1200px){.mf-header{gap:14px}.mf-nav{gap:14px}.mf-nav a{font-size:12px;letter-spacing:.02em}.mf-brand{font-size:24px}.mf-access{padding-inline:14px}}
@media (max-width:961px){
  .mf-header{height:78px;padding-inline:24px;gap:13px}
  .mf-nav{display:none}
  .mf-menu{display:block}
  .mf-access{margin-left:auto;font-size:11px;padding:9px 12px;gap:10px;min-height:40px}
  .mf-brand{font-size:21px;letter-spacing:.11em;gap:9px}
  .mf-brand-mark{width:31px;height:31px;font-size:22px}
  .mf-brand-tag{font-size:4px;letter-spacing:.18em}
}
@media (max-width:390px){.mf-header{padding-inline:20px;gap:9px}.mf-brand{font-size:19px;letter-spacing:.1em}.mf-brand-mark{width:29px;height:29px}.mf-access{padding-inline:10px;font-size:10px}}
@media (max-width:359px){.mf-header{padding-inline:16px}.mf-brand{font-size:18px}.mf-brand-mark{display:none}}
@media (display-mode:standalone){.mf-header{padding-top:env(safe-area-inset-top);height:calc(var(--mf-header-h) + env(safe-area-inset-top))}}
.mf-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--mf-ink);color:#fff;padding:10px 14px;border-radius:4px}
.mf-skip:focus{left:8px}

/* Homepage header (SPA markup): the one "Safety" link used to be a small inline-styled outlier. */
.site-header .desktop-nav a[href="/safety"]{font-size:13px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:10px 0!important}
@media (max-width:1200px){.site-header .desktop-nav a[href="/safety"]{font-size:12px!important;letter-spacing:.02em}}
.site-header .mobile-nav a[href="/safety"]{font-size:15px!important}

/* --------------------------------------------------------------------------
   2. Shared building blocks
   -------------------------------------------------------------------------- */
.mf-eyebrow{display:block;font-family:var(--mf-font);font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--mf-gold)}
.mf-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;padding:13px 20px;border:1px solid var(--mf-ink);border-radius:4px;background:var(--mf-ink);color:#fff;font-family:var(--mf-font);font-size:14px;line-height:1.35;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;transition:background .2s,transform .2s}
.mf-button:hover{background:#284b58;transform:translateY(-2px)}
.mf-button.outline{background:transparent;color:var(--mf-ink);border-color:#aebeb8}
.mf-button.sand{background:var(--mf-sand);border-color:var(--mf-sand);color:var(--mf-ink)}

/* --------------------------------------------------------------------------
   3. Company & policy pages (public/company/*.html)
   -------------------------------------------------------------------------- */
.melion-company-page{background:var(--mf-paper)!important;color:var(--mf-ink)!important;font-family:var(--mf-font)!important}
.melion-company-page .mco-legal-hero{background:var(--mf-hero)}
.melion-company-page .mco-legal-hero h1,.melion-company-page .mco-hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1.1;letter-spacing:.01em}
.melion-company-page .mco-kicker{font-size:12px;letter-spacing:.13em;color:var(--mf-gold)}
.melion-company-page .mco-lead{font-size:16px;line-height:1.6;color:var(--mf-muted)}
.melion-company-page .mco-main h2{font-size:clamp(28px,2.6vw,36px)}
.melion-company-page .mco-main h3{font-size:22px;font-weight:700}

/* About page (mco2-*): bring it onto the house font and headline style. */
.melion-company-page .mco2-main,.melion-company-page .mco2-main *{font-family:var(--mf-font)!important}
.melion-company-page .mco2-main{background:var(--mf-paper);color:var(--mf-ink)}
.melion-company-page .mco2-hero{background:var(--mf-hero)}
.melion-company-page .mco2-main h1{font-size:clamp(42px,4.6vw,66px)!important;line-height:1.04!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:uppercase;color:var(--mf-ink)}
.melion-company-page .mco2-main h1 em,.melion-company-page .mco2-main h2 em{font-style:normal!important;font-weight:inherit!important;color:var(--mf-accent)!important}
.melion-company-page .mco2-main h2{font-size:clamp(30px,3vw,44px)!important;line-height:1.08!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:uppercase}
.melion-company-page .mco2-main h3{font-weight:700!important;letter-spacing:.01em!important;text-transform:uppercase;font-style:normal!important}
.melion-company-page .mco2-main em{font-style:normal}
.melion-company-page .mco2-kicker,.melion-company-page .mco2-main [class*="kicker"],.melion-company-page .mco2-main [class*="eyebrow"]{font-size:12px!important;letter-spacing:.13em!important;color:var(--mf-gold)!important;font-weight:500}
.melion-company-page .mco2-lead{font-size:16px!important;line-height:1.6!important;color:var(--mf-muted)!important}
.melion-company-page .mco2-main p{color:var(--mf-muted)}
.melion-company-page .mco2-main [class*="dark"] p,.melion-company-page .mco2-market-center p,.melion-company-page .mco2-cta p{color:inherit}
.melion-company-page .mco2-actions a,.melion-company-page .mco2-main .mco2-button,.melion-company-page .mco2-main [class*="btn"]{border-radius:4px!important;font-size:14px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase!important;min-height:49px}
.melion-company-page .mco2-market-center [style*="d9ffb0"],.melion-company-page .mco2-main .mco2-mint{background:var(--mf-sand)!important}

/* --------------------------------------------------------------------------
   4. Next.js pages (PageShell .pg): light page, dark tool panels.
   Hero, headings and running copy follow the homepage; maps, search forms,
   result boards and the cabin studio stay as navy panels.
   -------------------------------------------------------------------------- */
.pg,.pg.pg-dark{background:var(--mf-paper)!important;color:var(--mf-ink)!important;font-family:var(--mf-font)}
.pg h1,.pg h2,.pg h3,.pg .serif{font-family:var(--mf-font)!important;font-style:normal!important}
.pg h1 em,.pg h2 em,.pg .serif em{font-style:normal!important;font-weight:inherit}

/* 4a. Page heroes → homepage .page-hero */
.pg .pg-hero,.pg .board-hero,.pg .mff-hero,.pg .med-studio-intro,.pg .aircraft-catalog-intro{background:var(--mf-hero)!important;color:var(--mf-ink)!important;border-bottom:1px solid var(--mf-line)}
/* Full-bleed band without touching each page's own horizontal layout */
.pg .board-hero,.pg .mff-hero,.pg .med-studio-intro,.pg .aircraft-catalog-intro,.pg .pg-hero{padding-top:68px!important;padding-bottom:59px!important;border-bottom:0!important;box-shadow:0 0 0 100vmax var(--mf-hero),0 1px 0 100vmax var(--mf-line);clip-path:inset(0 -100vmax -1px)}
.pg .pg-hero,.pg .med-studio-intro{padding-inline:var(--mf-pad)!important}
.pg .board.board-discover{padding-top:0!important}
.pg .board>.board-hero,.pg .mff>.mff-hero{margin-top:0!important}
.pg .pg-hero::before,.pg .pg-hero::after{opacity:.18}
body:has(.pg){background:var(--mf-paper)}
.pg .pg-hero h1,.pg .board-hero h1,.pg .mff-hero h1,.pg .med-studio-intro h1,.pg .aircraft-catalog-intro h1{font-size:clamp(40px,4.2vw,60px)!important;line-height:1.1!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:var(--mf-ink)!important;max-width:1100px}
.pg .pg-hero h1 em,.pg .board-hero h1 em,.pg .mff-hero h1 em,.pg .med-studio-intro h1 em,.pg .aircraft-catalog-intro h1 em,
.pg .pg-hero h1 span,.pg .med-studio-intro h1 span{color:var(--mf-accent)!important}
.pg .pg-hero p,.pg .board-hero p,.pg .mff-hero p,.pg .med-studio-intro p,.pg .aircraft-catalog-intro p{font-size:16px!important;line-height:1.6!important;color:var(--mf-muted)!important}
.pg .pg-hero .eyebrow,.pg .board-hero .eyebrow,.pg .mff-hero .eyebrow,.pg .med-studio-intro .eyebrow,.pg .aircraft-catalog-intro .eyebrow,
.pg .med-studio-topline,.pg .board-hero [class*="kicker"],.pg .mff-hero [class*="kicker"]{font-size:12px!important;letter-spacing:.13em!important;color:var(--mf-gold)!important;font-weight:500}
.pg .med-studio-topline a{color:var(--mf-muted)!important}
.pg .pg-hero .pg-back{color:var(--mf-muted)!important}
.pg .board-local-note,.pg .mff-stats{border-color:var(--mf-line)!important;color:var(--mf-ink)!important}
.pg .board-local-note strong,.pg .mff-stats strong,.pg .mff-stats b{color:var(--mf-ink)!important}
.pg .board-local-note p,.pg .board-local-note span,.pg .board-local-note small,.pg .mff-stats span,.pg .mff-stats small,.pg .mff-stats p{color:var(--mf-muted)!important}
.pg .mff-stats{background:var(--mf-card)!important;border:1px solid var(--mf-line)!important}
.pg .mff-stats>div{border-color:var(--mf-line)!important}
.pg .mff-stats [class*="note"],.pg .mff-stats>p{border-color:var(--mf-line)!important}

/* 4b. Copy that sits on the page (between tools) → ink on paper */
.pg .board-location,.pg .board-location span,.pg .board-location strong,.pg .board-search-tools p,.pg .mff-tabs,.pg .mff-discovery-head,.pg .mff-section-head,.pg .mff-section-head p,.pg .mff-discovery-head p,
.pg .med-studio-result,.pg .med-studio-browse,.pg .med-studio-note,.pg .board-refine>summary,.pg .pg-body{color:var(--mf-ink)!important}
.pg .board-location small,.pg .board-search-tools p,.pg .mff-section-head p,.pg .mff-discovery-head p,.pg .med-studio-result,.pg .med-studio-note p{color:var(--mf-muted)!important}
.pg .mff-section-head h2,.pg .mff-discovery-head h2,.pg .mff-discovery-head h3,.pg .med-studio-note h2,.pg .med-studio-note h3,.pg .pg-sec h2{color:var(--mf-ink)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important}
.pg .mff-section-head h2,.pg .mff-discovery-head h2,.pg .pg-sec>h2{font-size:clamp(28px,2.6vw,36px)!important;line-height:1.1!important}
.pg .mff-section-head .eyebrow,.pg .mff-discovery-head .eyebrow,.pg .mff-section-head span:first-child{color:var(--mf-gold)!important}
.pg .board-location-button,.pg .board-search-tools .linkish,.pg .mff-secondary,.pg .mff-filter-reset,.pg .med-studio-flight-link,.pg .mff-hero-actions a:not(:first-child),.pg .mff-hero-actions button:not(:first-child){color:var(--mf-ink)!important;border-color:var(--mf-pill)!important}
.pg .mff-tabs{border-color:var(--mf-line)!important}
.pg .mff-tabs button{color:var(--mf-muted)!important}
.pg .mff-tabs button[aria-selected=true],.pg .mff-tabs button.active,.pg .mff-tabs button[aria-pressed=true]{color:var(--mf-ink)!important;border-color:var(--mf-ink)!important;font-weight:700}
.pg .mff-emergency{background:#fff7e8!important;border:1px solid #e6d3b0!important;color:var(--mf-ink)!important}
.pg .mff-emergency b,.pg .mff-emergency strong{color:#8a5a14!important}
.pg .board-refine{border-color:var(--mf-line)!important}

/* Primary actions on the page → homepage dark button; sand stays inside dark panels */
.pg .mff-hero-actions>a:first-child,.pg .mff-hero-actions>button:first-child,.pg .med-studio-flight-link{display:inline-flex;align-items:center;gap:20px;min-height:49px;padding:13px 20px;border-radius:4px!important;background:var(--mf-ink)!important;border:1px solid var(--mf-ink)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;letter-spacing:.03em;text-transform:uppercase}

/* 4c. Tool panels stay navy, rounded like the homepage search card */
.pg .board-place-search,.pg .leg-map-wrap,.pg .melion-value,.pg .mff-filters,.pg .mff-area-search,.pg .mff-route-form,.pg .mff-empty,.pg .board-refine-fields{background:var(--mf-panel)!important;color:#f3efe5!important;border-radius:6px}
.pg .mff-area-search,.pg .mff-route-form,.pg .board-refine-fields{padding:24px!important}
.pg .melion-value{margin-inline:0!important}
.pg .melion-value h2,.pg .melion-value h3{color:#f3efe5!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important}
.pg .melion-value h2{font-size:clamp(28px,2.6vw,36px)!important}
.pg .leg-map-head h2,.pg .leg-map-head h3,.pg .leg-map-head strong{font-weight:700!important;text-transform:uppercase;letter-spacing:.01em}
/* Buttons inside dark panels follow the homepage "ivory/sand" button */
.pg .mff-primary,.pg .board-place-search button[type=submit]{border-radius:4px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;font-size:14px!important}

/* 4d. Aircraft catalogue & medical studio cards: keep navy cards, unify radius/type */
.pg .med-studio-page{background:var(--mf-paper)!important;color:var(--mf-ink)!important}
.pg .med-studio-filter-bar input,.pg .med-studio-filter-bar select,.pg .med-studio-browse button{background:#fff!important;color:var(--mf-ink)!important;border:1px solid var(--mf-pill)!important;border-radius:4px!important}
.pg .med-studio-browse button[aria-pressed=true],.pg .med-studio-browse button.active,.pg .med-studio-browse button[aria-selected=true]{background:var(--mf-ink)!important;color:#fff!important;border-color:var(--mf-ink)!important}
.pg .med-studio-grid>*{border-radius:6px}
.pg .med-studio-grid h3{font-weight:400!important;text-transform:uppercase;letter-spacing:0!important}
.pg .med-studio-more button,.pg .med-studio-more a{border-radius:4px!important;text-transform:uppercase;font-weight:700;letter-spacing:.03em;color:var(--mf-ink)!important;border:1px solid var(--mf-pill)!important;background:transparent!important}
.pg .med-studio-note{background:var(--mf-card)!important;border:1px solid var(--mf-line)!important;border-radius:6px}

/* 4e. Founder page & text pages */
.pg .pg-sec{border-color:var(--mf-line)!important}
.pg .pg-sec p,.pg .pg-sec li{color:var(--mf-muted)!important;font-size:16px;line-height:1.65}
.pg .pg-sec a{color:var(--mf-ink)}

/* 4f. Footer + any leftover atlas buttons keep house type */
.pg .mco-footer{font-family:var(--mf-font)}
.pg .med-studio-intro small,.pg .med-studio-intro li,.pg .med-studio-intro [class*="meta"],.pg .med-studio-intro [class*="stats"] *{color:var(--mf-muted)!important}
.pg .med-studio-filter-bar>*:first-child{background:#fff!important;border:1px solid var(--mf-pill)!important;border-radius:4px!important;color:var(--mf-ink)!important}
.pg .med-studio-filter-bar>*:first-child svg,.pg .med-studio-filter-bar>*:first-child span{color:var(--mf-muted)!important}

/* 4g. Empty-legs / MedFlight result lists: labels on paper, flight cards as navy panels */
.pg .board-meta,.pg .board-meta span,.pg .board-sort>span,.pg .board-foot,.pg .board-refine>summary span{color:var(--mf-muted)!important}
.pg .board-meta>span:first-child{color:var(--mf-ink)!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.pg .board-sort select{border-radius:4px}
.pg .board-refine>summary{color:var(--mf-ink)!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pg .board-empty{background:var(--mf-card)!important;border:1px solid var(--mf-line)!important;border-radius:6px;color:var(--mf-ink)!important}
.pg .board-empty h2{color:var(--mf-ink)!important;font-weight:700!important;text-transform:uppercase}
.pg .board-empty p{color:var(--mf-muted)!important}
.pg .board-grid .ticket,.pg .board-grid>article,.pg .board-grid>div,.pg .mff-grid>article,.pg .mff-results>article{background:var(--mf-panel)!important;color:#f3efe5!important;border-radius:6px}
.pg .board-watch{background:var(--mf-panel)!important;border-radius:6px}
.pg .board-watch h2{font-weight:700!important;text-transform:uppercase;letter-spacing:.01em}
.pg .btn-gold{border-radius:4px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em}
.pg .board-empty .btn-gold{background:var(--mf-ink)!important;color:#fff!important;border-color:var(--mf-ink)!important}
.pg .mff-option,.pg .mff-model-list>*{background:var(--mf-panel)!important;color:#f3efe5!important;border-radius:6px}
.pg :is(.mff-result-count,.mff-assumptions,.mff-model-count):not(.mff-route-form *,.leg-map-wrap *,.mff-option *){color:var(--mf-muted)!important}
.pg :is(.mff-text-link,.mff-text-button,.mff-show-more):not(.mff-route-form *,.leg-map-wrap *,.mff-option *,.mff-empty *){color:var(--mf-ink)!important;border-color:var(--mf-pill)!important}
.pg .mff-show-more{border-radius:4px!important;text-transform:uppercase;font-weight:700;letter-spacing:.03em}

/* --------------------------------------------------------------------------
   5. Charter + Members apps (melion-market; body.p-charter / body.p-members).
   Pricing/Ops (body.p-pricing) is intentionally untouched.
   -------------------------------------------------------------------------- */
body.p-charter,body.p-members,body.p-charter>.p-charter,body.p-members .p-members,body.p-charter div.p-charter{background:var(--mf-paper)!important;color:var(--mf-ink)!important;font-family:var(--mf-font)!important}
body:is(.p-charter,.p-members) .mono{font-family:var(--mf-font)!important;letter-spacing:.01em}
body:is(.p-charter,.p-members) :is(h1,h2,h3){font-family:var(--mf-font)!important;font-style:normal!important}
body:is(.p-charter,.p-members) :is(h1,h2) em{font-style:normal!important;font-weight:inherit}

/* Charter: hero copy on paper, search card + aircraft cards as navy panels */
body.p-charter .stage{color:var(--mf-ink)}
body.p-charter .stage h1{font-size:clamp(40px,4.2vw,60px)!important;line-height:1.1!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:uppercase;color:var(--mf-ink)!important}
body.p-charter .stage h1 em{color:var(--mf-accent)!important}
body.p-charter .stage.compact h1{font-size:28px!important}
body.p-charter .stage>p,body.p-charter .stage .muted,body.p-charter main>p.muted{color:var(--mf-muted)!important}
body.p-charter :is(.eyebrow,.kicker,[class*="eyebrow"]){color:var(--mf-gold)!important;font-size:12px!important;letter-spacing:.13em!important}
body.p-charter .bar{background:var(--mf-panel)!important;color:#f3efe5!important;border-radius:6px!important;border-color:transparent!important}
body.p-charter .bar .cell{border-radius:4px!important}
body.p-charter .btn.go,body.p-charter .bar .btn{border-radius:4px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;font-size:14px!important}
body.p-charter .scan{border-radius:6px!important;border-color:transparent!important}
body.p-charter .scan>div{background:var(--mf-panel)!important;color:#f3efe5}
body.p-charter .plane{background:var(--mf-panel)!important;color:#f3efe5!important;border-radius:6px!important;border-color:transparent!important}
body.p-charter .plane h3{font-weight:400!important;text-transform:uppercase;letter-spacing:0!important}
body.p-charter .itinerary-summary,body.p-charter .pill{border-radius:22px}
body.p-charter :is(.wrap,main)>:is(h2,h3){color:var(--mf-ink);font-weight:700!important;text-transform:uppercase;letter-spacing:.01em}
body.p-charter .notebox{background:var(--mf-card)!important;color:var(--mf-ink)!important;border:1px solid var(--mf-line)!important;border-radius:6px}
body.p-charter .linkish{color:var(--mf-ink)}
body.p-charter .dock{background:var(--mf-panel)!important;color:#f3efe5!important;border-radius:6px!important}
body:is(.p-charter,.p-members) .sheet h2{font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important}

/* Members: same paper, headline and button language as the homepage */
body.p-members .access-layout{background:var(--mf-card)!important;border-radius:6px}
body.p-members .access-heading h1,body.p-members main h1{font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important;color:var(--mf-ink)}
body.p-members .access-story{background:var(--mf-panel)!important}
body.p-members .access-story h2{font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important}
body.p-members .access-story h2 em,body.p-members .access-story h2 span{color:var(--mf-sand)!important}
body.p-members :is(.btn,.access-primary,button.btn){border-radius:4px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em}
body.p-members .access-switch button[aria-selected=true],body.p-members .access-switch button[aria-pressed=true]{font-weight:700}
body.p-members :is(.eyebrow,.kicker,[class*="eyebrow"]){color:var(--mf-gold)!important;letter-spacing:.13em!important}
.mf-account{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.mf-account a{color:inherit;text-decoration:none}
@media (max-width:961px){.mf-account{display:none}}
/* Mobile tab bar in Charter/Members matches the light dock on Empty legs / MedFlight */
@media (max-width:759px),(display-mode:standalone){
  body:is(.p-charter,.p-members) .tabbar{background:#f9faf3f2!important;border-top:1px solid #c5d2c6!important;box-shadow:0 -12px 30px #173a4018;backdrop-filter:blur(24px);color:#516b66}
  body:is(.p-charter,.p-members) .tabbar a{color:#516b66!important}
  body:is(.p-charter,.p-members) .tabbar a[aria-current=page],body:is(.p-charter,.p-members) .tabbar a.on,body:is(.p-charter,.p-members) .tabbar a.active{background:#e4ebdf!important;color:var(--mf-ink)!important;font-weight:700}
}
.melion-company-page .mco2-main h1{margin-bottom:26px!important}

/* --------------------------------------------------------------------------
   6. Accessibility & consistency pass (2026-11-02)
   - every small text ≥4.5:1 contrast, large ≥3:1 (WCAG AA)
   - one accent for split headlines: gold on light, sand on navy
   - no text under 11px (logo tagline 7px is part of the wordmark)
   - buttons 4px radius, cards 6px, Member access pill 22px
   -------------------------------------------------------------------------- */
html:root{--muted:#566569}
.mco2-about{--muted:#566569!important;--gold:#7a6239!important;--mint:#dbc49e!important}

/* 6a. Split-headline accent: gold on light … */
.page-hero h1 span,.page-hero h1 em,.section-heading h2 em,.section-title h2 em,.section-title h2 span,.welcome-band h2 em,.intelligence-copy h2 em,
.callout h2>span,.callout h2 em,.modal-body h2 em,.experience h2 em,.contact-layout h2 em,.melion-install-content h2 em,.melion-install-content h2 span,
body.p-charter .stage h1 em,.pg .med-studio-intro h1 span,.pg .med-studio-intro h1 em{color:var(--mf-accent)!important}
/* … sand on navy */
.page-hero.dark h1 span,.page-hero.dark h1 em,.process-intro h2 em,.app-story-copy h2 em,.cinema-copy h1 em,.access-story h2 em,.access-story h2 span,
.melion-company-page .mco2-process h2 em,.melion-company-page .mco2-cta h2 em,.mco-footer h2 em{color:var(--mf-sand)!important}

/* 6b. Secondary text and labels on light backgrounds */
.page-hero p,.section-title p,.section-heading p,.welcome-band p:not(.welcome-lead),.intelligence-copy>p,.planner-foot small,.planner-foot>span,
.aircraft-label p,.category-tile>small,.pricing-note p,.platform-note,.notice,.contact-layout dd,.comparison-table th,.discovery-label p,.hero-bottom p{color:var(--mf-muted)!important}
.page-hero>.eyebrow,.planner-head .eyebrow,.hero-copy>.eyebrow,.callout>.eyebrow,.modal-body>.eyebrow,.membership-card:not(.featured)>.eyebrow,
.section-heading .eyebrow,.section-title .eyebrow,.welcome-band .eyebrow,.intelligence-copy .eyebrow,.maker,.membership-card:not(.featured) .maker,
.contact-layout dt,.benefit-num,.destination-index{color:var(--mf-gold)!important}
.route-form label>span,.field>span{color:var(--mf-muted)!important}
.benefit-num,.step-number,.safety-home-card>span,.lens-count,.mapp-how li>span{font-style:normal!important}
/* Company & policy pages */
.melion-company-page .mco-card-grid a>span,.melion-company-page .mco-summary li>span,.melion-company-page .mco-document>aside nav a>span{color:var(--mf-gold)!important}
.melion-company-page .mco-fine{color:var(--mf-muted)!important}
.mco-footer .mco-kicker{color:var(--mf-sand-text)!important}
/* About page details */
.melion-company-page .mco2-main :is(b,span,strong,small,i){font-style:normal!important}
.melion-company-page :is(.mco2-score>small,.mco2-star-rating small,.mco2-why-box span,.mco2-operator-top>div>span,.mco2-method-grid span,.mco2-sim-note b,.mco2-access-grid article>span,.mco2-source-inputs article>b){color:var(--mf-gold)!important}
.melion-company-page :is(.mco2-source-inputs p,.mco2-source-note,.mco2-why-box p,.mco2-operator-top p,.mco2-scale-legend span,.mco2-disclaimer){color:var(--mf-muted)!important}
.melion-company-page .mco2-star-rating span{color:#b7791f!important}
/* About: navy sections keep light copy (6b set muted on all mco2 paragraphs) */
.melion-company-page :is(.mco2-process,.mco2-cta,.mco2-market-center,.mco2-source-engine,.mco2-med-status,.mco2-med-flow) :is(p,small,span:not(.mco2-kicker):not(.mco2-orbit)):not(a *):not(button *){color:#c3d0d4!important}
.melion-company-page :is(.mco2-process,.mco2-cta) .mco2-kicker{color:var(--mf-sand-text)!important}

/* 6c. Minimum readable sizes */
.mf-brand-tag,.site-header .brand-tag{font-size:7px!important;letter-spacing:.2em!important;margin-top:6px!important}
@media (max-width:961px){.mf-brand-tag,.site-header .brand-tag{font-size:6px!important;letter-spacing:.16em!important}}
.destination-index,.badge.new,.lens-count small{font-size:11px!important}
.melion-company-page :is(.mco2-market-label,.mco2-market-center small,.mco2-market-path small,.mco2-market-foot,.mco2-score>small,.mco2-star-rating small,.mco2-operator-flags span,.mco2-why-box span,.mco2-method-grid span,.mco2-operator-top>div>span,.mco2-med-status span,.mco2-score-number small,.mco2-sim-note b,.mco2-source-engine>span,.mco2-source-output>span,.mco2-kicker,.mco2-score b){font-size:11px!important}
.melion-company-page :is(.mco2-why-box p,.mco2-source-inputs p,.mco2-source-note,.mco2-operator-top p,.mco2-med-step small,.mco2-med-alert p,.mco2-scale-legend span,.mco2-source-engine>p,.mco2-source-output>p,.mco2-stars>small,.mco2-disclaimer){font-size:13px!important;line-height:1.6!important}

/* 6d. One corner radius per element type */
.mco-button,.melion-company-page .mco-button,.pg .aircraft-view-switch button,.pg .med-card-view-switch button,.select-aircraft,.pg .med-studio-note a,
.melion-company-page .mco-form button,.melion-company-page form button[type=submit]{border-radius:4px!important}
.way-card,.category-tile,.destination,.pg .med-aircraft-card,.pg .ticket{border-radius:6px!important;overflow:hidden}

/* 6e. MedFlight operations (staff tool): navy panel inside the light page */
.pg .mdops{margin:48px var(--mf-pad) 72px;border-radius:6px;min-height:0}
.pg .mdops h1{font-size:clamp(34px,3.6vw,52px)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.01em!important;line-height:1.1!important}
.pg .mdops h1 em,.pg .mdops h1 span{color:var(--mf-sand)!important}
.pg .mdops input,.pg .mdops textarea,.pg .mdops select{border-radius:4px}
@media (max-width:761px){.pg .mdops{margin:24px 16px 48px}}
/* 6f. Follow-ups from the re-audit */
.pg :is(.mff-filters,.mff-area-search,.mff-route-form,.leg-map-wrap,.melion-value,.board-place-search) :is(.mff-filter-reset,.mff-secondary,.mff-text-link,.mff-text-button,button.linkish){color:var(--mf-sand)!important;border-color:#dbc49e66!important}
.pg :is(.mff-route-form,.leg-map-wrap,.mff-filters,.mff-area-search) :is(.mff-utc,small,.leg-map-head span,.leg-map-footer span){color:#c3d0d4!important}
.pg .med-studio-intro :is(span,small,li,p){color:var(--mf-muted)!important}
.pg .med-studio-intro b,.pg .med-studio-intro strong{color:var(--mf-ink)!important}
.pg .med-studio-result,.pg .med-studio-result *{color:var(--mf-muted)!important}
.pg .med-studio-result b{color:var(--mf-ink)!important}
.pg .board-more span,.pg .board-more small,.pg .board-more p{color:var(--mf-muted)!important}
.destination .destination-index{color:var(--mf-sand-text)!important}
.membership-card:not(.featured) .membership-price small{color:var(--mf-muted)!important}
.melion-company-page .mco-form label span,.melion-company-page form label small{color:var(--mf-muted)!important}
.melion-company-page .mco2-orbit{color:var(--mf-ink)!important}
.melion-company-page .mco2-main small{font-size:11px!important}
.melion-company-page :is(.mco2-small,.mco2-small a){color:var(--mf-muted)!important;font-size:13px!important}
.melion-company-page .mco2-main [class*="score"] span:not([class]),.melion-company-page .mco2-main [class*="scale"] span:not([class]){color:var(--mf-muted)}
.pg .mff-data-note,.pg .mff-data-note *,.pg .mff-section-head .mff-utc{color:var(--mf-muted)!important}
.pg .mff-stats .mff-secondary{background:transparent!important;color:var(--mf-ink)!important;border:1px solid var(--mf-pill)!important;border-radius:4px!important}
.pg .med-aircraft-card i{color:#a9bccb!important}
.melion-company-page :is(.mco2-source-output>span,.mco2-sim-note span,.mco2-price small){color:var(--mf-muted)!important}
.melion-company-page .mco2-market-center .mco2-orbit{color:var(--mf-ink)!important}
.pg .mff-empty .mff-secondary{color:var(--mf-sand)!important;border-color:#dbc49e66!important;background:transparent!important}
.pg .med-studio-more span{color:var(--mf-muted)!important}
.pg .med-studio-note :is(span,summary,small){color:var(--mf-muted)!important}
.pg .med-studio-note div>span:first-child{color:var(--mf-gold)!important}
.pg .med-studio-note a{color:var(--mf-ink)!important;border:1px solid var(--mf-pill);padding:12px 18px;display:inline-flex;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:13px}
body.melion-company-page .mco2-market-center span.mco2-orbit{color:#102c3b!important}
body.melion-company-page .mco2-med-grid p{color:#4f5f63!important}
/* 6g. Phone sizes: match the homepage header and keep labels readable */
@media (max-width:961px){
  .mf-access{font-size:12px!important}
  .eyebrow,.page-hero>.eyebrow,.callout>.eyebrow,.footer-intro>.eyebrow,.hero-copy>.eyebrow,.membership-card>.eyebrow,.modal-body>.eyebrow,
  .comparison-dock .eyebrow,.planner-head .eyebrow,.pricing-note>span,.mco-kicker,.mf-eyebrow{font-size:11px!important}
}
@media (max-width:390px){.mf-access{font-size:11px!important;padding-inline:10px!important}}
.pricing-note>span{color:var(--mf-gold)!important}
.pg .board-local-note p br{display:revert!important}
/* 6h. Live re-audit follow-ups */
body.p-charter .stage>.label{color:var(--mf-gold)!important}
body.p-members .access-story :is(.eyebrow,.kicker,[class*="eyebrow"]){color:var(--mf-sand-text)!important}
.callout p{color:var(--mf-muted)!important}

/* --------------------------------------------------------------------------
   7. Homepage hero: live strip of every empty leg over the photo
   -------------------------------------------------------------------------- */
.cinema-legs{width:100%;max-width:1250px;margin:0 auto 22px;color:#fff;font-family:var(--mf-font)}
.cinema-legs[hidden]{display:none}
.cinema-legs-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;padding:0 2px}
.cinema-legs-title{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#f4e8d5;text-shadow:0 1px 12px #04172480}
.cinema-legs-title i{width:8px;height:8px;border-radius:50%;background:#dbc49e;box-shadow:0 0 0 4px #dbc49e33;flex:none}
.cinema-legs-title b{font-weight:700;color:#fff}
.cinema-legs-tools{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.cinema-legs-tools button,.cinema-legs-tools a{color:#fff;background:none;border:0;border-bottom:1px solid #ffffff80;padding:6px 0;min-height:32px;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-decoration:none;text-shadow:0 1px 12px #04172480}
.cinema-legs-tools button:hover,.cinema-legs-tools a:hover{border-bottom-color:#fff}
.cinema-legs-viewport{overflow:hidden;border-radius:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.cinema-legs-track{display:flex;gap:12px;width:max-content}
.cinema-legs-set{display:flex;gap:12px;padding-right:12px}
.cinema-leg{flex:none;display:grid;grid-template-columns:1fr auto;grid-template-areas:"route price" "meta price";align-items:center;column-gap:18px;row-gap:3px;width:318px;padding:12px 16px;border:1px solid #ffffff2e;border-radius:6px;background:#0a1c28b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-decoration:none;transition:background .2s,border-color .2s}
.cinema-leg:hover,.cinema-leg:focus-visible{background:#0a1c28e6;border-color:#dbc49e}
.cinema-leg:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cinema-leg-route{grid-area:route;display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.25;min-width:0}
.cinema-leg-route b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px}
.cinema-leg-route i{font-style:normal;color:#dbc49e;flex:none}
.cinema-leg-meta{grid-area:meta;font-size:12px;line-height:1.35;color:#d5dde0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cinema-leg-price{grid-area:price;font-size:17px;line-height:1.2;font-weight:700;color:#dbc49e;white-space:nowrap;text-align:right}
@media (prefers-reduced-motion:reduce){
  .cinema-legs-track{animation:none}
  .cinema-legs-viewport{overflow-x:auto;scroll-snap-type:x proximity;-webkit-mask-image:none;mask-image:none}
  .cinema-legs-set[aria-hidden="true"],.cinema-legs-tools button{display:none}
  .cinema-leg{scroll-snap-align:start}
}
@media (max-width:961px){
  .cinema-legs{padding:0 16px;margin-bottom:18px}
  .cinema-legs-title{font-size:11px;letter-spacing:.1em}
  .cinema-legs-tools{gap:14px;font-size:11px}
  .cinema-leg{width:272px;padding:11px 14px}
  .cinema-leg-route{font-size:14px}
  .cinema-leg-route b{max-width:96px}
  .cinema-leg-price{font-size:16px}
}
.cinema-leg{width:330px}
.cinema-leg-price.is-request{font-size:13px;font-weight:400;letter-spacing:.02em;color:#d5dde0}
/* keep the search card on screen: the strip replaces the two old hero buttons */
.cinema-hero .cinema-copy{padding-bottom:16px}
@media (max-width:961px){.cinema-leg{width:272px}.cinema-hero .cinema-copy{padding-bottom:20px}}
