/* Local layout. Header, background, buttons, orbit and form use the shared site components. */
body.integro-tasks-page .entry-content>header>.wp-block-group{min-width:0}
body.integro-tasks-page .entry-content>header a[aria-label="INTEGRO — главная"]{max-width:100%}
body.integro-tasks-page #integro-tasks{width:var(--theme-container-width,calc(100% - 32px));max-width:var(--theme-normal-container-max-width,1290px);margin:0 auto;font:16px/1.6 Manrope,sans-serif;color:#d7e4dc}
#integro-tasks *,#integro-tasks *::before,#integro-tasks *::after{box-sizing:border-box}
#integro-tasks h1,#integro-tasks h2,#integro-tasks h3{color:#f5f7f3;font-weight:700;letter-spacing:-.02em}
#integro-tasks h1{font-size:clamp(36px,3.3vw,46px);line-height:1.15;margin:0 0 20px}
#integro-tasks h2{font-size:clamp(28px,2.5vw,36px);line-height:1.2;margin:0 0 18px}
#integro-tasks h3{font-size:20px;line-height:1.3;margin:0 0 10px}
#integro-tasks p{margin:0 0 16px}
#integro-tasks .tk-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 12px;margin:16px 0 24px;font-size:14px;color:#b7ccbf}
#integro-tasks .tk-breadcrumbs a,#integro-tasks .tk-related a{color:#a5f4d3;text-decoration:underline;text-underline-offset:3px}
#integro-tasks .tk-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;padding:0 0 24px}
#integro-tasks .tk-offer{min-width:0}
#integro-tasks .tk-lead{font-size:18px;line-height:1.6}
#integro-tasks .tk-benefits{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px}
#integro-tasks .tk-benefits li{position:relative;padding-left:24px;margin:0}
#integro-tasks .tk-benefits li::before{content:"✓";position:absolute;left:0;color:#91e8cf}
#integro-tasks .tk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;align-items:stretch}
#integro-tasks .tk-actions>a{min-height:56px;min-width:0;text-align:center}
/* One static task and acceptance. Only the outer panel uses the shared orbit. */
#integro-tasks .tk-example{padding:20px;border:1px solid #365443;border-radius:12px;background:#0c1a13;min-width:0}
#integro-tasks .tk-example h2{font-size:23px;line-height:1.25;margin-bottom:8px}
#integro-tasks .tk-task-name{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 4px}
#integro-tasks .tk-status{font-size:14px;line-height:1.5;font-weight:600;color:#a5f4d3;margin:0 0 8px}
#integro-tasks .tk-facts{display:grid;gap:4px;margin:0;padding:8px 0;border-block:1px solid #365443}
#integro-tasks .tk-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:start}
#integro-tasks .tk-facts dt,#integro-tasks .tk-label{font-size:14px;line-height:1.5;font-weight:600;color:#b5cbbc}
#integro-tasks .tk-facts dd{font-size:16px;line-height:1.4;margin:0}
#integro-tasks .tk-result,#integro-tasks .tk-acceptance{font-size:16px;line-height:1.45}
#integro-tasks .tk-result{margin:10px 0 8px}
#integro-tasks .tk-acceptance{margin:0}
#integro-tasks .tk-caption{font-size:14px;line-height:1.5;color:#b5cbbc;margin:12px 0 0}
#integro-tasks .tk-section{padding:24px 0;margin:0;scroll-margin-top:24px}
#integro-tasks .tk-cards,#integro-tasks .tk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
#integro-tasks .tk-card{min-width:0;border:1px solid #284d3e;border-radius:12px;padding:20px;background:#0a1810}
#integro-tasks .tk-card p,#integro-tasks .tk-steps p{margin:0}
#integro-tasks .tk-settings{margin:0 0 16px}
#integro-tasks .tk-settings>div{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:24px;padding:14px 0;border-bottom:1px solid #284d3e}
#integro-tasks .tk-settings dt{font-weight:600;color:#f5faf7}
#integro-tasks .tk-settings dd{margin:0}
#integro-tasks .tk-note{font-size:14px;color:#b5cbbc;line-height:1.5}
#integro-tasks .tk-related{margin:16px 0 0}
#integro-tasks .tk-steps{list-style:none;margin:0;padding:0}
#integro-tasks .tk-steps li{border-top:2px solid #365443;padding-top:16px;margin:0;min-width:0}
#integro-tasks .tk-completion{margin:20px 0 0;padding-top:16px;border-top:1px solid #284d3e}
#integro-tasks .tk-cost{max-width:940px}
#integro-tasks .tk-cost p:last-child{margin-bottom:0}
#integro-tasks .tk-faq details{border-bottom:1px solid #365443;margin:0}
#integro-tasks .tk-faq summary{font-size:18px;font-weight:600;line-height:1.5;padding:16px 0;cursor:pointer;color:#f5faf7}
#integro-tasks .tk-faq details p{max-width:940px;margin-bottom:18px}
#integro-tasks :is(.tk-breadcrumbs a,.tk-related a,.tk-faq summary):focus-visible{outline:3px solid #a5f4d3;outline-offset:4px}
/* Placement only; the accepted shared stylesheet owns the form's appearance. */
#integro-tasks .tk-contact #integro-enquiry{width:100%;max-width:none}
@media(max-width:1099px){#integro-tasks .tk-hero{grid-template-columns:minmax(0,1fr);gap:28px}#integro-tasks .tk-example{max-width:700px;width:100%}}
@media(max-width:767px){
 #integro-tasks h1{font-size:32px}
 #integro-tasks h2{font-size:26px;margin-bottom:14px}
 #integro-tasks .tk-breadcrumbs{margin:12px 0 20px;gap:5px 8px}
 #integro-tasks .tk-lead{font-size:17px}
 #integro-tasks .tk-hero{padding-bottom:16px}
 #integro-tasks .tk-actions{grid-template-columns:minmax(0,1fr)}
 #integro-tasks .tk-actions>a{width:100%}
 #integro-tasks .tk-section{padding:16px 0;scroll-margin-top:16px}
 #integro-tasks .tk-cards,#integro-tasks .tk-steps{grid-template-columns:minmax(0,1fr);gap:12px}
 #integro-tasks .tk-card{padding:18px}
 #integro-tasks .tk-settings>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0}
 #integro-tasks .tk-example{padding:16px}
 #integro-tasks .tk-example h2{font-size:22px;margin-bottom:8px}
}