/* Variante 04: shared chrome, with changes to content scoped to knowledge/account. */
:root{--editorial-line:color-mix(in srgb,var(--text-color) 24%,transparent);--editorial-pad:clamp(20px,6.15vw,100px)}
html body #siteHeader.archive-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;width:auto!important;height:104px!important;min-height:0!important;margin:0 var(--editorial-pad)!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--editorial-line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--text-color)!important}
html body:has(.shop-scene) #siteHeader.archive-header{inset:0 0 auto!important}
html body #siteHeader.archive-header :is(a,span),html body #footer[data-unified-footer] :is(a,h2,h3,span,button){color:var(--text-color)!important;text-shadow:none!important;font-family:var(--font-family)!important;font-weight:var(--font-weight)!important;letter-spacing:var(--font-tracking)!important;text-transform:var(--text-transform)!important}
html body #siteHeader.archive-header .brand-main{font-size:14px!important;letter-spacing:calc(var(--font-tracking) + .08em)!important;white-space:nowrap}
html body #siteHeader.archive-header nav{display:flex!important;gap:clamp(22px,3.8vw,60px)!important;width:auto!important;align-items:center!important}
html body #siteHeader.archive-header nav a{font-size:var(--nav-font-size)!important;line-height:1.5!important;min-height:44px;display:inline-flex;align-items:center;padding:0!important;background:transparent!important;border:0!important;text-decoration:none;white-space:nowrap}
html body #siteHeader.archive-header nav a[aria-current=page]{text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:10px!important}
html body #siteHeader.archive-header a:hover,html body #footer[data-unified-footer] a:hover{opacity:.7}
html body #footer[data-unified-footer]{width:auto!important;max-width:none!important;margin:0 var(--editorial-pad)!important;padding:58px 0 34px!important;background:transparent!important;border:0!important;border-top:1px solid var(--editorial-line)!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--text-color)!important;font-family:var(--font-family)!important}
html body #footer[data-unified-footer] :is(a,h2,h3,span,button){font-size:var(--footer-font-size)!important;line-height:1.8!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
html body #footer[data-unified-footer] section{background:transparent!important;border:0!important;box-shadow:none!important}
html body #footer[data-unified-footer] h2{margin-bottom:22px!important}
html body #footer[data-unified-footer] a{min-height:32px;text-decoration:none}
html body #footer[data-unified-footer] a:hover{text-decoration:underline;text-underline-offset:5px}
html body #footer[data-unified-footer] svg{display:none}
body:has(.kw-page),body.kw-page,body:has(.account-page){--os-ink:var(--text-color);--os-muted:var(--text-color);--os-accent:var(--text-color);--future-text:var(--text-color);--future-muted:var(--text-color);--os-paper:#fafbf8;background:#fafbf8!important;color:var(--text-color)!important}
html body:is(.kw-page,:has(.account-page)) :is(main,main *,dialog,dialog *,[role=dialog],[role=dialog] *, .search-layer *){color:var(--text-color)!important;font-family:var(--font-family)!important;text-shadow:none!important}
html body:is(.kw-page,:has(.account-page)) :is(input,textarea)::placeholder{color:var(--text-color)!important;opacity:1}
html body:is(.kw-page,:has(.account-page)) :is(.future-module,.kw-explorer-panel,.gh-knowledge-card,.customer-auth-card,.customer-panel,.customer-card,.customer-stat,.customer-knowledge-card){border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;background:transparent!important;border-color:var(--editorial-line)!important;transform:none!important}
html body:is(.kw-page,:has(.account-page)) :is(button,input,select,textarea,.btn,.customer-button){border-radius:0!important;box-shadow:none!important;background:#fafbf8!important;color:var(--text-color)!important;border-color:var(--editorial-line)!important}
html body:is(.kw-page,:has(.account-page)) :is(#archive-node,#archive-space,.future-orbits){display:none!important}
html body:is(.kw-page,:has(.account-page))::before{display:none!important}
html body.kw-page .kw-hero{background:transparent!important;border:0!important;box-shadow:none!important;padding-top:60px!important;padding-bottom:60px!important}
html body.kw-page .future-sphere{background:transparent!important;box-shadow:none!important;border:0!important}
html body.kw-page .future-sphere::before,html body.kw-page .future-sphere::after{display:none!important}
html body.kw-page #knowledgeMap canvas{filter:invert(1) grayscale(1)!important;mix-blend-mode:multiply}
html body:has(.account-page) .account-visual{background:transparent!important;padding-block:60px!important}
html body:has(.account-page) :is(.customer-xp,.customer-badge,.collection-badge,.customer-level){background:transparent!important;border:1px solid var(--editorial-line)!important;border-radius:0!important;box-shadow:none!important}
@media(prefers-reduced-motion:no-preference){body.kw-page main,body:has(.account-page) main{animation:editorial-arrival 180ms ease-out}@keyframes editorial-arrival{from{opacity:.8}to{opacity:1}}}
@media(max-width:800px){html body #siteHeader.archive-header{height:auto!important;min-height:118px!important;flex-direction:column!important;justify-content:center!important;gap:12px!important;padding:16px 0!important}html body #siteHeader.archive-header nav{flex-wrap:wrap;justify-content:center!important;gap:8px 22px!important}html body #siteHeader.archive-header .brand-main{font-size:12px!important}html body #siteHeader.archive-header nav a{font-size:min(var(--nav-font-size),11px)!important;white-space:normal;text-align:center}html body #footer[data-unified-footer] .archive-footer-columns{gap:34px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}

html body:has(.shop-scene) #siteHeader.archive-header{position:absolute!important}
html body.kw-page #knowledgeMap{mix-blend-mode:multiply!important}
html body:is(.kw-page,:has(.account-page)) .pa-owner-switch{background:#fafbf8!important;color:var(--text-color)!important;box-shadow:none!important;border:1px solid var(--editorial-line)!important;border-radius:0!important}
html body:is(.kw-page,:has(.account-page)) .pa-owner-switch *{color:var(--text-color)!important}

html body #customerAccountRoot :is(button,input,select,textarea){color:var(--text-color)!important;background:#fafbf8!important;border:1px solid var(--editorial-line)!important;border-radius:0!important;box-shadow:none!important}
html body #customerAccountRoot *,html body.kw-page main *{color:var(--text-color)!important;font-family:var(--font-family)!important;font-weight:var(--font-weight)!important}
html body #customerAccountRoot :is(.customer-auth-card,.customer-auth-form){background:transparent!important;box-shadow:none!important;border-radius:0!important}
html body.kw-page .future-sphere{background:#fafbf8!important}

html body.kw-page #knowledgeMap,html body.kw-page #knowledgeMap canvas{mix-blend-mode:normal!important}
html body.kw-page #knowledgeMap canvas{filter:invert(1)!important}

/* Native document navigation: immediate click, short dissolve, no scripted delay. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:120ms;animation-timing-function:ease-out}
html:active-view-transition{background:#101914}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}