/* Shared original resources: fresh React and retained static/legacy documents. */
.product-header { background:#fff; border-bottom:1px solid #e0e7e5; }
.product-header > nav { gap:clamp(5px,.8vw,14px); }
.product-header > nav > a,.product-header > nav > .nav-submenu > summary { gap:9px; padding:0 9px; min-height:44px; color:#193f37; font-size:13px; font-weight:700; border-radius:10px; }
.product-header > nav > a:hover,.product-header > nav > a.active,.product-header > nav > .nav-submenu > summary:hover,.product-header > nav > .nav-submenu > summary.active,.product-header > nav > .nav-submenu[open] > summary { background:#eaf4ef; color:#153b32; }
body .product-header > nav .nav-icon.nav-icon-v2,body .product-header > nav .nav-icon-resource { width:32px; height:32px; flex-shrink:0; padding:0; border-radius:0; background:transparent center/contain no-repeat; opacity:1; transform:none; }
.product-header > nav svg.nav-icon:has(>path[d^="M9 3 3 5.5"]) { background-image:url('/brand/interface-20261012/explore.svg'); }
.product-header > nav svg.nav-icon:has(>path[d^="M12 21a9"]) { background-image:url('/brand/interface-20261012/now.svg'); }
.product-header > nav svg.nav-icon:has(>path[d^="M12 6.5S"]) { background-image:url('/brand/interface-20261012/guides.svg'); }
.product-header > nav svg.nav-icon:has(>path[d^="M3 6.5A"]) { background-image:url('/brand/interface-20261012/community.svg'); }
.product-header > nav svg.nav-icon:has(>path[d^="M12 22s"]) { background-image:url('/brand/interface-20261012/trips.svg'); }
.product-header > nav svg.nav-icon:has(>path[d^="M3 7.5A"]) { background-image:url('/brand/interface-20261012/messages.svg'); }
.product-header > nav svg.nav-icon:has(>path[d^="M7 3h9"]) { background-image:url('/brand/interface-20261012/wiki.svg'); }
.product-header > nav svg.nav-icon:has(>path[d^="M10.5 17.5"]) { background-image:url('/brand/interface-20261012/search.svg'); }
.product-header > nav svg.nav-icon-v2 > path { visibility:hidden; }
/* Page context beats old dark-hero specificity without changing its behavior. */
body:has(.community-page) .community-page { background:#f5f8f7; color:#193f37; }
body:has(.community-page) .community-page .community-editorial-hero { background:#f5f8f7; color:#193f37; border-top:0; border-bottom:1px solid #dce5e1; }
body:has(.community-page) .community-page .community-editorial-copy > h1 { color:#193f37; }
body:has(.community-page) .community-page .community-editorial-copy > h1 small { color:#52675e; }
body:has(.community-page) .community-page .community-editorial-copy > p { color:#466157; }
body:has(.community-page) .community-page .community-editorial-copy > span { color:#50645c; }
body:has(.community-page) .community-page .community-directory-link { color:#17614c; border-color:#17614c; }
body:has(.community-page) .community-page .community-hero-actions { flex-wrap:wrap; gap:10px; }
body:has(.community-page) .community-page .community-hero-actions button { min-height:44px; padding:0 18px; border:1px solid #aebfb7; border-radius:10px; background:#fff; color:#193f37; font-size:13px; font-weight:700; opacity:1; }
body:has(.community-page) .community-page .community-hero-actions button:last-child { background:#193f37; border-color:#193f37; color:#fff; }
body:has(.community-page) .community-page .community-hero-actions button:disabled { background:#eaf1ed; color:#3b5b4b; border-color:#b7c9bf; cursor:default; opacity:1; }
body:has(.community-page) .community-page .community-editorial-shortcuts { border-top:0; margin-top:18px; padding-top:0; gap:8px; }
body:has(.community-page) .community-page .community-editorial-shortcuts > button,body:has(.community-page) .community-page .community-editorial-shortcuts > a { min-height:40px; padding:0 15px; background:#fff; border:1px solid #c8d7cf; color:#193f37; border-radius:9px; font-size:13px; font-weight:600; }
body:has(.community-page) .community-page .community-editorial-shortcuts > button[aria-pressed=true] { background:#193f37; border-color:#193f37; color:#fff; }
body:has(.community-page) .community-page .community-editorial-shortcuts > button:hover,body:has(.community-page) .community-page .community-editorial-shortcuts > a:hover { background:#eaf4ef; color:#193f37; border-color:#7a9e8c; }
body:has(.community-page) .community-page .community-feed-tabs > button:not(.active) { background:#fff; color:#3c594c; border-color:#c8d7cf; }
body:has(.community-page) .community-page .community-feed-tabs > button.active { background:#193f37; border-color:#193f37; color:#fff; }
body:has(.community-page) .community-page .community-context-rail h2,body:has(.community-page) .community-page .community-context-rail h3 { color:#193f37; }
body:has(.community-page) .community-page .community-context-rail p { color:#50645c; }
body:has(.community-page) .community-page .community-hero-actions button:focus-visible,body:has(.community-page) .community-page .community-editorial-shortcuts > :focus-visible { outline:3px solid #287db1; outline-offset:3px; }
@media(max-width:1100px){body .product-header > nav .nav-icon.nav-icon-v2,body .product-header > nav .nav-icon-resource{width:28px;height:28px}.product-header > nav > a,.product-header > nav > .nav-submenu > summary{font-size:12px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.product-header > nav > a,.product-header > nav > .nav-submenu > summary{transition:none}}