/* The standalone demos keep their controls; prose uses the notebook scale. */
.notebook-product-doc{font-size:16px;line-height:1.8}
.notebook-product-doc h1{font-size:34px;line-height:1.2;color:#17191f}
.notebook-product-doc h2{font-size:25px;line-height:1.3;color:#17191f}
.notebook-product-doc h3{line-height:1.4;color:#17191f}
.notebook-product-doc .scroller{overflow-x:auto}
.notebook-product-doc .hero-art{background:#fbfcfe;border-radius:3px}
.notebook-product-doc :is(button,input,select){font-family:var(--sans);min-height:44px}
.notebook-product-doc .notebook-return{max-width:1000px}
.notebook-product-doc :is(.doc-head,.layout){max-width:1000px}
.notebook-product-doc .layout{grid-template-columns:180px minmax(0,1fr);gap:32px}
@media(max-width:880px){.notebook-product-doc .layout{grid-template-columns:1fr}}
@media(max-width:700px){
 .notebook-product-doc h1{font-size:30px}
 .notebook-product-doc :is(.wrap,.doc-head,.layout,.scroller,.table-wrap){padding-left:24px;padding-right:24px}
 .notebook-product-doc :is(input,select){font-size:16px;max-width:100%}
 .notebook-product-doc .mockups{grid-template-columns:1fr}
 .notebook-product-doc .scroller{padding-bottom:24px}
}