.interface{--home-gap:24px;margin-bottom:72px;min-width:0}.interface *{box-sizing:border-box}.home-tabs{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0 0 36px;padding:0}.home-tabs button{display:inline-flex;align-items:center;gap:14px;min-height:58px;padding:15px 23px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-contrast);font:400 17px/1.2 var(--font-family-mono,"Geist Mono",monospace);cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease}.home-tabs button svg{width:26px;height:26px;flex:none;color:var(--color-secondary);fill:currentColor}.home-tabs button[aria-selected=true]{background:var(--color-background-200);border-color:var(--color-background-300)}.home-tabs button:hover{background:var(--color-background-100)}.home-tabs button:focus-visible,.interface button:focus-visible,.interface input:focus-visible,.interface select:focus-visible,.spatial-stage:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.home-tabs button[aria-selected=true] svg{color:var(--color-contrast)}#home-panel{outline:0}.interface .section-hero{margin-bottom:40px}.home-section-title,.home-spatial h1{margin:0 0 32px;font-size:clamp(32px,4vw,56px);font-weight:650;line-height:1.08;letter-spacing:-.035em}.home-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 28px;color:var(--color-secondary);font-size:13px}.home-count{white-space:nowrap}.home-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-tools input,.home-tools select{border:0;background:var(--color-background-100);border-radius:6px;color:var(--color-foreground);font:inherit;padding:10px 12px;min-width:0}.home-tools input{width:200px}.home-grid{position:relative;display:block;width:100%;margin-bottom:40px}.home-grid:after{content:"";display:block;clear:both}.home-card{width:calc((100% - 48px)/3);margin-bottom:40px;float:left}.home-card .post-card{display:block;width:100%;padding:0;margin:0}.home-card .post-media{width:100%;margin-bottom:16px}.home-card .post-card-media:empty{display:none}.home-card .post-card h3{font-size:var(--font-large);line-height:1.3;margin:0 0 12px;letter-spacing:-.025em}.home-card .post-card-content{padding:0}.home-card .post-card p{font-size:15px;line-height:1.5;margin:0 0 14px}.home-card .post-card-meta{font-size:12px;gap:6px 10px}.home-card .post-featured-image,.home-card .post-featured-image img{width:100%;height:auto;aspect-ratio:auto}.home-card .post-media:has(video){min-height:180px}.home-feed-sentinel{height:1px;pointer-events:none}.home-empty{padding:48px 0}.home-empty button{background:none;border:0;color:var(--color-accent);cursor:pointer}.home-grid.home-editorial{display:block!important;height:auto!important}.home-editorial .home-card{position:relative!important;left:auto!important;top:auto!important;float:none;display:block;width:100%!important;max-width:none;margin:0;padding:36px 0;border-top:1px solid var(--color-border)}.home-editorial .home-card .post-card{display:grid;grid-template-columns:1fr 1.35fr;gap:32px}.home-editorial .home-card:nth-child(4n+1) .post-card{grid-template-columns:1.5fr 1fr}.home-editorial .home-card:nth-child(4n+1) h3{font-size:clamp(28px,3.3vw,50px)}.home-editorial .home-card .post-card p{max-width:65ch}.home-editorial .home-card .post-media{margin:0}.home-editorial .home-card .post-card-content{align-self:center}.home-editorial .home-card:nth-child(4n+3) .post-media{order:2}.home-editorial .home-card:nth-child(4n+3) .post-card-content{order:1}.spatial-controls,.spatial-position{display:flex;align-items:center;gap:10px}.spatial-controls button,.spatial-position button{border:1px solid var(--color-border);background:transparent;color:var(--color-foreground);border-radius:999px;padding:10px 17px;font:inherit;cursor:pointer}.spatial-controls button[aria-pressed=true]{background:var(--color-background-200);color:var(--color-contrast)}.spatial-controls span{margin-left:auto;color:var(--color-secondary);font-size:13px}.spatial-stage{height:650px;position:relative;perspective:1300px;overflow:hidden;touch-action:pan-y;isolation:isolate;cursor:grab}.spatial-card{position:absolute;left:50%;top:44%;width:220px;min-height:180px;max-height:360px;display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--color-background-100);color:var(--color-contrast);border:1px solid var(--color-border);border-radius:8px;backface-visibility:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.spatial-card img{height:200px;width:100%;object-fit:cover}.spatial-card span{font-size:17px;line-height:1.2;font-weight:600}.spatial-position label{flex:1}.spatial-position input{width:100%;accent-color:var(--color-accent)}.spatial-caption{display:flex;gap:16px;margin-top:24px;font-size:16px;line-height:1.4}.spatial-caption time{color:var(--color-secondary);white-space:nowrap}.spatial-position button:disabled{opacity:.35;cursor:default}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.interface ::selection{background:var(--color-accent);color:#111}.interface input{caret-color:var(--color-accent)}
@media(min-width:1800px){.home-card{width:calc((100% - 72px)/4)}}@media(max-width:1100px){.home-card{width:calc((100% - 24px)/2)}.home-tabs button{font-size:15px;min-height:50px;padding:12px 18px;gap:10px}.home-tabs button svg{width:22px;height:22px}.home-tools{align-items:flex-start}.home-tools input{width:170px}}
@media(max-width:600px){.home-tabs{gap:8px;margin-bottom:28px}.home-tabs button{font-size:12px;padding:10px 12px;min-height:43px;gap:7px}.home-tabs button svg{width:19px;height:19px}.home-tools{flex-direction:column;gap:12px}.home-filters{width:100%;gap:8px}.home-filters label:first-child{flex:1}.home-tools input{width:100%}.home-tools select{font-size:12px;max-width:100%}.home-card{width:100%}.home-card .post-card h3{font-size:var(--font-large)}.home-editorial .home-card .post-card{display:flex;flex-direction:column;gap:20px}.home-editorial .home-card:nth-child(4n+3) .post-media{order:0}.home-editorial .home-card:nth-child(4n+3) .post-card-content{order:0}.home-editorial .home-card:nth-child(4n+1) h3{font-size:32px}.spatial-stage{height:530px;perspective:1400px}.spatial-card{width:150px;max-height:280px}.spatial-card img{height:140px}.spatial-card span{font-size:13px}.spatial-controls{font-size:12px;gap:6px}.spatial-controls button{padding:9px 12px}.spatial-caption{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.interface *{scroll-behavior:auto!important;transition:none!important}}
/* Published media keeps its native proportions in the masonry preview. */
.home-card .post-card-media:has(.post-featured-image){aspect-ratio:auto;height:auto;overflow:visible}.home-card .post-card-media:not(:has(.post-featured-image,video,iframe)){display:none}
@media(max-width:850px){body:has(.interface) :is(main.container,div.container[data-scope-layout]){display:block;grid-template-columns:minmax(0,1fr)}body:has(.interface) :is(main.container,div.container[data-scope-layout])>aside.sidebar{display:none}body:has(.interface) :is(main.container,div.container[data-scope-layout])>.content{display:block;width:100%;min-width:0;padding:24px 16px}.interface{width:100%}.interface .section-hero{padding-inline:0;margin-inline:0}.home-tabs{width:100%}}

/* Preview refinement: match the incumbent Telegram CTA dimensions. */
.home-tabs button{min-height:2.25rem;padding:.375rem .875rem;gap:6px;font-family:var(--font-family-mono);font-size:.8125rem;font-weight:500;line-height:1.5;letter-spacing:0}
.home-tabs button svg{width:16px;height:16px}
.home-tools[hidden]{display:none}
.home-tab-hero h1{margin-bottom:16px}
.home-material-count svg{width:12px;height:12px;fill:currentColor;flex:none}
.home-material-count .home-location-meta-item{display:inline-flex;align-items:center;gap:6px}

/* Local segmented tabs, adapted to the incumbent Scope theme. */
.home-tabs{display:flex;flex-wrap:nowrap;gap:2px;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none;border:0;border-radius:12px;background:var(--color-background-200);padding:4px;margin-bottom:36px}
.home-tabs::-webkit-scrollbar{display:none}
.home-tabs button{flex:0 0 auto;position:relative;min-height:36px;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:var(--color-secondary);font-family:var(--font-family-body);font-size:13px;font-weight:500;line-height:20px;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.home-tabs button::after{content:none}
.home-tabs button:hover{background:transparent;color:var(--color-contrast)}
.home-tabs button[aria-selected=true]{background:var(--home-tab-active-bg);color:var(--color-contrast);box-shadow:0 1px 3px #00000020,0 1px 2px #00000012}
.home-tabs button svg{width:16px;height:16px}
.home-tabs button:hover svg,.home-tabs button[aria-selected=true] svg{color:var(--color-contrast)}
.home-tabs button:focus-visible{outline-offset:-2px}
:root[data-color-scheme=dark] .interface{--home-tab-active-bg:var(--color-background-400)}
@media(prefers-color-scheme:dark){:root[data-color-scheme=system] .interface{--home-tab-active-bg:var(--color-background-400)}}
@media(max-width:600px){.home-tabs{gap:2px;width:100%;margin-bottom:28px}}

/* These refinements belong to the isolated preview only. */
.interface #home-panel .section{padding-inline:0;margin-inline:0}
.interface .home-material-count>.home-count-inline{display:inline-flex!important;align-items:center;gap:6px}
.interface .home-count-inline>svg{display:block;flex:0 0 12px;margin:0}
.interface .home-count-inline>span{display:inline!important}
.home-navigation{width:100%;margin-bottom:36px;border-radius:12px;background:var(--color-background-200);overflow:hidden}
.home-nav-row{display:flex;align-items:center;width:100%;padding:4px;gap:4px}
.home-nav-row .home-tabs{flex:1;min-width:0;width:auto;max-width:none;margin:0;padding:0;background:transparent;border-radius:8px}
.home-nav-actions{display:flex;align-items:center;gap:2px;flex:none}
.home-terminal-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 9px;border-radius:9px;color:var(--color-secondary);text-decoration:none;font:500 12px/1 var(--font-family-body)}
.home-terminal-link svg{display:block;width:18px;height:18px;fill:currentColor;flex:none}.home-terminal-link:hover{color:var(--color-contrast);background:var(--color-background-300)}.home-terminal-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media(max-width:600px){.home-terminal-link{width:36px;padding:0}.home-terminal-link span{display:none}}
.home-tree-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;margin:0;border:0;border-radius:9px;background:transparent;color:var(--color-secondary);cursor:pointer}
.home-tree-toggle svg{display:block;width:18px;height:18px;fill:currentColor}
.home-tree-toggle:hover,.home-tree-toggle[aria-expanded=true]{color:var(--color-contrast);background:var(--color-background-300)}
.home-tree-toggle:focus-visible{outline-offset:-2px}
.home-site-tree{padding:20px 24px 28px;border:0;background:var(--home-tab-active-bg)}
.home-tree-heading{display:flex;align-items:center;margin-bottom:24px;color:var(--color-secondary);font-size:12px}
.home-tree-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.home-tree-grid section{min-width:0}
.home-tree-grid h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 14px/1.4 var(--font-family-body);color:var(--color-contrast)}
.home-tree-grid h2 svg{height:16px;width:16px;flex:none;fill:currentColor;color:var(--color-secondary)}
.home-tree-grid ul{list-style:none;margin:0;padding:0}
.home-tree-grid li{margin:0;padding:0}
.home-tree-grid a{display:block;padding:7px 0;color:var(--color-foreground);font-size:14px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.home-tree-grid a:hover,.home-tree-grid a:focus-visible{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.home-tree-children{margin-left:7px;padding-left:17px;border-left:1px solid var(--color-border)}
@media(max-width:850px){.home-tree-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-site-tree{padding:20px 16px 24px}}
@media(max-width:600px){.home-navigation{margin-bottom:28px}.home-tree-grid{grid-template-columns:minmax(0,1fr)}.home-nav-row .home-tabs{margin-bottom:0}}

@media(min-width:851px) and (max-width:1200px){.home-tree-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.interface{--home-tab-active-bg:var(--color-background)}
.interface[dir=rtl] .home-tabs button{flex-direction:row-reverse}
.interface[dir=rtl] .home-tree-children{margin-left:0;margin-right:7px;padding-left:0;padding-right:17px;border-left:0;border-right:1px solid var(--color-border)}

.home-tree-group h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:600 14px/1.4 var(--font-family-body);color:var(--color-contrast)}
.home-tree-group h2 svg{height:16px;width:16px;flex:none;fill:currentColor;color:var(--color-secondary)}
.home-tree-group ul{list-style:none;margin:0;padding:0}
.home-tree-group li{margin:0;padding:0}
.home-tree-group a{display:block;padding:7px 0;color:var(--color-foreground);font-size:14px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.home-tree-group a:hover,.home-tree-group a:focus-visible{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.home-tree-item-row{display:flex;align-items:center;gap:8px;min-width:0}
.home-tree-item-row>a{flex:0 1 auto;min-width:0}
.home-tree-subheading{display:block;margin:16px 0 4px;color:var(--color-secondary);font:500 12px/1.4 var(--font-family-body)}
.home-tree-secondary{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:32px}
.home-tree-site-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;min-width:0}
.home-tree-group--languages a[aria-current="page"]{color:var(--color-contrast);font-weight:600}
.home-tree-secondary>.home-tree-group>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;align-items:start}
.home-tree-secondary>.home-tree-group--browse>ul{grid-template-columns:repeat(3,minmax(0,1fr));}
.home-tree-secondary .home-tree-group--site>ul{grid-template-columns:minmax(0,1fr)}
.home-tree-secondary h2{font-size:12px;color:var(--color-secondary);margin-bottom:6px}
@media(max-width:850px){.home-tree-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-tree-secondary>.home-tree-group>ul{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.home-tree-secondary{grid-template-columns:minmax(0,1fr);gap:24px}.home-tree-secondary>.home-tree-group>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}

.home-terminal-loading{position:fixed;inset:0;z-index:2147480000;background:#0d1117;color:#79b8ff;padding:30px;font:14px ui-monospace,monospace}.home-terminal-loading button{font:inherit;color:inherit;background:none;border:1px solid #30363d;padding:8px;margin-left:16px}

/* Use the published theme’s native cross-document transition. */

/* The Ask view keeps its published styles; only available height accounts for the prototype navigation. */
.interface .home-ask{padding-block-start:0}
.home-ask .ask--full{margin-block-start:0;min-height:max(460px,calc(100svh - 210px))}
.home-ask .ask--full:not([data-has-messages]) .ask-compose-wrap{position:static}
@media(max-width:767px){.home-ask .ask--full{min-height:max(460px,calc(100svh - 180px))}}

/* Section details share the existing hero metadata row. */
.interface .home-tab-hero > .preview-identity{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;min-width:0}
.interface .home-section-networks{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.interface .home-section-network{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:40px;color:var(--color-secondary)}
.interface .home-section-network svg{display:block;width:32px;height:32px;fill:currentColor}
.interface a.home-section-network:hover{color:var(--color-contrast)}
.interface a.home-section-network:focus-visible,.interface a.home-section-detail:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
.interface .home-material-count{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.interface .home-section-detail{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;min-width:0}
.interface .home-section-detail svg{display:block;width:14px;height:14px;flex:none;fill:currentColor}
.interface a.home-section-detail:hover{text-decoration:underline;text-underline-offset:.2em;color:var(--color-contrast)}
.interface .home-tab-hero > .home-section-note{font:inherit;font-size:11px;line-height:1.5;color:var(--color-secondary);margin:-6px 0 12px}
@media(max-width:600px){.interface .home-section-networks{gap:4px}.interface .home-section-network{width:40px;height:44px}.interface .home-section-network svg{width:28px;height:28px}}

/* Keep the fixed tab bar aligned when desktop Safari reaches a scroll boundary. */
@media (hover:hover) and (pointer:fine){
 html:has(body[data-layout-surface="home"]){overscroll-behavior-y:none}
}
