/* Reviewed Mykolaiv pages only. Navigation and form behaviour stay native. */
body.wt-composition-aligned .wt-entry-content{--wt-composition-accent:#dfff45}
body.wt-composition-aligned .wt-entry{padding-top:40px}
body.wt-composition-aligned .wt-breadcrumbs{box-sizing:border-box;width:calc(100% - clamp(40px,8vw,112px));max-width:1168px;margin-inline:auto;padding-inline:0}
body.wt-composition-aligned .wt-entry-content :is(section.shell,section.wrap,section.seo-context){box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
body.wt-composition-aligned .wt-entry-content :is(section.shell,section.wrap):not(.hero,.portfolio-hero,.contact-hero,.flow){padding-block:80px}
body.wt-composition-aligned .wt-entry-content h1{font-size:clamp(48px,4.9vw,76px)!important;line-height:1.04!important;letter-spacing:-.045em;overflow-wrap:break-word}
body.wt-composition-aligned .wt-entry-content h2{font-size:clamp(32px,3.7vw,56px)!important;line-height:1.12!important;letter-spacing:-.04em;max-width:100%;overflow-wrap:break-word}
body.wt-composition-aligned .wt-entry-content h3{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.2!important;letter-spacing:-.025em;overflow-wrap:break-word}
body.wt-composition-aligned .wt-entry-content :is(.hero-actions a,.hero-bottom>a,.btn,.case-live,.portfolio-contact>a){box-sizing:border-box;font-size:14px!important;line-height:1.5!important;min-height:48px;white-space:normal;max-width:100%;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px}
body.wt-composition-aligned .wt-entry-content :is(.hero-actions,.hero-bottom){gap:16px;flex-wrap:wrap}
body.wt-composition-aligned .wt-entry-content :is(.hero-copy>p,.hero-bottom>p,.portfolio-lead,.contact-lead){font-size:17px;line-height:1.7}
body.wt-composition-aligned .wt-entry-content :is(.hero,.portfolio-hero,.contact-hero){min-height:0;padding-block:40px 56px}
body.wt-composition-aligned .wt-entry-content .city-service-local__head h2{font-size:clamp(32px,3.7vw,56px)!important;line-height:1.12!important}
body.wt-composition-aligned .wt-entry-content :is(.scope-card,.step){padding:24px}
body.wt-composition-aligned .wt-entry-content .faq summary{font-size:20px;line-height:1.45;padding-block:20px}
/* Retain recognisable service accents, but use the same neutral paper surface. */
body.wt-composition-aligned.google-page .wt-entry-content :is(.scope,.process,.faq,.related){background:#ece8df;color:#111}
body.wt-composition-aligned.page-id-21 .wt-entry-content .system{background:#ece8df;color:#111}
body.wt-composition-aligned.page-id-21 .wt-entry-content .system :is(h2,h3){color:#111}
body.wt-composition-aligned.page-id-21 .hero.shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;overflow:visible}
body.wt-composition-aligned.page-id-21 .hero-copy{width:100%;max-width:none}
body.wt-composition-aligned.page-id-21 .hero .dashboard{position:relative;inset:auto;width:100%;height:auto;min-height:410px;transform:none;margin:0;box-sizing:border-box}
body.wt-composition-aligned.page-id-21 .dashboard :is(.dash-main,.board){height:auto;min-height:360px}
body.wt-composition-aligned.page-id-21 .hero>.pulse{display:none}
/* Illustrations have their own columns and cannot cover the text. */
body.wt-composition-aligned.page-id-59 .hero.wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px 48px;align-items:center}
body.wt-composition-aligned.page-id-59 .hero .eyebrow{grid-column:1/-1}
body.wt-composition-aligned.page-id-59 .hero h1{grid-column:1;margin:0}
body.wt-composition-aligned.page-id-59 .hero .browser-stack{grid-column:2;position:relative;inset:auto;width:100%;height:300px;transform:none}
body.wt-composition-aligned.page-id-59 .hero .hero-bottom{grid-column:1/-1;margin-top:0;position:relative;inset:auto}
body.wt-composition-aligned.page-id-50 .portfolio-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px 48px;height:auto!important}
body.wt-composition-aligned.page-id-50 .portfolio-hero-meta{grid-column:1/-1}
body.wt-composition-aligned.page-id-50 .portfolio-title{grid-column:1;grid-row:2;margin:0}
body.wt-composition-aligned.page-id-50 .portfolio-lead{grid-column:1;grid-row:3;position:relative!important;inset:auto!important;width:100%!important;max-width:54ch!important;margin:0!important}
body.wt-composition-aligned.page-id-50 .portfolio-hero-stage{grid-column:2;grid-row:2/4;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;display:grid!important;grid-template-columns:1fr 1fr;gap:14px;align-content:center;pointer-events:none}
body.wt-composition-aligned.page-id-50 .portfolio-hero-stage .hero-frame{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10;transform:none!important;margin:0!important}
body.wt-composition-aligned.page-id-50 .portfolio-hero-stage .frame-a{grid-column:1/-1}
body.wt-composition-aligned.page-id-50 .portfolio-hero-stage .hero-index,body.wt-composition-aligned.page-id-50 .portfolio-hero-stage .hero-frame::before,body.wt-composition-aligned.page-id-50 .portfolio-hero-stage .hero-frame::after{display:none!important}
body.wt-composition-aligned.page-id-39 .contact-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px 48px}
body.wt-composition-aligned.page-id-39 .contact-hero-meta{grid-column:1/-1}
body.wt-composition-aligned.page-id-39 .contact-hero h1{grid-column:1;grid-row:2;margin:0}
body.wt-composition-aligned.page-id-39 .contact-lead{grid-column:1;grid-row:3;position:relative;inset:auto;max-width:54ch;margin:0}
body.wt-composition-aligned.page-id-39 .contact-orbit{grid-column:2;grid-row:2/4;position:relative;inset:auto;width:min(100%,360px);height:360px;align-self:center;justify-self:center;transform:none}
body.wt-composition-aligned.page-id-39 .contact-orbit b{font-size:20px;line-height:1.1;min-width:120px;text-align:center;overflow-wrap:normal;word-break:normal}
body.wt-composition-aligned.page-id-39 .contact-scroll{grid-column:1/-1;position:relative;inset:auto;margin-top:8px}
@media(max-width:900px){
 body.wt-composition-aligned.page-id-59 .hero.wrap,body.wt-composition-aligned.page-id-50 .portfolio-hero,body.wt-composition-aligned.page-id-39 .contact-hero,body.wt-composition-aligned.page-id-21 .hero.shell{grid-template-columns:minmax(0,1fr);gap:28px}
 body.wt-composition-aligned.page-id-59 .hero :is(h1,.browser-stack,.hero-bottom),body.wt-composition-aligned.page-id-50 :is(.portfolio-title,.portfolio-lead,.portfolio-hero-stage),body.wt-composition-aligned.page-id-39 .contact-hero :is(h1,.contact-lead,.contact-orbit,.contact-scroll){grid-column:1;grid-row:auto}
 body.wt-composition-aligned.page-id-39 .contact-orbit{width:280px;height:280px}
}
@media(max-width:700px){
 body.wt-composition-aligned .wt-entry{padding-top:0}
 body.wt-composition-aligned .wt-entry-content :is(section.shell,section.wrap):not(.hero,.portfolio-hero,.contact-hero,.flow){padding-block:56px!important}
 body.wt-composition-aligned .wt-entry-content h1{font-size:clamp(36px,11.5vw,52px)!important;line-height:1.06!important}
 body.wt-composition-aligned .wt-entry-content h2,body.wt-composition-aligned .wt-entry-content .city-service-local__head h2{font-size:clamp(30px,8.5vw,42px)!important;line-height:1.12!important}
 body.wt-composition-aligned .wt-entry-content :is(.hero,.portfolio-hero,.contact-hero){padding-block:28px 40px}
 body.wt-composition-aligned .wt-entry-content :is(.hero-actions,.hero-bottom){display:flex;gap:12px;flex-wrap:wrap}
 body.wt-composition-aligned .wt-entry-content .hero-actions>a{flex:1 1 160px}
 body.wt-composition-aligned .wt-entry-content .hero :is(.hero-copy,.hero-bottom,.browser-stack){min-width:0;max-width:100%}
 body.wt-composition-aligned .wt-mascot{display:none}
}