/* V9.20: scoped commercial home; shared header and all knowledge pages unchanged. */
.commercial-hero .sc-hero-panel{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr)!important;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,4vw,48px)!important}
.commercial-hero h1{font-size:clamp(32px,4vw,58px)!important;line-height:1.08!important;max-width:16ch;margin-bottom:14px!important}
.commercial-sub{font-size:clamp(20px,2vw,28px);line-height:1.3;font-weight:600;margin:0 0 18px}
.commercial-hero .sc-hero-intro{font-size:18px!important;max-width:58ch;line-height:1.6}
.commercial-hero .sc-hero-visual{margin:0!important;max-width:280px;justify-self:center;width:100%}
.commercial-hero .sc-hero-visual img{width:auto!important;max-width:100%!important;height:380px!important;object-fit:contain!important;border-radius:16px}
.commercial-hero figcaption{font-size:12px!important;line-height:1.5;margin-top:12px!important;max-width:32ch}
.commercial-hero .sc-actions{gap:16px;flex-wrap:wrap;margin:22px 0 12px!important}
.commercial-hero .sc-hero-copy{padding:12px!important}.commercial-hero .sc-hero-visual{padding:16px!important;border:0}.commercial-hero figcaption{text-transform:none!important;letter-spacing:normal!important;font-family:inherit!important}
.commercial-requirements{max-width:58ch;font-size:13px!important}
.commercial-section{padding-block:48px!important}.commercial-section h2{max-width:28ch;font-size:clamp(27px,3vw,40px);line-height:1.2}
.commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.commercial-grid article{border:1px solid rgba(120,140,170,.3);border-radius:20px;padding:24px;background:rgba(128,150,180,.04)}
.commercial-grid h3{font-size:22px;line-height:1.3;margin-top:0}.commercial-grid p{line-height:1.7;margin-bottom:0}.commercial-grid a{display:inline-block;margin-top:16px}
.commercial-note{padding:20px 24px;border-left:3px solid #167fe8;line-height:1.7}.commercial-full{border-color:#338de2!important}
.commercial-section .sc-small{line-height:1.65}.commercial-section a:focus-visible,.commercial-hero a:focus-visible{outline:3px solid #f4a623;outline-offset:5px}
@media(max-width:700px){.commercial-hero .sc-hero-panel{grid-template-columns:1fr!important;padding:22px!important;gap:20px}.commercial-hero{padding-top:18px!important}.commercial-hero h1{font-size:34px!important}.commercial-hero .sc-hero-intro{font-size:16px!important}.commercial-sub{font-size:20px}.commercial-hero .sc-actions{align-items:flex-start;flex-direction:column}.commercial-hero .sc-hero-visual{max-width:240px}.commercial-hero .sc-hero-visual img{height:330px!important}.commercial-grid{grid-template-columns:1fr;gap:16px}.commercial-grid article{padding:20px}.commercial-section{padding-block:32px!important}}

/* Preserve the 1080 × 2340 capture and size its frame from the image, never vice versa. */
html:root body.sc-site .commercial-hero .sc-hero-visual .sc-image-link{display:block;width:190px!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;box-sizing:content-box}
html:root body.sc-site .commercial-hero .sc-hero-visual .sc-image-link img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1080 / 2340;object-fit:contain!important;border-radius:0!important}
@media(max-width:700px){html:root body.sc-site .commercial-hero .sc-hero-visual .sc-image-link{width:152px!important}}