/* Shared containers use bounded gutters, so a wider screen never narrows the content. */
:root{--site-content-width:1760px;--site-gutter:clamp(24px,4vw,96px)}
@media(min-width:761px){
 body:not(.admin-shell-page) .section{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-content-width);padding-inline:0}
 body:not(.admin-shell-page) .nav{padding-inline:max(var(--site-gutter),calc((100vw - var(--site-content-width))/2))}
 body:not(.admin-shell-page) .site-footer{padding-inline:max(var(--site-gutter),calc((100vw - var(--site-content-width))/2))}
 body[data-page="/"] .hero-content{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-content-width);margin-inline:auto;padding:clamp(104px,7.5vw,144px) 0 28px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,96px)}
 body[data-page="/"] .hero-copy{max-width:760px}
 :root body[data-page="/"] .hero .hero-intro h1{font-size:clamp(4rem,5.5vw,6rem)}
 body[data-page="/"] .hero .hero-stack{width:88%;max-width:720px;height:auto;aspect-ratio:1.12;justify-self:center}
 body[data-page="/"] .hero .quick-start textarea{font-size:16px;line-height:1.6}
 body[data-page="/"] .hero .quick-bottom{flex-wrap:wrap;row-gap:12px}
 body:not(.admin-shell-page) .article-page.section{max-width:1200px}
 body:not(.admin-shell-page) .legal-page.section{max-width:900px}
 body:not(.admin-shell-page) .legal-page :is(section p,.legal-intro){max-width:68ch}
 body[data-page="/videos"] .video-library{max-width:var(--site-content-width)}
 body:not(.admin-shell-page) :is(.steps,.article-grid,.plan-grid)>*{min-width:0}
}
/* On a narrow tablet, keep the scene entry wide and place the performance below it. */
@media(min-width:761px) and (max-width:1000px){
 body[data-page="/"] .hero-content{grid-template-columns:1fr;row-gap:28px;padding-top:104px}
 body[data-page="/"] .hero-copy{width:100%;max-width:680px;justify-self:center}
 body[data-page="/"] .hero .hero-stack{width:min(70%,460px);aspect-ratio:1.25}
 body[data-page="/"] .hero .quick-bottom{justify-content:space-between}
 body:not(.admin-shell-page) .site-footer{column-gap:28px}
}
@media(min-width:1001px) and (max-height:800px){
 body[data-page="/"] .hero-content{padding-top:96px;padding-bottom:12px}
 :root body[data-page="/"] .hero .hero-intro h1{font-size:4rem}
 body[data-page="/"] .hero .hero-stack{max-width:460px}
}
@media(min-width:2200px) and (min-height:900px){
 body[data-page="/"] .hero-content{padding-top:144px;padding-bottom:44px}
 body[data-page="/"] .hero .quick-start{padding:20px}
 body[data-page="/"] .hero .quick-start textarea{height:112px;min-height:112px}
 body[data-page="/"] .hero .hero-stack{width:90%}
 body[data-page="/"] .hero .quick-heading label{font-size:16px}
 body[data-page="/"] .hero .quick-presets button{font-size:12px;min-height:40px}
 body[data-page="/"] .hero .quick-bottom .button{font-size:14px;min-height:48px}
 body[data-page="/"] .hero .quick-bottom p{font-size:12px}
}
/* Keep a useful text measure even when surrounding product grids get wider. */
body:not(.admin-shell-page) :is(.article-body,.legal-page section){overflow-wrap:anywhere}