/* One fluid page width across marketing, catalogue and documentation.
   The gutter scales with the viewport: 32 px up to about 1280 px, 36 px on a
   1440 screen, 48 px from 1920 px; tablets get 24 px and small phones 20 px. */
:root{--site-gutter:clamp(var(--sp-8),2.5vw,var(--sp-12));--h-nav:var(--site-header-height)}
body .wrap,body .docshell,body .devhero .wrap,body .legal .wrap,
body footer.site .wrap,body .modnav>.wrap{width:calc(100% - 2 * var(--site-gutter));max-width:none;margin-inline:auto;padding-inline:0}
body .legal-doc{max-width:none}
body .api-intro p{max-width:none}
@media(min-width:1081px){
  body .docsec>p,body .docsec>ul,body .docsec>ol,
  body .docsec .note,body .docsec .todo,body dl.defs,
  body ol.clauses,body .endnote{max-width:none}
}
@media(max-width:800px){:root{--site-gutter:var(--sp-6)}}
@media(max-width:420px){:root{--site-gutter:var(--sp-5)}}