/* Shared page envelope: inner pages follow the approved homepage width.
   Load after page-specific styles; let text wrap to the available page width. */
:root{--site-max-width:1520px;--site-gutter:3.3%}
body .wrap,body.mockup-home .wrap,body .article,body.article-page .nav,body.article-page .footer{
 width:100%;max-width:var(--site-max-width);margin-left:auto;margin-right:auto;
 padding-left:var(--site-gutter);padding-right:var(--site-gutter)
}
@media(max-width:700px){:root{--site-gutter:22px}}
@media print{body .article{max-width:none;padding-left:0;padding-right:0}}

/* Text follows the shared page width rather than legacy article measures. */
body .article h1,body .article h2,body .article .lead,
body .article>p,body .article>ol,body .article>ul,
body .article .watch-intro,body .article .video-details{max-width:none}