/* it-t10-handyman.css: handyman page, drawn to the owner's mockup
   (tools/handyman-pack/handyman-final-claude-handoff/01-final-page-reference.png, 804px wide).
   Desktop: every size is the mockup's pixel size times --u (page width / 804, capped at 1600px wide).
   Below 900px the blocks stack in the mockup's order. Built by tools/trades10/handyman.py. */
main.t-handyman{container-type:inline-size;font-optical-sizing:none;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--ink:#0F1E2A;--navy:#142B3B;--soft:#EFF3F6;--or:#F26207;--grey:#56626A}
.t-handyman section{--u:calc(min(100cqw,1600px) / 804)}
.t-handyman .hm-in{width:calc(804 * var(--u));margin-inline:auto;padding-inline:calc(58 * var(--u));position:relative}
.t-handyman .hm-k{font:700 calc(8.6 * var(--u))/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--or)}
.t-handyman .hm-h2{font:700 calc(25 * var(--u))/1.18 var(--serif);font-variation-settings:"opsz" 20;letter-spacing:-.02em;color:var(--ink)}
.t-handyman h1,.t-handyman h3,.t-handyman .hm-res-h,.t-handyman .hm-faq-h{font-variation-settings:"opsz" 20}
.t-handyman .hm-c{text-align:center}
.t-handyman .ln{display:block}
.t-handyman .hm-p{font:400 calc(9.6 * var(--u))/calc(16.5 * var(--u)) var(--sans);color:#3B474F}
.t-handyman .t10-btn.hm-btn{display:inline-flex;align-items:center;gap:calc(7 * var(--u));height:calc(32 * var(--u));padding:0 calc(17 * var(--u));border-radius:calc(3.5 * var(--u));
  background:var(--cta);color:#fff;font:600 calc(10 * var(--u))/1 var(--sans);transition:background .15s}
.t-handyman .hm-btn:hover{background:var(--cta-h)}
.t-handyman .hm-btn svg{width:calc(10 * var(--u));height:calc(10 * var(--u));fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.t-handyman svg.i{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* hero: the photo as a block on the left, copy on white */
.hm-hero{background:#fff}
.t-handyman .hm-hero-in{display:grid;grid-template-columns:calc(451 * var(--u)) 1fr;padding:0}
.hm-hero-img img{display:block;width:100%;height:calc(368 * var(--u));object-fit:cover}
.hm-hero-copy{position:relative;padding:calc(32 * var(--u)) calc(30 * var(--u)) 0 calc(36 * var(--u))}
.hm-hero h1{margin-top:calc(8 * var(--u))!important;font:700 calc(30.4 * var(--u))/calc(33.5 * var(--u)) var(--serif);letter-spacing:-.022em;color:var(--ink);white-space:nowrap}
.hm-lede{margin-top:calc(11 * var(--u))!important;max-width:calc(266 * var(--u));font:400 calc(11.2 * var(--u))/calc(17 * var(--u)) var(--sans);color:#243038}
.hm-hero .hm-btn{margin-top:calc(16 * var(--u))}
.hm-hand{position:absolute;left:calc(242 * var(--u));top:calc(283 * var(--u));transform:rotate(-12deg);transform-origin:left top;font:400 calc(14 * var(--u))/calc(15.5 * var(--u)) "Kalam",cursive;color:#5D6870;white-space:nowrap}
.hm-hand i{display:block;width:calc(20 * var(--u));height:calc(2 * var(--u));margin:calc(6 * var(--u)) 0 0 calc(2 * var(--u));background:var(--or);border-radius:2px;transform:rotate(-4deg)}

/* three steps */
.hm-flow{background:#fff;padding:calc(26 * var(--u)) 0 calc(24 * var(--u))}
.hm-flow .hm-h2{font-size:calc(26.5 * var(--u))}
.hm-sub{margin-top:calc(6 * var(--u))!important;font:400 calc(11 * var(--u))/1.3 var(--sans);color:#3B474F}
.hm-steps{display:grid;grid-template-columns:1fr calc(30 * var(--u)) 1fr calc(30 * var(--u)) 1fr;align-items:start;width:calc(657 * var(--u));margin:calc(20 * var(--u)) auto 0!important}
.hm-step{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink);text-decoration:none!important}
.hm-si{width:calc(52 * var(--u));height:calc(52 * var(--u));overflow:visible;margin:calc(-4 * var(--u)) 0}
.hm-si .ln{fill:none;stroke:#1B2A36;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.hm-si .or{fill:#EF5A0B}.hm-si .wh{stroke:#fff;stroke-width:2.6;stroke-linecap:round}
.hm-si .dl{fill:#EF5A0B;font:700 26px/1 var(--sans)}
.hm-step h3{margin-top:calc(12 * var(--u))!important;font:600 calc(15.3 * var(--u))/1.2 var(--serif);color:var(--ink)}
.hm-step p{margin-top:calc(6 * var(--u))!important;font:400 calc(9.8 * var(--u))/calc(15 * var(--u)) var(--sans);color:#4A565E}
.hm-step:hover h3{color:var(--cta)}
.hm-arr{padding-top:calc(13 * var(--u))}
.hm-arr svg{width:calc(20 * var(--u));height:calc(20 * var(--u));fill:none;stroke:#7B868D;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* template studio */
.hm-studio{background:var(--navy);padding:calc(24 * var(--u)) 0 calc(18 * var(--u))}
.hm-studio .hm-h2{margin-top:calc(10 * var(--u))!important;color:#fff}
.hm-docs{display:grid;grid-template-columns:repeat(3,calc(164 * var(--u)));justify-content:space-between;width:calc(628 * var(--u));margin:calc(16 * var(--u)) auto 0!important}
.t10 a.hm-tp{display:flex;flex-direction:column;align-items:center;overflow:visible;border-radius:0;color:#fff;text-align:center}
.t10 a.hm-tp::after{display:none}
.hm-card{position:relative;width:100%;height:calc(134 * var(--u));background:#FBFBFB;border-radius:calc(4 * var(--u));padding:calc(14 * var(--u)) calc(13 * var(--u)) 0;text-align:left;box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) rgba(0,0,0,.28);transition:transform .2s}
.hm-tp:hover .hm-card,.hm-tp:focus-visible .hm-card{transform:translateY(calc(-3 * var(--u)))}
.hm-card-top{display:flex;justify-content:space-between;align-items:baseline}
.hm-card-top b{font:700 calc(6.9 * var(--u))/1 var(--sans);letter-spacing:.01em;color:#1B2A36}
.hm-card-top span{font:400 calc(4.6 * var(--u))/1 var(--sans);color:#8F989E}
.hm-card-meta{position:relative;display:grid;gap:calc(4.5 * var(--u));margin-top:calc(8 * var(--u))}
.hm-card-meta i{display:block;height:calc(1.6 * var(--u));background:#DADFE2;width:calc(28 * var(--u))}
.hm-card-meta i:nth-child(2){width:calc(35 * var(--u))}.hm-card-meta i:nth-child(3){width:calc(40 * var(--u))}.hm-card-meta i:nth-child(4){width:calc(34 * var(--u))}
.hm-card-meta i.rt{position:absolute;right:0;top:calc(-2 * var(--u));width:calc(18 * var(--u))}
.hm-card-tb{margin-top:calc(12 * var(--u))}
.hm-card-tb span{display:grid;grid-template-columns:1fr calc(20 * var(--u)) calc(22 * var(--u));align-items:center;height:calc(9.5 * var(--u));padding:0 calc(3 * var(--u))}
.hm-card-tb span.hd{background:#E5E9EB;height:calc(9 * var(--u))}
.hm-card-tb span.sh{background:#F0F2F3}
.hm-card-tb span+span{border-top:1px solid #EEF0F1}
.hm-card-tb i{display:block;height:calc(1.6 * var(--u));background:#D5DADD;width:calc(32 * var(--u))}
.hm-card-tb i:nth-child(2){width:calc(2 * var(--u));justify-self:center}.hm-card-tb i:nth-child(3){width:calc(10 * var(--u));justify-self:end}
.hm-card-tb .hd i{background:#9AA3A9;width:calc(18 * var(--u))}.hm-card-tb .hd i:nth-child(2){width:calc(8 * var(--u))}.hm-card-tb .hd i:nth-child(3){width:calc(10 * var(--u))}
.hm-card-tot{position:absolute;right:calc(13 * var(--u));bottom:calc(19 * var(--u));width:calc(20 * var(--u));height:calc(2 * var(--u));background:#8C959B}
.hm-cursor{position:absolute;left:calc(233 * var(--u));top:calc(118 * var(--u));width:calc(15 * var(--u));height:calc(18 * var(--u));fill:#fff;stroke:#111A20;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.hm-docs li{position:relative}
.hm-docs li:nth-child(2) .hm-cursor{left:calc(146 * var(--u))}
.hm-dn{margin-top:calc(12 * var(--u));font:600 calc(11.8 * var(--u))/1.2 var(--sans);color:#fff}
.hm-dd{margin-top:calc(6 * var(--u));font:400 calc(9.3 * var(--u))/calc(14.5 * var(--u)) var(--sans);color:#D5DBDF}
.t10 .hm-tp .t10-edit.hm-edit{position:static;transform:none;opacity:0;margin-top:calc(8 * var(--u));background:none;box-shadow:none;padding:0;border-radius:0;
  font:600 calc(10.3 * var(--u))/1.2 var(--sans);color:var(--or);text-decoration:underline;text-underline-offset:calc(2.5 * var(--u));gap:calc(6 * var(--u))}
.t10 .hm-tp .t10-edit svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.t10 .hm-on .t10-edit.hm-edit,.t10 .hm-tp:hover .t10-edit.hm-edit,.t10 .hm-tp:focus-visible .t10-edit.hm-edit{opacity:1;transform:none}
@media (hover:none){.t10 .hm-tp .t10-edit.hm-edit{opacity:1}}
.hm-strip{padding-top:calc(34 * var(--u))}
.hm-strip .t10-strip{margin-top:0}
.hm-strip .t10-strip-top h3{color:#fff;font:600 calc(15 * var(--u))/1.2 var(--serif)}
.hm-strip .tgx-btn,.hm-strip .tgx-all{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}

/* payment: the page's one invoice and QR, then the status list */
.hm-pay{background:var(--soft);padding:calc(21 * var(--u)) 0 calc(22 * var(--u))}
.hm-pay-in{display:grid;grid-template-columns:calc(247 * var(--u)) calc(201 * var(--u)) 1fr;column-gap:calc(22 * var(--u))}
.hm-pay-copy{padding-top:calc(12 * var(--u))}
.hm-pay-copy .hm-h2{font-size:calc(26.2 * var(--u));line-height:calc(31 * var(--u));max-width:calc(200 * var(--u))}
.hm-pay-copy .hm-p{margin-top:calc(16 * var(--u))!important;max-width:calc(245 * var(--u));font-size:calc(10.8 * var(--u));line-height:calc(17 * var(--u))}
.hm-inv{position:relative;height:calc(148 * var(--u));background:#fff;border-radius:calc(4 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(16 * var(--u)) rgba(15,30,42,.1);padding:calc(13 * var(--u)) calc(17 * var(--u))}
.hm-inv-t{display:block;font:600 calc(9.6 * var(--u))/1 var(--sans);color:#1B2A36}
.hm-inv-r{position:absolute;right:calc(16 * var(--u));top:calc(28 * var(--u));width:calc(31 * var(--u));height:calc(1.8 * var(--u));background:#D5DADD}
.hm-inv-l{width:calc(81 * var(--u));margin-top:calc(8 * var(--u))}
.hm-inv-l span{display:grid;gap:calc(5 * var(--u))}
.hm-inv-l i{display:block;height:calc(2.3 * var(--u));background:#D2D8DC}
.hm-inv-l .g2{margin-top:calc(9 * var(--u))}.hm-inv-l .g2 i{height:calc(8.5 * var(--u));background:#E1E5E8}
.hm-inv-l .g3{margin-top:calc(9 * var(--u));gap:calc(5.2 * var(--u))}
.hm-inv-qr{position:absolute;left:calc(119 * var(--u));top:calc(52 * var(--u));width:calc(60 * var(--u));text-align:center}
.hm-qr{width:calc(60 * var(--u))}
.hm-inv-qr span{display:block;margin-top:calc(6 * var(--u));font:600 calc(9.8 * var(--u))/1 var(--sans);color:#1B2A36}
.hm-side{padding-top:calc(5 * var(--u))!important;margin-left:calc(26 * var(--u))!important}
.hm-side li{position:relative;display:grid;grid-template-columns:calc(22 * var(--u)) 1fr;grid-template-rows:auto auto 1fr;column-gap:calc(10.5 * var(--u));white-space:nowrap;height:calc(53.5 * var(--u))}
.hm-side li:not(:last-child)::after{content:"";position:absolute;left:calc(10.5 * var(--u));top:calc(24 * var(--u));height:calc(27 * var(--u));border-left:1px dashed #A7B0B6}
.hm-side .dot{grid-row:1/4;display:grid;place-items:center;width:calc(21 * var(--u));height:calc(21 * var(--u));border-radius:50%;border:calc(1.3 * var(--u)) solid #9BA5AB;background:#fff}
.hm-side li.on .dot{background:var(--or);border-color:var(--or);color:#fff}
.hm-side .dot svg{width:calc(13 * var(--u));height:calc(13 * var(--u));stroke-width:2.6}
.hm-side b{font:600 calc(11.5 * var(--u))/1.2 var(--sans);color:#1B2A36}
.hm-side span:last-child{margin-top:calc(2 * var(--u));font:400 calc(9.3 * var(--u))/1.3 var(--sans);color:#5C686F}

/* pricing links */
.hm-price{background:#fff;padding:calc(19 * var(--u)) 0 calc(22 * var(--u))}
.hm-price .hm-h2{font-size:calc(25.8 * var(--u))}
.hm-tools{display:grid;grid-template-columns:calc(200 * var(--u)) calc(279 * var(--u)) 1fr;width:calc(688 * var(--u));margin:calc(18 * var(--u)) 0 0!important}
.hm-tools li{display:flex;justify-content:center;align-items:center}
.hm-tools li+li{border-left:1px solid #DDE2E5}
.hm-tools a{display:flex;align-items:center;gap:calc(11 * var(--u));padding:calc(4 * var(--u)) 0;color:#1B2A36;text-decoration:none!important}
.hm-tools svg.i{width:calc(27 * var(--u));height:calc(27 * var(--u));stroke-width:1.4}
.hm-tools span{font:500 calc(11.7 * var(--u))/1 var(--sans);text-decoration:underline;text-decoration-color:#5E6A72;text-underline-offset:calc(3 * var(--u))}
.hm-tools a>svg:last-child{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke:var(--or);stroke-width:2.2;margin-left:calc(-1 * var(--u))}
.hm-tools a:hover span{color:var(--cta)}

/* job details, two columns */
.hm-det{background:#F9F7F4;padding:calc(18 * var(--u)) 0 calc(20 * var(--u))}
.hm-det-in{display:grid;grid-template-columns:calc(345 * var(--u)) 1fr}
.hm-det-l{padding-right:calc(20 * var(--u));border-right:1px solid #E1DDD6}
.hm-det-r{padding:calc(11 * var(--u)) 0 0 calc(87 * var(--u))}
.hm-det .hm-h2{margin-top:calc(6 * var(--u))!important;font-size:calc(27 * var(--u));line-height:calc(28.5 * var(--u));max-width:calc(230 * var(--u))}
.hm-det-r .hm-h2{font-size:calc(21.7 * var(--u));line-height:calc(22.6 * var(--u));font-weight:600;max-width:none;font-size:calc(20.6 * var(--u))}
.hm-det-l .hm-p{margin-top:calc(4 * var(--u))!important;max-width:calc(225 * var(--u));font-size:calc(10.7 * var(--u));line-height:calc(15.4 * var(--u))}
.hm-ticks{margin-top:calc(8 * var(--u))!important}
.hm-ticks li{display:flex;align-items:center;gap:calc(13 * var(--u));height:calc(22 * var(--u));font:400 calc(11.6 * var(--u))/1 var(--sans);color:#28343C}
.hm-det-r .hm-ticks{margin-top:calc(10 * var(--u))!important}
.hm-det-r .hm-ticks li{height:calc(24.6 * var(--u));gap:calc(15 * var(--u))}
.hm-ticks .ck{display:grid;place-items:center;flex:none;width:calc(16.3 * var(--u));height:calc(16.3 * var(--u));border-radius:50%;background:var(--or);color:#fff}
.hm-ticks .ck svg{width:calc(11 * var(--u));height:calc(11 * var(--u));stroke-width:2.8}

/* sent to paid */
.hm-track{background:#fff;padding:calc(20 * var(--u)) 0 calc(20 * var(--u))}
.hm-track .hm-h2{font-size:calc(23.6 * var(--u))}
.hm-tl{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:calc(690 * var(--u));margin:calc(12 * var(--u)) auto 0!important}
.hm-tl::before{content:"";position:absolute;left:calc(115 * var(--u));right:calc(115 * var(--u));top:calc(12 * var(--u));height:1px;background:#C8CFD4}
.hm-tl li{position:relative;display:flex;flex-direction:column;align-items:center}
.hm-tl .dot{display:grid;place-items:center;width:calc(25.7 * var(--u));height:calc(25.7 * var(--u));border-radius:50%;background:var(--or);color:#fff}
.hm-tl .dot svg{width:calc(17 * var(--u));height:calc(17 * var(--u));stroke-width:3}
.hm-tl b{margin-top:calc(5 * var(--u));font:600 calc(10.6 * var(--u))/1.2 var(--sans);color:#1B2A36}
.hm-tl span:last-child{margin-top:calc(2 * var(--u));font:400 calc(10 * var(--u))/1.2 var(--sans);color:#5C686F}

/* resources, then the FAQ (added under the design's row) */
.hm-res{background:#F0F4F6;padding:calc(14 * var(--u)) 0 calc(16 * var(--u))}
.hm-res-row{display:grid;grid-template-columns:calc(276 * var(--u)) 1fr;align-items:center}
.hm-res .hm-k{font-size:calc(7.6 * var(--u))}
.hm-res-h{margin-top:calc(4 * var(--u))!important;font:700 calc(18.8 * var(--u))/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.hm-res-links{display:grid;grid-template-columns:calc(102 * var(--u)) calc(75 * var(--u)) calc(77 * var(--u)) calc(89 * var(--u)) 1fr;border-left:1px solid #CBD3D8;padding-left:calc(24 * var(--u))!important;min-height:calc(48 * var(--u));align-items:center}
.hm-res-links li:nth-child(n+3){border-left:1px solid #D8DFE3;padding-left:calc(15 * var(--u))}
.hm-res-links a{display:inline-block;font:400 calc(8.6 * var(--u))/calc(12.8 * var(--u)) var(--sans);color:#1E2A31;text-decoration:none!important}
.t-handyman .hm-res-links a svg{width:calc(9 * var(--u));height:calc(9 * var(--u));vertical-align:-.1em;fill:none;stroke:var(--or);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hm-res-links a:hover{color:var(--cta)}
.hm-faq-wrap{margin-top:calc(30 * var(--u));padding-top:calc(24 * var(--u));border-top:1px solid #D9E1E5;display:grid;grid-template-columns:calc(250 * var(--u)) 1fr;column-gap:calc(40 * var(--u))}
.hm-faq-h{font:700 calc(18 * var(--u))/1.2 var(--serif);color:var(--ink)}
.hm-faq summary{font-size:max(15px,calc(10 * var(--u)))}
.hm-faq .a p{font-size:max(15px,calc(9.6 * var(--u)))}

/* closing band */
.hm-end{position:relative;height:calc(209 * var(--u));background:#0B2130;overflow:hidden}
.hm-end-img{position:absolute;inset:0}
.hm-end-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.t-handyman .hm-end-in{padding-top:calc(17 * var(--u));padding-left:calc(59 * var(--u))}
.hm-end h2{max-width:calc(220 * var(--u));font:700 calc(26.5 * var(--u))/calc(31 * var(--u)) var(--serif);font-variation-settings:"opsz" 20;letter-spacing:-.02em;color:#fff}
.hm-end p{margin-top:calc(9 * var(--u))!important;max-width:calc(270 * var(--u));font:400 calc(10.2 * var(--u))/calc(16.3 * var(--u)) var(--sans);color:#E6EBEE}
.hm-end .hm-btn{margin-top:calc(16 * var(--u))}

/* large text: the design's bright orange passes contrast at this size */
@media (min-width:1300px){.t-handyman .t10-btn.hm-btn{background:var(--or)}.t-handyman .t10-btn.hm-btn:hover{background:var(--cta)}}

/* phones and small tablets */
@media (max-width:1099px){
  .t-handyman section{--u:1.2px}
  .hm-hero h1{white-space:normal}.hm-side li{white-space:normal}
  .t-handyman .hm-in{width:100%;padding-inline:20px}
  .t-handyman .hm-k{font-size:12px}
  .t-handyman .hm-h2,.hm-price .hm-h2,.hm-track .hm-h2,.hm-pay-copy .hm-h2,.hm-det .hm-h2,.hm-det-r .hm-h2{font-size:27px;line-height:1.22;max-width:none}
  .t-handyman .hm-p,.hm-det-l .hm-p,.hm-lede{font-size:16px;line-height:1.6;max-width:none}
  .t-handyman .t10-btn.hm-btn{height:48px;font-size:16px;padding:0 22px;gap:10px}
  .t-handyman .hm-btn svg{width:16px;height:16px}
  .t-handyman .hm-hero-in{grid-template-columns:1fr;padding:0}
  .hm-hero-img img{height:auto;aspect-ratio:451/368}
  .hm-hero-copy{padding:28px 20px 40px}
  .hm-hero h1{white-space:normal;font-size:30px;line-height:1.2;max-width:none}
  .hm-hand{position:relative;left:auto;top:auto;display:inline-block;margin:28px 0 0 auto;font-size:20px;line-height:23px;transform:rotate(-8deg)}
  .hm-hero-copy{display:flex;flex-direction:column;align-items:flex-start}
  .hm-hero-copy .hm-hand{align-self:flex-end;margin-right:24px}
  .hm-hand i{width:28px;height:3px}
  .hm-flow{padding:48px 0 40px}
  .hm-sub{font-size:16px}
  .hm-steps{width:auto;grid-template-columns:1fr;row-gap:8px}
  .hm-arr{padding:0;display:flex;justify-content:center}.hm-arr svg{transform:rotate(90deg);width:22px;height:22px}
  .hm-si{width:54px;height:54px}
  .hm-step h3{font-size:20px}.hm-step p{font-size:16px;line-height:1.5}
  .hm-studio{padding:48px 0 40px}
  .hm-docs{--u:1.35px;width:auto;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;margin:24px -20px 0!important;padding:8px 20px 12px!important}
  .hm-docs li{flex:none;width:calc(164 * var(--u));scroll-snap-align:start}
  .hm-dn{font-size:17px}.hm-dd{font-size:15px;line-height:1.45}.t10 .hm-tp .t10-edit.hm-edit{font-size:15px}
  .hm-strip{padding-top:8px}.hm-strip .t10-strip-top h3{font-size:20px}
  .hm-pay{padding:48px 0}
  .hm-pay-in{grid-template-columns:1fr;row-gap:28px}
  .hm-inv{--u:1.5px;width:calc(201 * var(--u));max-width:100%}
  .hm-side{--u:1.6px;margin-left:0!important}
  .hm-side b{font-size:17px}.hm-side span:last-child{font-size:15px}
  .hm-price{padding:44px 0}
  .hm-tools{width:auto;grid-template-columns:1fr;margin-top:20px!important}
  .hm-tools li{justify-content:flex-start;min-height:56px}
  .hm-tools li+li{border-left:0;border-top:1px solid #DDE2E5}
  .hm-tools svg.i{width:28px;height:28px}.hm-tools span{font-size:16px}.hm-tools a>svg:last-child{width:16px;height:16px}
  .hm-det{padding:44px 0}
  .hm-det-in{grid-template-columns:1fr;row-gap:32px}
  .hm-det-l{padding:0 0 32px;border-right:0;border-bottom:1px solid #E1DDD6}
  .hm-det-r{padding:0}
  .hm-ticks li,.hm-det-r .hm-ticks li{height:40px;font-size:16px}
  .hm-ticks .ck{width:22px;height:22px}.hm-ticks .ck svg{width:15px;height:15px}
  .hm-track{padding:44px 0}
  .hm-tl{width:100%;--u:1.5px}
  .hm-tl b{font-size:15px}.hm-tl span:last-child{font-size:14px;text-align:center}
  .hm-tl::before{left:16.6%;right:16.6%;top:18px}
  .hm-res{padding:40px 0}
  .hm-res-row{grid-template-columns:1fr;row-gap:18px}
  .hm-res-h{font-size:24px}
  .hm-res-links{grid-template-columns:1fr 1fr;border-left:0;padding-left:0!important;row-gap:14px;column-gap:16px}
  .hm-res-links li,.hm-res-links li:nth-child(n+3){border-left:0;padding-left:0}
  .hm-res-links a{font-size:15px;line-height:1.45}.t-handyman .hm-res-links a svg{width:14px;height:14px}
  .hm-faq-wrap{grid-template-columns:1fr;row-gap:12px}
  .hm-faq-h{font-size:24px}
  .hm-end{height:auto;display:flex;flex-direction:column-reverse}
  .hm-end-img{position:relative;aspect-ratio:804/209}
  .t-handyman .hm-end-in{padding:36px 20px 28px}
  .hm-end h2{font-size:34px;line-height:1.15;max-width:none}
  .hm-end p{font-size:16px;max-width:none}
}