/* Host-only integration. The approved study's shadow styles are unchanged. */
@font-face{font-family:Barlow;src:url('assets/barlow-condensed-light.ttf') format('truetype');font-weight:300;font-display:swap}
body[data-page=spaces]{background:#201d1b}
body[data-page=spaces] main,spaces-study{display:block;overflow:visible}
body[data-page=spaces] .header{position:fixed;top:8px;left:50%;right:auto;width:max-content;height:44px;transform:translateX(-50%);padding:0;gap:24px;background:transparent}
body[data-page=spaces] .header .brand,body[data-page=spaces] .header .desktop-link,body[data-page=spaces] .header nav>a{display:none}
body[data-page=spaces] .header .menu-toggle{display:block;padding:0;min-height:44px;font-size:11px}
.spaces-back{display:inline-flex;align-items:center;min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:5px}
body[data-page=spaces] .header.is-study-active:not(:focus-within){visibility:hidden;pointer-events:none}
spaces-study .fallback{padding:80px var(--margin);max-width:1100px;margin:auto}
spaces-study .fallback img{width:100%;height:auto;margin-block:32px}
spaces-study .fallback p{max-width:65ch}
@media(max-width:767px){body[data-page=spaces] .header{top:0;gap:20px}}
html:has(body[data-page=spaces]){overscroll-behavior-y:none}