:root{
  --topbar:62px;
  --sidebar:258px;
  --toc:196px;
  --content:790px;
}

body{
  font-size:15.25px;
  line-height:1.88;
}

.topbar-inner{max-width:1640px;padding-inline:18px;gap:18px}
.brand img{width:104px;height:32px}
.brand span{font-size:.91rem}
.top-links a,.muted-link{font-size:.87rem;padding:6px 9px}
.icon-button{width:34px;height:34px}

.docs-frame{max-width:1640px}
.docs-sidebar{padding:20px 14px 16px}
.sidebar-head{font-size:.81rem;padding-bottom:11px}
.sidebar-nav a{font-size:.855rem;padding:6px 9px;line-height:1.62}
.nav-group{margin-top:9px;padding-top:9px}
.nav-group-title{font-size:.735rem;padding-bottom:5px}
.sidebar-footer{padding:14px 9px}

.docs-main{padding:32px clamp(20px,3vw,50px) 68px}
.doc-grid{gap:42px}
.doc-grid.no-toc{grid-template-columns:minmax(0,var(--content));justify-content:center}
.doc-article{font-size:.975rem;line-height:1.94}
.theme-doc-markdown>h1:first-child{font-size:clamp(1.8rem,2.15vw,2.18rem);line-height:1.5;margin:2px 0 15px;letter-spacing:-.018em}
.theme-doc-markdown h2{font-size:clamp(1.27rem,1.5vw,1.48rem);line-height:1.6;margin:2.25rem 0 .85rem}
.theme-doc-markdown h3{font-size:1.08rem;line-height:1.7;margin:1.65rem 0 .62rem}
.theme-doc-markdown p,.theme-doc-markdown li{line-height:1.98}
.theme-doc-markdown p{margin-bottom:.95rem}
.theme-doc-markdown pre{font-size:.84rem;line-height:1.68;padding:16px 15px;border-radius:12px}
.theme-doc-markdown table{font-size:.91rem}
.page-toc{font-size:.79rem;top:calc(var(--topbar) + 24px);padding-right:14px}
.toc-title{font-size:.78rem;margin-bottom:7px}

.home-hero{max-width:1120px;margin:16px auto 54px;padding:clamp(27px,3.3vw,44px);border-radius:22px;grid-template-columns:1.02fr .98fr;gap:36px}
.hero-copy h1{max-width:620px;font-size:clamp(1.95rem,2.75vw,2.78rem);line-height:1.48;letter-spacing:-.025em;margin:12px 0 14px}
.hero-copy p{max-width:610px;font-size:.96rem;line-height:1.95}
.hero-actions{margin-top:19px}
.button{min-height:40px;padding:8px 15px;font-size:.88rem}
.code-window{border-radius:15px}
.code-window-top{height:37px}
.code-window pre{font-size:11.9px;line-height:1.65;padding:14px 15px}
.response-label{font-size:11px}
.home-section{max-width:1120px;margin-bottom:52px}
.section-heading h2{font-size:1.58rem;margin-bottom:18px}
.feature-grid{gap:12px}
.feature-card{padding:16px;border-radius:14px}
.feature-card h3{font-size:.96rem}
.feature-card p{font-size:.84rem;line-height:1.8}
.scope-banner{max-width:1120px;padding:20px 23px;border-radius:16px}
.scope-banner h2{font-size:1.24rem}
.scope-banner p{font-size:.9rem}
.footer{max-width:1640px}
.brand:focus:not(:focus-visible){outline:none}

@media(max-width:1220px){.home-hero{max-width:880px}.code-window{max-width:690px}}
@media(max-width:900px){:root{--topbar:58px}.docs-main{padding:22px 16px 52px}.home-hero{padding:24px 19px;gap:25px}.theme-doc-markdown>h1:first-child{font-size:1.78rem}}
@media(max-width:600px){body{font-size:14.75px}.hero-copy h1{font-size:1.82rem;line-height:1.52}.hero-copy p{font-size:.92rem}.theme-doc-markdown>h1:first-child{font-size:1.68rem}.theme-doc-markdown h2{font-size:1.25rem}.code-window pre{font-size:11px}}
