/* 4. Industrial Editorial — balanced visual rhythm, recommended for the current YueChu style. */
:root{--st-radius:16px;--st-section:68px}
.st-hero{min-height:390px}
.st-hero-image{background-position:center 38%}
.st-hero-overlay{background:linear-gradient(90deg,rgba(3,29,57,.96),rgba(3,29,57,.76) 48%,rgba(3,29,57,.28) 70%,rgba(3,29,57,.08))}
.st-overview{background:linear-gradient(180deg,#fff,#f8fbfd)}
.st-answer{padding:24px 26px;border:1px solid var(--st-line);border-radius:18px;background:#fff;box-shadow:0 20px 46px rgba(7,52,97,.07)}
.st-gallery{grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:230px;gap:18px}
.st-gallery figure,.st-gallery figure:nth-child(n){grid-column:auto;grid-row:auto;border:0;border-radius:18px;box-shadow:0 16px 38px rgba(7,52,97,.12)}
.st-gallery figure.st-gallery-main{grid-column:1;grid-row:span 2}
.st-gallery figure:nth-child(2){grid-column:2 / span 2}
.st-gallery figcaption{border-top:0;background:#fff}
.st-application-grid,.st-selection-grid{gap:14px;border:0}
.st-application-grid article,.st-selection-grid article{border:1px solid var(--st-line);box-shadow:0 10px 26px rgba(7,52,97,.05)}
.st-benefits{background:#062d55}
.st-benefit-list{gap:12px;border:0}.st-benefit-list li{border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.045)}
.st-form{border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
@media(max-width:980px){.st-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.st-gallery figure,.st-gallery figure:nth-child(n),.st-gallery figure.st-gallery-main{grid-column:auto;grid-row:auto}.st-gallery img{height:auto;aspect-ratio:4/3}}
@media(max-width:700px){.st-answer{padding:18px}.st-gallery{grid-template-columns:1fr}.st-gallery figure.st-gallery-main{grid-column:auto}.st-application-grid,.st-selection-grid{grid-template-columns:1fr}}
