/* Pyonair shared site chrome: ONE header/nav + ONE site footer.
   Namespaced .pyo-* so it never collides with per-page stylesheets.
   Visual reference: approved homepage header (white bar, logo left, ink nav,
   ghost + red CTA right) + the approved light columned site footer. */
html{scroll-padding-top:96px} /* sticky header is 82px (68px mobile): every in-page anchor lands below it */
.pyo-header{position:sticky;top:0;z-index:900;background:#FFFFFF;border-bottom:1px solid #E6E8EC;
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
.pyo-header-in{max-width:1440px;margin:0 auto;height:82px;padding:0 5%;
  display:flex;align-items:center;gap:40px}
.pyo-brand{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.pyo-brand img{height:32px;width:auto;max-width:100%;object-fit:contain;display:block} /* official mark is 332.4x84.5 (3.93:1): cap height, never fix both dims */
.pyo-brand:focus-visible{outline:2px solid #E63946;outline-offset:4px}
.pyo-nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:14px;position:static;background:none;border:0;padding:0}
.pyo-nav a{color:#1B1D22;text-decoration:none;padding:8px 0;font-weight:500;white-space:nowrap}
.pyo-nav a:hover{color:#E63946}
.pyo-nav a:focus-visible{outline:2px solid #E63946;outline-offset:4px}
.pyo-nav a[aria-current="page"]{color:#E63946}
.pyo-home-link{display:none}
.pyo-caret{font-size:12px;color:#6B7280;margin-left:2px}
.pyo-nav span.pyo-top{color:#1B1D22;padding:8px 0;font-weight:500;white-space:nowrap;cursor:default;display:inline-flex;align-items:center}
.pyo-group.is-current > .pyo-top{color:#E63946}
.pyo-drop a[aria-current="page"]{color:#E63946}
.pyo-group{position:relative;display:flex;align-items:center}
.pyo-drop{display:none;position:absolute;top:100%;left:-18px;min-width:248px;background:#FFFFFF;
  border:1px solid #E6E8EC;border-radius:10px;box-shadow:0 14px 34px rgba(27,29,34,.10);
  padding:8px;z-index:950;flex-direction:column}
.pyo-group:hover .pyo-drop,.pyo-group:focus-within .pyo-drop{display:flex}
.pyo-drop a{display:block;padding:10px 14px;border-radius:7px;font-weight:400}
.pyo-drop a:hover{background:#F7F8FA;color:#E63946}
.pyo-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.pyo-ghostlink{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;
  background:#FFFFFF;border:1px solid #E63946;border-radius:5px;color:#1B1D22;font-size:15px;
  font-weight:500;text-decoration:none;min-height:44px;box-sizing:border-box;transition:background .2s}
.pyo-ghostlink:hover{background:#F7F8FA}
.pyo-ghostlink:focus-visible{outline:2px solid #E63946;outline-offset:2px}
.pyo-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;
  background:#E63946;border:1px solid #E63946;border-radius:5px;color:#FFFFFF;font-size:15px;
  font-weight:500;text-decoration:none;min-height:44px;box-sizing:border-box;transition:opacity .2s}
.pyo-btn:hover{opacity:.9;color:#FFFFFF}
.pyo-btn:focus-visible{outline:2px solid #E63946;outline-offset:2px}
.pyo-menu-toggle{display:none;background:#FFFFFF;border:0;padding:8px;margin:0;color:#1B1D22;
  cursor:pointer;line-height:0;border-radius:6px;min-height:44px;min-width:44px;
  align-items:center;justify-content:center}
.pyo-menu-toggle:hover{background:#F7F8FA}
.pyo-menu-toggle:focus-visible{outline:2px solid #E63946;outline-offset:2px}

@media (max-width:1199px){
  .pyo-header-in{height:68px;padding:0 20px;gap:16px}
  .pyo-brand img{height:28px}
  .pyo-ghostlink{display:none}
  .pyo-menu-toggle{display:inline-flex}
  .pyo-nav{display:none;position:absolute;top:68px;left:12px;right:12px;margin:0;
    flex-direction:column;align-items:stretch;gap:0;background:#FFFFFF;
    border:1px solid #E6E8EC;border-radius:10px;padding:8px;
    box-shadow:0 18px 40px rgba(27,29,34,.14);z-index:950;max-height:calc(100vh - 84px);overflow:auto}
  .pyo-nav.is-open{display:flex}
  .pyo-home-link{display:block}
  .pyo-nav a{padding:12px 14px;border-radius:7px}
  .pyo-nav a:hover{background:#F7F8FA}
  .pyo-group{flex-direction:column;align-items:stretch}
  .pyo-group .pyo-top{width:100%;box-sizing:border-box}
  .pyo-nav span.pyo-top{display:block;padding:12px 14px 4px;color:#6B7280;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
  .pyo-nav span.pyo-top .pyo-caret{display:none}
  .pyo-drop{display:flex;position:static;min-width:0;border:0;box-shadow:none;padding:0 0 4px 14px}
}
@media (max-width:767px){
  .pyo-btn{padding:11px 16px;font-size:14px;min-height:40px}
}
@media (max-width:420px){
  .pyo-btn{display:none}
}

/* Site footer: the shared bundled closing CTA + white footer component lives in
   /shared/footer.css (.pyonair-* namespace, from the Professionals v3.0 handoff). */

/* Hardening: the homepage stylesheet styles bare header/footer/nav elements
   (its own approved chrome). These class-level resets out-rank those element
   rules so the shared chrome renders identically on every page. */
.pyo-header{display:block;height:auto;max-width:none;margin:0;padding:0;gap:0;align-items:normal}

/* Homepage-only helper: ghost link styled like the approved secondary button */
a.pyo-ghost-cta{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;
  background:#FFFFFF;border:1px solid #E63946;border-radius:5px;color:#1B1D22;
  font-size:16px;font-weight:400;text-decoration:none;min-height:44px;box-sizing:border-box;
  transition:background .2s}
a.pyo-ghost-cta:hover{background:#F7F8FA}
a.pyo-ghost-cta:focus-visible{outline:2px solid #E63946;outline-offset:2px}