.site-header .menu-toggle,.community-header .nav-toggle{display:none}
:root{--site-max-width:1200px;--site-gutter:40px;--site-width:min(var(--site-max-width),calc(100% - var(--site-gutter)*2));--site-heading:clamp(34px,4vw,56px)}
html{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;color:var(--zo-text-primary);background:var(--zo-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{background:var(--zo-bg-primary);color:var(--zo-text-primary);margin:0}
.site-header,.community-header{width:var(--site-width);max-width:none;margin-inline:auto;padding-inline:0;height:88px;gap:36px;display:flex;align-items:center;justify-content:initial;border-bottom:1px solid var(--zo-border-subtle);background:transparent}
.site-header .brand,.community-header .community-brand{display:flex;gap:8px;align-items:center;font-size:17px;font-weight:600;letter-spacing:.025em;line-height:1.3;white-space:nowrap}
.site-header .brand img,.community-header .community-brand img{width:34px;height:34px;object-fit:contain}
.brand-detail{display:block;font-size:10px;letter-spacing:.025em;font-weight:400;color:var(--zo-text-secondary);margin-top:3px}
.site-header > nav,.community-header > nav{display:flex;gap:28px;font-size:14px;align-items:center}
.site-header .header-actions,.community-header .header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}
.site-theme-select{color:var(--zo-text-primary);background:var(--zo-surface-primary);border:1px solid var(--zo-border-subtle);border-radius:var(--zo-radius-key,8px);padding:8px 10px;max-width:130px;font-size:12px;min-height:36px}
.site-header .download-link,.community-header .download-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--zo-border-subtle);background:var(--zo-candidate-selected);color:var(--zo-on-accent);padding:8px 15px;border-radius:var(--zo-radius-key,8px);font-size:12px;white-space:nowrap}
.community-main,.download-page,.capability,.platform-section,.privacy-section,.proof-section,.page-intro,.content-page,.play-page,.glass-showcase,.latest-content,.editing-story,.appearance,.theme-section,.closing{width:var(--site-width);max-width:none;margin-inline:auto;padding-inline:0}
.download-page,.page-intro,.content-page{padding-top:64px;padding-bottom:64px}
.page-intro h1,.page-heading h1{font-size:var(--site-heading);font-weight:550;letter-spacing:var(--zo-tracking-display);line-height:var(--zo-leading-display)}
.page-heading{max-width:none;padding:64px 0 38px}
.product-facts{max-width:850px;margin-top:42px}
.timeline{max-width:900px}
.site-footer,.community-footer{width:var(--site-width);max-width:none;margin-inline:auto;padding:32px 0;display:grid;grid-template-columns:1fr auto;gap:24px;border-top:1px solid var(--zo-border-subtle);font-size:12px;color:var(--zo-text-secondary)}
.site-footer nav,.community-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.site-footer .community-brand,.community-footer .community-brand{font-size:16px;color:var(--zo-text-primary);font-weight:600}
.site-footer p,.community-footer p{font-size:11px;margin:12px 0 0}
.site-footer .footer-bottom,.community-footer .footer-bottom{grid-column:1/-1;border-top:1px solid var(--zo-border-subtle);padding-top:20px;font-size:10px}
[data-glass=true] .news-card,[data-glass=true] .guide-card,[data-glass=true] .topic-card{background:color-mix(in srgb,var(--zo-surface-glass) 85%,transparent);backdrop-filter:blur(18px)}
[data-solid=true] .news-card,[data-solid=true] .guide-card,[data-solid=true] .topic-card{background:var(--zo-surface-primary);backdrop-filter:none}
@media(max-width:900px){:root{--site-gutter:28px}.site-header,.community-header{gap:20px}.site-header > nav,.community-header > nav{gap:18px}.site-theme-select{max-width:105px}}
@media(max-width:720px){:root{--site-gutter:22px;--site-heading:32px}.site-header,.community-header{height:76px;position:relative;gap:12px}.site-header .brand,.community-header .community-brand{font-size:16px}.site-header .brand img,.community-header .community-brand img{width:28px;height:28px}.brand-detail{font-size:8px}.site-header .header-actions,.community-header .header-actions{gap:8px;margin-left:0}.site-theme-select{width:66px;font-size:10px;min-height:34px;padding:6px 4px}.site-header .download-link,.community-header .download-link{padding:8px 10px;font-size:10px}.site-header > nav,.community-header > nav{display:none;position:absolute;top:75px;left:0;right:0;padding:22px;background:var(--zo-bg-primary);border:1px solid var(--zo-border-subtle);z-index:10;flex-direction:row;flex-wrap:wrap;gap:24px}.site-header > nav.open,.community-header > nav.open{display:flex}.site-header .menu-toggle,.community-header .nav-toggle{display:block;background:none;color:inherit;border:0;font-size:11px;padding:6px;margin-left:auto}.download-page,.page-intro,.content-page,.page-heading{padding-top:42px;padding-bottom:32px}.play-page{padding-top:42px}.site-footer,.community-footer{grid-template-columns:1fr}.site-footer nav,.community-footer nav{gap:18px}.community-main{padding-inline:0}}

/* Shared identity and native public content across website and community. */
.site-header a,.community-header a,.site-footer a,.community-footer a{text-decoration:none;color:inherit}
.site-header > nav,.community-header > nav{gap:20px}
.site-account{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px}
.site-account-name{max-width:95px;overflow:hidden;text-overflow:ellipsis;display:block}
.site-account button,.community-retry{font:inherit;background:none;border:0;color:var(--zo-text-secondary);padding:0;cursor:pointer}
.site-account button:focus-visible,.community-retry:focus-visible{outline:2px solid var(--zo-accent);outline-offset:4px}
.community-question-link{display:block;padding:14px 0;border-bottom:1px solid var(--zo-border-subtle);font-size:14px;line-height:1.65;color:var(--zo-text-primary);text-decoration:none}
.community-question-link span{display:block;font-size:11px;color:var(--zo-text-secondary);margin-top:6px}
.community-discussions [data-community-status],.article-discussions [data-community-status]{font-size:13px;color:var(--zo-text-secondary);line-height:1.8}
.article-discussions{border-top:1px solid var(--zo-border-subtle);padding-top:28px;margin-top:36px}
.article-discussions h2{font-size:22px;margin-bottom:18px}
.article-discussions>.quiet-link,.community-discussions>.quiet-link{display:inline-block;margin-top:18px}
@media(min-width:721px) and (max-width:1100px){.site-header,.community-header{position:relative;gap:18px}.site-header .menu-toggle,.community-header .nav-toggle{display:block;margin-left:auto;border:0;background:none;color:inherit;font-size:12px}.site-header > nav,.community-header > nav{display:none;position:absolute;top:87px;left:0;right:0;z-index:20;padding:24px;background:var(--zo-bg-primary);border:1px solid var(--zo-border-subtle);flex-wrap:wrap}.site-header > nav.open,.community-header > nav.open{display:flex}.site-header .header-actions,.community-header .header-actions{margin-left:0}}
@media(max-width:720px){.site-header > nav,.community-header > nav{z-index:1050}.site-account{width:100%;padding-top:14px;border-top:1px solid var(--zo-border-subtle)}.site-header .header-actions,.community-header .header-actions{gap:6px}.site-header,.community-header{gap:8px}.site-header .download-link,.community-header .download-link{padding:8px;font-size:10px}}
@media(max-width:359px){:root{--site-gutter:16px}.site-theme-select{width:58px}.site-header .brand,.community-header .community-brand{gap:5px;font-size:14px}.site-header .brand img,.community-header .community-brand img{width:24px;height:24px}}

@media(max-width:1100px){.newsroom-aside{display:block;grid-column:1/-1}.newsroom-aside>.aside-module:not(.community-discussions),.newsroom-aside>.aside-subscribe{display:none}.community-discussions{max-width:none}.community-discussions [data-community-list]{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}}
@media(max-width:720px){.community-discussions [data-community-list]{grid-template-columns:1fr}}

.site-header .brand img,.community-header .community-brand img{filter:var(--site-logo-filter,none);transform:scale(1.45)}

/* A single header frame; account controls share the right-hand utility group. */
.site-header,.community-header{gap:28px}
.site-header > nav,.community-header > nav{gap:22px}
.site-desktop-account{display:flex;align-items:center;padding-left:16px;border-left:1px solid var(--zo-border-subtle);min-height:28px}
.site-menu-account,.site-menu-content{display:none}
.site-account{font-size:12px}
@media(max-width:1100px){.site-desktop-account{display:none}.site-header > nav,.community-header > nav{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 40px color-mix(in srgb,var(--zo-text-primary) 8%,transparent);border-radius:0 0 12px 12px}.site-menu-account{display:flex;width:100%;padding-top:16px;border-top:1px solid var(--zo-border-subtle)}.site-menu-account .site-account{width:auto;padding:0;border:0}.site-menu-content{display:block;flex-basis:100%;border-top:1px solid var(--zo-border-subtle);padding-top:20px}.site-header .header-actions,.community-header .header-actions{margin-left:0}}

/* A single footer region, including attribution without a second divider. */
.site-footer,.community-footer{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px 40px;padding:28px 0;font-size:12px}
.site-footer>div,.community-footer>div{flex:1 1 260px}
.site-footer nav,.community-footer nav{flex:1 1 380px;justify-content:flex-end;line-height:1.8}
.site-footer .footer-bottom,.community-footer .footer-bottom{flex-basis:100%;border:0;padding:0;margin:0;font-size:11px;line-height:1.8;display:block}
@media(max-width:720px){.site-footer nav,.community-footer nav{justify-content:flex-start;flex-basis:100%}.site-footer,.community-footer{gap:16px;padding:24px 0}}

/* Advertising stays outside reading/actions; fixed ad height prevents late growth. */
.site-ad{margin:80px 0 64px;padding-top:24px;border-top:1px solid var(--zo-border-subtle);width:100%;min-width:0}
.site-ad[hidden]{display:none!important}
.site-ad-label{font-size:12px;letter-spacing:.12em;opacity:.65;margin-bottom:16px}
.site-ad-space{width:100%;min-height:100px}
.site-ad-note,.site-funding-note{font-size:12px;line-height:1.8;opacity:.8;overflow-wrap:anywhere}
.site-ad-note{margin:16px 0 0}
.site-ad-note button,[data-ad-preference]{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:2px;cursor:pointer}
.site-funding-note{flex-basis:100%;margin-top:12px}
.contact-menu-slot{display:contents}.contact-menu{position:relative;font-size:14px;color:var(--zo-text-primary)}
.contact-menu summary{cursor:pointer;list-style:none;white-space:nowrap;padding:12px 0;min-height:20px}.contact-menu summary::-webkit-details-marker{display:none}
.contact-menu summary:focus-visible,.contact-panel a:focus-visible,.contact-panel button:focus-visible{outline:2px solid var(--zo-accent);outline-offset:4px}
.contact-panel{position:absolute;right:0;top:calc(100% + 14px);width:360px;max-width:calc(100vw - 48px);padding:28px;background:var(--zo-bg-primary);border:1px solid var(--zo-border-subtle);border-radius:18px;box-shadow:0 20px 60px color-mix(in srgb,var(--zo-text-primary) 12%,transparent);z-index:1100;box-sizing:border-box;text-align:left}
.contact-panel .contact-eyebrow{font-size:11px;letter-spacing:.06em;color:var(--zo-accent);margin:0 0 12px}.contact-panel h2{font-size:23px;font-weight:550;line-height:1.4;letter-spacing:-.02em;margin:0 0 8px}.contact-panel .contact-intro{font-size:13px;color:var(--zo-text-secondary);line-height:1.7;margin:0 0 20px}
.contact-rows{display:grid}.contact-rows>a,.contact-rows>button{display:flex!important;align-items:center;justify-content:space-between;gap:18px;min-height:72px;width:100%;box-sizing:border-box;text-decoration:none;background:none;border:0;border-top:1px solid var(--zo-border-subtle);border-radius:0;color:var(--zo-text-primary);padding:14px 2px;text-align:left;cursor:pointer;font:inherit}
.contact-rows strong{display:block;font-size:14px;font-weight:550}.contact-rows small{display:block;font-size:12px;color:var(--zo-text-secondary);line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.contact-rows>a:hover,.contact-rows>button:hover{color:var(--zo-accent)}.contact-rows>[aria-disabled=true]{opacity:.65;cursor:default}.contact-copy-label{font-size:12px;color:var(--zo-accent)}.contact-status{font-size:11px;color:var(--zo-text-secondary);line-height:1.7;min-height:20px;margin:16px 0 0}
@media(max-width:1200px) and (min-width:1101px){.site-header,.community-header{gap:18px}.site-header>nav,.community-header>nav{gap:16px}.site-header .brand,.community-header .community-brand{font-size:15px}}
@media(max-width:1100px){.contact-menu-slot{display:block;width:100%}.site-header>nav>.contact-menu,.community-header>nav>.contact-menu{width:100%}.contact-panel{position:static;width:100%;max-width:none;box-shadow:none;border:0;border-top:1px solid var(--zo-border-subtle);border-radius:0;padding:24px 0 4px}.contact-menu summary{padding:8px 0;min-height:28px}.contact-menu[open]{width:100%}}
