/* Услуги ТСЖ и СНТ: общий язык сайта, состав работ вместо повторных иллюстраций. */
.abc-tszh-services{ --tu-green:#326657; --tu-light:#e6eee7; --tu-line:#bfd0c2; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-14:56px; --s-16:64px; --s-18:72px; }
.abc-tszh-services main{ letter-spacing:0; }
.abc-tszh-services main h1{ margin:0;}.abc-tszh-services main h2{ margin:0;}.abc-tszh-services main h3{ font-family:var(--ff-display); font-weight:600; letter-spacing:0; margin:0; }
.abc-tszh-services main h3{ font-size:21px; line-height:1.3; }
.abc-tszh-services main p{ margin:0; }
.tu-icon{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.abc-tszh-services .tu-kicker{ color:var(--tu-green); font-size:12px; margin-bottom:var(--s-4); }
.tu-hero{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); align-items:center; gap:var(--s-18);}
.tu-hero h1 span{ color:var(--tu-green); }
.abc-tszh-services .tu-hero-lead{ margin-top:var(--s-6); max-width:570px;}
.tu-hero .btn{ margin-top:var(--s-8); gap:var(--s-6);}
.abc-tszh-services .tu-caption{ font-size:12px; margin-top:var(--s-4); color:var(--ink-mute); }
.tu-audience{ padding:var(--s-8); background:var(--tu-light); border:1px solid var(--tu-line); border-radius:var(--r-md); }
.tu-audience>div+div{ padding-top:var(--s-6); margin-top:var(--s-6); border-top:1px solid var(--tu-line); }
.abc-tszh-services .tu-label{ font-size:12px; font-weight:400; line-height:1.5; color:var(--tu-green); margin-bottom:var(--s-3); }
.abc-tszh-services .tu-audience p:not(.tu-label){ font-size:14px; line-height:1.7; margin-top:var(--s-3); color:var(--ink-soft); }
.tu-link{ display:inline-flex; min-height:44px; align-items:center; gap:var(--s-4); font-size:14px; line-height:1.5; color:var(--ink); text-decoration:none; }
.tu-audience .tu-link{ margin-top:var(--s-2); font-size:13px; }
.tu-link:hover{ color:var(--coral-600); }.tu-jump a:hover{ color:var(--coral-600); }
.tu-jump{ display:flex; flex-wrap:wrap; gap:var(--s-2) var(--s-8); padding-block:var(--s-3); border-block:1px solid var(--ink-line); }
.tu-jump a{ display:inline-flex; min-height:44px; align-items:center; font-size:13px; color:var(--ink); text-decoration:none; }
.tu-service{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:var(--s-18); padding-block:var(--s-14); border-bottom:1px solid var(--ink-line); scroll-margin-top:104px; }
.abc-tszh-services .tu-number{ font-size:12px; color:var(--tu-green); margin-bottom:var(--s-4); }
.abc-tszh-services .tu-lead{ font-size:16px; line-height:1.75; margin-top:var(--s-6); color:var(--ink-mute); max-width:460px; }
.tu-work{ list-style:none; padding:0; margin:0 0 var(--s-6); }
.tu-work li{ display:flex; align-items:baseline; gap:var(--s-4); border-bottom:1px solid var(--ink-line); padding-block:var(--s-3); font-size:16px; line-height:1.65; }
.tu-work li:before{ content:""; flex:none; width:5px; height:5px; background:var(--tu-green); border-radius:50%; }
.tu-prep{ padding:var(--s-6); background:var(--tu-light); border-radius:var(--r-sm); }
.abc-tszh-services .tu-prep h3{ color:var(--tu-green); font-size:13px; font-weight:500; margin-bottom:var(--s-2); }
.tu-prep p{ font-size:14px; line-height:1.75; color:var(--ink-soft); }
.abc-tszh-services .tu-note{ font-size:14px; line-height:1.75; color:var(--ink-mute); margin-top:var(--s-4); }
.tu-service-body>.btn{ gap:var(--s-6); margin-top:var(--s-6);}
.tu-start{ background:var(--paper-2); border-bottom:1px solid var(--ink-line); padding-block:var(--s-16); }
.tu-section-heading{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s-18); align-items:end; margin-bottom:var(--s-8); }
.tu-section-heading>p{ font-size:16px; color:var(--ink-mute); line-height:1.75; }
.tu-steps{ padding:0; margin:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s-8); }
.tu-steps li{ padding-top:var(--s-6); border-top:1px solid var(--ink-line); }
.tu-steps li>span{ color:var(--tu-green); font:400 12px/1.5 var(--ff-mono); display:block; margin-bottom:var(--s-4); }
.abc-tszh-services .tu-steps p{ font-size:15px; line-height:1.75; margin-top:var(--s-3); color:var(--ink-mute); }
.tu-price-link{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:var(--s-2) var(--s-6); margin-top:var(--s-8); }
.tu-price-link>p{ font-size:13px; color:var(--ink-mute); }
.tu-faq{ display:grid; grid-template-columns:1fr 1.3fr; gap:var(--s-18); padding-block:var(--s-16); }
.tu-final{ background:var(--ink); color:var(--paper); padding-block:var(--s-16); scroll-margin-top:104px; }
.tu-final-grid{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); align-items:center; gap:var(--s-18); }
.abc-tszh-services .tu-final .tu-kicker{ color:var(--tu-line); }
.abc-tszh-services .tu-final-grid>div>p:not(.tu-kicker){ font-size:16px; line-height:1.75; color:var(--ink-pale); margin-top:var(--s-6); max-width:600px; }
.tu-final-actions{ display:grid; grid-template-columns:1fr; gap:var(--s-3); max-width:340px; width:100%; justify-self:end; }
.tu-final-actions .btn{ justify-content:space-between; gap:var(--s-6);}
.abc-tszh-services .tu-final-actions .btn-outline-light{ color:var(--paper); border:1px solid var(--ink-soft); background:transparent;}
.abc-tszh-services .tu-final-actions .btn-outline-light:hover{ color:var(--paper); border-color:var(--ink-pale); background:var(--ink-soft);}
.abc-tszh-services .tu-final-actions>p{ font-size:12px!important; margin-top:var(--s-2)!important; }
.tu-skip:not(:focus){ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.tu-skip:focus{ position:fixed; top:var(--s-3); left:var(--s-3); z-index:10000; padding:var(--s-3); color:var(--ink); background:var(--paper); }
.tu-noscript{ display:flex; flex-wrap:wrap; gap:var(--s-5); padding-block:var(--s-6); }
@media(max-width:1100px) {.tu-hero{ gap:var(--s-10);}.tu-service{ gap:var(--s-10); }.tu-faq{ gap:var(--s-10); }.tu-section-heading{ gap:var(--s-10); }.tu-final-grid{ gap:var(--s-10); }
 .tu-audience{ padding:var(--s-6); }.tu-steps{ gap:var(--s-6); }
}
@media(max-width:760px) {
 .tu-hero{ grid-template-columns:1fr; gap:var(--s-6);}.tu-service{ grid-template-columns:1fr; gap:var(--s-6); }.tu-faq{ grid-template-columns:1fr; gap:var(--s-6); }.tu-section-heading{ grid-template-columns:1fr; gap:var(--s-6); }.tu-final-grid{ grid-template-columns:1fr; gap:var(--s-6); }.tu-steps{ grid-template-columns:1fr; gap:var(--s-6); }
 .tu-hero{ gap:var(--s-8);}
 .abc-tszh-services .tu-hero-lead{ margin-top:var(--s-5);}.tu-hero .btn{ margin-top:var(--s-6);}
 .tu-jump{ gap:0 var(--s-6); }.tu-jump a{ font-size:12px; }
 .tu-service{ padding-block:var(--s-10); scroll-margin-top:96px; }.abc-tszh-services .tu-lead{ font-size:15px; margin-top:var(--s-4); }
 .tu-work li{ font-size:15px; }.tu-prep{ padding:var(--s-5); }.tu-start{ padding-block:var(--s-10); }.tu-faq{ padding-block:var(--s-10); }
 .tu-section-heading>p{ font-size:15px; }
 .tu-final{ padding-block:var(--s-12); scroll-margin-top:96px; }
 .tu-final-actions{ max-width:none; justify-self:start; }.abc-tszh-services .tu-final-grid>div>p:not(.tu-kicker){ font-size:15px; }
}
@media(max-width:360px) {
 .tu-audience{ padding:var(--s-5); }.tu-service-body>.btn{ gap:var(--s-4);}.tu-hero .btn{ gap:var(--s-4);}
 .tu-jump{ gap:0 var(--s-4); }
}
@media(prefers-reduced-motion:reduce) { }
