/* Site chrome is scoped to its own component. Content <header> elements stay in flow. */
:root { --tls-header-height: 81px; --tls-admin-bar-height: 0px; }
body { overflow-x: clip; }
body.admin-bar { --tls-admin-bar-height: 32px; }
html { scroll-padding-top: calc(var(--tls-header-height) + 24px); }
.tls-site-header { flex: none; }
.tls-site-header .header-content { gap: 24px; width: min(1400px, calc(100% - 64px)); }
.tls-site-header .logo { display: flex; flex-shrink: 0; align-items: center; }
.tls-site-header .logo svg { display: block; min-height: 0; height: 54px !important; width: 111px; }
.tls-site-header .header-right { flex-shrink: 0; }
.tls-site-header .hamburger { background: none; border: 0; padding: 0; border-radius: 0; color: inherit; }
.tls-site-header a:focus-visible, .tls-site-header button:focus-visible { outline: 2px solid var(--brand-orange); outline-offset: 5px; }
.tls-site-header .nav-links .menu-item-has-children:focus-within .sub-menu { opacity: 1; visibility: visible; transform: translateX(-50%); }
body .mobile-menu { width: 100% !important; top: calc(var(--tls-header-height) + var(--tls-admin-bar-height)) !important; height: calc(100dvh - var(--tls-header-height) - var(--tls-admin-bar-height)) !important; padding: 24px 0 36px !important; }
.tls-growth-landing, .tls-growth-article { padding-top: clamp(32px, 5vw, 64px); }
.tls-growth-landing.container, .tls-growth-article.container { width: min(1280px, calc(100% - 64px)); }
.tls-growth-hero { position: static; }
.tls-growth-prose h2 { scroll-margin-top: 24px; }
.tls-growth-product-grid { align-items: stretch; }
.tls-growth-product-image { background: #fff; padding: 12px; }
.tls-growth-open { font-size: .9rem; font-weight: 600; }
.tls-growth-pagination a, .tls-growth-pagination span { min-width: 44px; text-align: center; }
@media (max-width: 1100px) {
    .tls-site-header .nav-links { display: none; }
    .tls-site-header .hamburger { display: flex; }
}
@media (max-width: 782px) { body.admin-bar { --tls-admin-bar-height: 46px; } }
@media (max-width: 900px) { .tls-site-header .header-content { width: calc(100% - 40px); } }
@media (max-width: 600px) {
    body.admin-bar { --tls-admin-bar-height: 0px; }
    .tls-site-header .header-content { min-height: 72px; gap: 16px; width: calc(100% - 32px); }
    .tls-growth-landing.container, .tls-growth-article.container { width: calc(100% - 32px); }
    .tls-growth-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; padding-bottom: 10px; }
    .tls-growth-nav a { flex: 0 0 auto; white-space: nowrap; }
    .tls-site-header .logo svg { height: 44px !important; width: 91px; }
    .tls-site-header .header-right { gap: 14px; }
    .tls-site-header .tls-header-search-btn { margin: 0; }
    .tls-site-header .header-social { display: none; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }