.feature-toc{position:fixed;z-index:calc(var(--site-z-header) - 1);inset-block-start:calc(var(--site-header-height) + var(--site-space-8));inset-inline-start:max(20px,calc((100% - 1320px) / 2));inline-size:176px;max-block-size:calc(100svh - var(--site-header-height) - var(--site-space-16));color:var(--site-color-muted);overflow-y:auto;overscroll-behavior:contain}.feature-toc summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;margin-bottom:14px;padding-inline:12px;color:var(--site-color-faint);font-size:12px;font-weight:600;line-height:1.6;pointer-events:none}.feature-toc summary::-webkit-details-marker{display:none}.feature-toc-chevron{display:none;width:14px;height:14px;flex:0 0 auto}.feature-toc nav{display:grid;gap:4px;scroll-target-group:auto}.feature-toc nav a{display:block;min-width:0;padding:8px 12px;border-inline-start:1px solid var(--site-line);color:var(--site-color-muted);font-size:13px;line-height:1.6;text-align:start;overflow-wrap:break-word}.feature-toc nav a:hover{color:var(--site-color-text)}.feature-toc nav a[aria-current=location]{border-color:var(--site-color-accent);color:var(--site-color-accent);font-weight:600}
@media(min-width:1201px){.has-feature-toc{--feature-main-width:min(1080px,calc(100vw - 280px))}.has-feature-toc .product-home>*{width:var(--feature-main-width);margin-inline-start:calc((100% - var(--feature-main-width)) / 2 + 100px);margin-inline-end:auto}.has-feature-toc .hero-story .hero-showcase{width:var(--feature-main-width);left:calc(50% + 100px)}html[dir=rtl] .has-feature-toc .hero-story .hero-showcase{left:calc(50% - 100px)}}
@media(min-width:1201px) and (prefers-reduced-motion:reduce){.has-feature-toc .hero-story .hero-showcase{left:auto;margin-inline-start:calc((100% - var(--feature-main-width)) / 2 + 100px)!important;margin-inline-end:auto!important}}
@media(min-width:1201px) and (prefers-reduced-motion:reduce){html[dir=rtl] .has-feature-toc .hero-story .hero-showcase{left:auto}}
@media(max-width:1200px){.feature-toc{inset-block-start:calc(var(--site-header-height) + 12px);inset-inline-start:16px;inline-size:auto;max-inline-size:min(260px,calc(100% - 32px));max-block-size:calc(100svh - var(--site-header-height) - 40px);border:1px solid var(--site-line);border-radius:6px;background:var(--site-header-fill)}.feature-toc summary{min-block-size:44px;margin:0;padding:10px 14px;color:var(--site-color-text);font-size:12px;cursor:pointer;pointer-events:auto}.feature-toc-chevron{display:block}.feature-toc[open] .feature-toc-chevron{transform:rotate(180deg)}.feature-toc nav{padding:0 12px 12px}.feature-toc nav a{min-block-size:36px}.has-feature-toc .product-feature,.has-feature-toc #more-tools{scroll-margin-top:calc(var(--site-header-height) + 84px)}}
@media(max-width:760px),(pointer:coarse) and (max-height:600px){.feature-toc{display:none!important}.has-feature-toc .product-feature,.has-feature-toc #more-tools{scroll-margin-top:calc(var(--site-header-height) + 24px)}html,body,.has-feature-toc *{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.has-feature-toc *::-webkit-scrollbar{display:none}}
@media(min-width:1201px){.feature-toc{inset-inline-start:max(12px,calc((100% - 1400px) / 2));inline-size:160px}.feature-toc summary{display:none}}
