/* Final visual tuning for the public developer portal.
   Kept separate from the structural stylesheet so proportions can be adjusted safely. */

body{font-size:15px;line-height:1.86}

.sidebar-nav a{font-size:.835rem}
.nav-group-title{font-size:.72rem}

.doc-article{font-size:.955rem;line-height:1.92}
.theme-doc-markdown>h1:first-child{font-size:clamp(1.72rem,1.95vw,2rem);line-height:1.52;margin-bottom:14px}
.theme-doc-markdown h2{font-size:clamp(1.2rem,1.35vw,1.38rem);line-height:1.62;margin-top:2.05rem}
.theme-doc-markdown h3{font-size:1.03rem}
.theme-doc-markdown p,.theme-doc-markdown li{line-height:1.94}
.theme-doc-markdown pre{font-size:.82rem;line-height:1.66}
.theme-doc-markdown table{font-size:.885rem}

.page-toc{font-size:.765rem}
.toc-title{font-size:.76rem}

.home-hero{max-width:1100px;gap:34px;padding:clamp(26px,3vw,40px)}
.hero-copy h1{max-width:590px;font-size:clamp(1.86rem,2.42vw,2.48rem);line-height:1.5;letter-spacing:-.018em}
.hero-copy p{max-width:590px;font-size:.94rem;line-height:1.92}
.code-window pre{font-size:11.6px}
.home-section{max-width:1100px}
.section-heading h2{font-size:1.48rem}
.feature-card h3{font-size:.93rem}
.feature-card p{font-size:.82rem}
.scope-banner{max-width:1100px}
.scope-banner h2{font-size:1.18rem}
.scope-banner p{font-size:.875rem}

/* Keep the theme control visually quiet and consistent with documentation UIs. */
[data-theme-toggle]{font-size:.92rem}

@media(max-width:900px){
  .theme-doc-markdown>h1:first-child{font-size:1.68rem}
  .hero-copy h1{font-size:1.78rem}
}

@media(max-width:600px){
  body{font-size:14.6px}
  .theme-doc-markdown>h1:first-child{font-size:1.58rem}
  .theme-doc-markdown h2{font-size:1.18rem}
  .hero-copy h1{font-size:1.7rem}
}