/* Shared commercial pages retain the established black, blue and purple design. */
.commercial-page main :where(p,li,a,h1,h2,h3){overflow-wrap:break-word}
.commercial-page :where(.hero-inner,.section-heading,.service-grid,.problem-grid,.academy-layout,.faq-layout,.contact-layout)>*{min-width:0}
.commercial-page .hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center;gap:56px;padding-block:68px}
.commercial-page .hero-copy{max-width:750px}
.commercial-page .hero h1 span{display:inline-block;position:relative;max-width:100%}
.commercial-page .hero-description{max-width:620px}
.commercial-page .hero .team-photo{width:100%;max-width:540px;justify-self:end}
.commercial-page .hero .team-photo img{aspect-ratio:1280/853}
.commercial-page .hero-baseline{align-items:center;flex-wrap:wrap}
.commercial-page .hero-baseline a{padding-block:9px}
.commercial-page .section-heading{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px 60px}
.commercial-page .section-heading .eyebrow{margin:0}
.commercial-page .section-heading>p:last-child{max-width:540px}
.commercial-page .service-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.commercial-page .service-card h3{font-size:clamp(1.35rem,2vw,1.75rem)}
.commercial-page .service-card p:last-child{margin-bottom:0}
.commercial-page .academy-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:65px;align-items:start}
.commercial-page .academy-copy p{max-width:none}
.commercial-page .academy-copy .text-link{font-size:inherit;font-weight:inherit;padding:0}
.commercial-page .contact-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:65px}
.commercial-page .contact-form-panel h3{font-size:1.625rem;margin-bottom:20px}
.commercial-page .contact-form-panel>.button{width:100%;max-width:100%;margin-bottom:0}
.commercial-page .contact-form-panel>p{color:var(--muted)}
.commercial-page .faq-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:65px}
.commercial-page .faq-intro{max-width:340px}
.commercial-page .team-section{gap:65px}
.commercial-page .team-copy h2{font-size:clamp(2rem,3.2vw,2.875rem)}
.commercial-page .method-list li{grid-template-columns:70px minmax(0,1fr) auto}
.commercial-page .method-list p{max-width:850px}
@media(max-width:1050px){.commercial-page .hero-inner{gap:36px}.commercial-page .section-heading{column-gap:36px}.commercial-page :where(.academy-layout,.contact-layout,.faq-layout,.team-section){gap:36px}}
@media(max-width:900px){.commercial-page .hero-inner{grid-template-columns:minmax(0,1fr);padding-block:50px;gap:30px}.commercial-page .hero .team-photo{justify-self:start;max-width:660px}.commercial-page .hero-description{max-width:730px}.commercial-page .hero h1{font-size:clamp(2.625rem,6.2vw,4.125rem)}}
@media(max-width:900px){.commercial-page .academy-layout,.commercial-page .contact-layout,.commercial-page .faq-layout,.commercial-page .team-section{grid-template-columns:minmax(0,1fr);gap:30px}}
@media(max-width:760px){.commercial-page .hero-inner{padding-block:43px}.commercial-page .hero h1{font-size:clamp(2rem,8.2vw,2.75rem);line-height:1.1;overflow-wrap:normal;word-break:normal;hyphens:none}.commercial-page .hero-baseline{align-items:start}.commercial-page .section-heading{display:block}.commercial-page .section-heading .eyebrow{margin-bottom:20px}.commercial-page .section-heading h2{margin-bottom:22px}.commercial-page .service-grid{grid-template-columns:minmax(0,1fr)}.commercial-page .method-list li{grid-template-columns:42px minmax(0,1fr);gap:16px}.commercial-page .contact-form-panel h3{font-size:1.5rem}.commercial-page .contact-form-panel>.button{font-size:.9375rem}.commercial-page .faq-intro{max-width:none}}
.commercial-page .direct-contact a,.commercial-page .contact-form-panel a[href^="mailto:"]{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.commercial-page .button{min-height:44px;max-width:100%;white-space:normal}
@media(max-width:600px){.commercial-page .problem-grid{grid-template-columns:minmax(0,1fr);gap:26px}.commercial-page .method-list li{grid-template-columns:32px minmax(0,1fr);gap:12px}.commercial-page .contact-form-panel{min-width:0;padding-inline:22px}}

/* Four commercial cards form two complete rows; the Home grid remains unchanged. */
.commercial-page .landing-services-grid,.commercial-page .service-grid:has(>.service-card:nth-child(4)):not(:has(>.service-card:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.commercial-page .landing-services-grid,.commercial-page .service-grid:has(>.service-card:nth-child(4)):not(:has(>.service-card:nth-child(5))){grid-template-columns:minmax(0,1fr)}}

/* Editorial guides keep long informative titles compact beside the approved photo. */
.commercial-guide .hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:42px;padding-block:52px}
.commercial-guide .hero h1{font-size:clamp(2.125rem,3.8vw,3.25rem);line-height:1.12;max-width:26ch;overflow-wrap:normal;word-break:normal;hyphens:none}
.commercial-guide .hero .team-photo{max-width:470px}
.resource-directory .section-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
.resource-directory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.resource-directory-group{border:1px solid #435e92;border-radius:7px;background:#101726;min-width:0}
.resource-directory-group summary{padding:18px 22px;min-height:56px;cursor:pointer;color:var(--ink);font-size:1.0625rem;font-weight:600}
.resource-directory-group summary:focus-visible,.resource-directory-group a:focus-visible{outline:3px solid #92bfff;outline-offset:3px}
.resource-directory-group ul{list-style:none;margin:0;padding:0 22px 16px}
.resource-directory-group li{border-top:1px solid #344565}
.resource-directory-group a{display:flex;align-items:center;min-height:48px;padding-block:12px;font-size:.9375rem;line-height:1.55;color:#c2d2ef;overflow-wrap:break-word}
.resource-directory-group a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.commercial-guide .hero-inner{grid-template-columns:minmax(0,1fr);gap:28px}.commercial-guide .hero .team-photo{justify-self:start;max-width:660px}.commercial-guide .hero h1{max-width:28ch;font-size:clamp(2rem,5.5vw,3.125rem)}}
@media(max-width:760px){.commercial-guide .hero h1{font-size:clamp(2rem,7.6vw,2.625rem);max-width:100%}.resource-directory .section-heading{display:block}.resource-directory-groups{grid-template-columns:minmax(0,1fr)}.resource-directory-group summary{padding-inline:18px}.resource-directory-group ul{padding-inline:18px}}