/* Page 3898. Reuses the approved global V2 shell and controls. */
#cth-tesla-service{--cth-section-space:76px}
#cth-tesla-service :is(figure,header,aside){min-width:0}
#cth-tesla-service figure{margin:0}
#cth-tesla-service img{width:100%;height:auto;display:block;object-fit:cover}
#cth-tesla-service .ts-hero{padding-top:27px;padding-bottom:0}
#cth-tesla-service .cth-hero-grid{gap:48px}
#cth-tesla-service .ts-hero-photo img{aspect-ratio:1.2;object-position:58% 50%}
#cth-tesla-service .ts-hero-photo figcaption{background:white;padding:20px 23px;font-size:12px;font-weight:650;line-height:1.8}
#cth-tesla-service .cth-hero-copy>.ts-hero-price{border-left:3px solid var(--cth-color-red);padding-left:18px;margin-top:23px}
#cth-tesla-service .ts-hero-price strong{display:block;font-size:27px;line-height:1.25;color:var(--cth-color-action);letter-spacing:-.6px}
#cth-tesla-service .ts-hero-price span{display:block;font-size:11px;line-height:1.85;margin-top:8px;max-width:430px}
#cth-tesla-service .ts-hero-facts{display:flex;gap:18px 38px;flex-wrap:wrap;border-top:1px solid #cbd0df;padding:22px 0;margin-top:32px;font-size:11px;line-height:1.8;font-weight:650}
#cth-tesla-service .ts-hero-facts span::before{content:'';display:inline-block;width:6px;height:6px;background:var(--cth-color-red);margin-right:10px;vertical-align:middle}
#cth-tesla-service .ts-jump{display:flex;gap:7px 27px;flex-wrap:wrap;padding-block:20px;border-bottom:1px solid var(--cth-color-line)}
#cth-tesla-service .ts-jump a{font-size:12px;font-weight:650;padding:7px 0;line-height:1.8}
#cth-tesla-service .ts-intro{max-width:880px;margin-bottom:32px}
#cth-tesla-service .ts-intro h2{margin-top:16px}
#cth-tesla-service .ts-intro>p:not(.cth-kicker){font-size:14px;line-height:1.9;margin-top:19px;max-width:780px}
#cth-tesla-service .ts-price-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:start}
#cth-tesla-service .ts-price-layout h2{margin-top:16px}
#cth-tesla-service .ts-price-layout header>p:not(.cth-kicker){font-size:13px;line-height:1.9;margin-top:20px}
#cth-tesla-service .ts-price-layout header>a{display:inline-block;font-size:12px;font-weight:650;line-height:1.8;margin-top:23px}
#cth-tesla-service .ts-price-board{background:var(--cth-color-pale);padding:10px 32px;border-top:4px solid var(--cth-color-red)}
#cth-tesla-service .ts-price-board>div{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:10px 22px;padding:25px 0}
#cth-tesla-service .ts-price-board>div+div{border-top:1px solid #d1d5e2}
#cth-tesla-service .ts-price-board span{font-size:13px;font-weight:650;line-height:1.8;padding-top:5px}
#cth-tesla-service .ts-price-board strong{font-size:29px;line-height:1.25;letter-spacing:-.8px;color:var(--cth-color-action);white-space:nowrap}
#cth-tesla-service .ts-price-board p{grid-column:2;font-size:11px;line-height:1.9}
#cth-tesla-service .ts-price-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;padding-top:26px;border-top:1px solid var(--cth-color-line);margin-top:34px}
#cth-tesla-service .ts-price-foot strong{font-size:15px;line-height:1.5}
#cth-tesla-service .ts-price-foot p{font-size:12px;line-height:1.9;margin-top:11px}
#cth-tesla-service .ts-price-enquiry{display:block;margin-top:29px}
#cth-tesla-service .ts-price-enquiry>p{font-size:13px;line-height:1.85;max-width:420px}
#cth-tesla-service .ts-price-enquiry .cth-actions{margin-top:19px}
#cth-tesla-service .ts-benefits{background:var(--cth-color-paper)}
#cth-tesla-service .ts-benefit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}
#cth-tesla-service .ts-benefit-layout figure img{aspect-ratio:.96;object-position:48% 50%}
#cth-tesla-service .ts-benefit-layout figcaption,#cth-tesla-service .ts-fitting figcaption{font-size:11px;line-height:1.8;margin-top:12px;color:var(--cth-color-muted)}
#cth-tesla-service .ts-benefit-layout h2{margin-top:16px}
#cth-tesla-service .ts-benefit-line{border-top:1px solid var(--cth-color-line);padding-top:19px;margin-top:22px}
#cth-tesla-service .ts-benefit-line h3{font-size:23px;line-height:1.3}
#cth-tesla-service .ts-benefit-line p{font-size:12px;line-height:1.9;margin-top:11px}
#cth-tesla-service .ts-small{font-size:11px;line-height:1.85;margin-top:22px;color:var(--cth-color-muted)}
#cth-tesla-service .ts-models .ts-intro{max-width:900px}
#cth-tesla-service .ts-model-row{display:grid;grid-template-columns:210px minmax(0,1fr) minmax(0,1fr);gap:40px;padding:32px 0;border-top:1px solid var(--cth-color-line)}
#cth-tesla-service .ts-model-name{background:var(--cth-color-pale);padding:25px 23px;border-left:3px solid var(--cth-color-red);align-self:start}
#cth-tesla-service .ts-model-name span{font-size:11px;line-height:1.8;color:var(--cth-color-action);font-weight:650}
#cth-tesla-service .ts-model-name h3{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin-top:8px}
#cth-tesla-service .ts-model-row>div>strong{font-size:17px;line-height:1.45;display:block}
#cth-tesla-service .ts-model-row p{font-size:12px;line-height:1.9;margin-top:14px}
#cth-tesla-service .ts-model-note{font-size:12px;line-height:1.9;padding-top:24px;border-top:1px solid var(--cth-color-line)}
#cth-tesla-service .ts-roof{background:var(--cth-color-pale)}
#cth-tesla-service .ts-roof-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center}
#cth-tesla-service .ts-roof h2{margin-top:16px}
#cth-tesla-service .ts-roof-copy>p:not(.cth-kicker){font-size:13px;line-height:1.9;margin-top:20px}
#cth-tesla-service .ts-roof-copy ol{list-style:none;padding:0;margin:23px 0 0;counter-reset:roof}
#cth-tesla-service .ts-roof-copy li{border-top:1px solid #d1d5e2;padding:18px 0 18px 39px;position:relative;counter-increment:roof}
#cth-tesla-service .ts-roof-copy li::before{content:'0' counter(roof);position:absolute;left:0;top:21px;font-size:10px;font-weight:700;color:var(--cth-color-action)}
#cth-tesla-service .ts-roof-copy li strong{font-size:15px;line-height:1.5;display:block}
#cth-tesla-service .ts-roof-copy li span{font-size:12px;line-height:1.85;display:block;margin-top:8px;color:var(--cth-color-muted)}
#cth-tesla-service .ts-roof-layout figure{background:white}
#cth-tesla-service .ts-roof-layout img{aspect-ratio:1;object-position:50% 45%}
#cth-tesla-service .ts-roof-layout figcaption{font-size:11px;font-weight:650;line-height:1.8;padding:20px 24px}
#cth-tesla-service .ts-roof-bottom{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px;border-top:1px solid #c7ccdc;margin-top:32px;padding-top:27px}
#cth-tesla-service .ts-roof-bottom strong{font-size:22px;line-height:1.4;letter-spacing:-.4px}
#cth-tesla-service .ts-roof-bottom p{font-size:12px;line-height:1.9}
#cth-tesla-service .ts-fitting-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:65px;align-items:center}
#cth-tesla-service .ts-fitting-layout img{aspect-ratio:1.05;object-position:50% 50%}
#cth-tesla-service .ts-fitting-list>div{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--cth-color-line)}
#cth-tesla-service .ts-fitting-list>div:first-child{padding-top:0}
#cth-tesla-service .ts-fitting-list>div>span{font-size:11px;font-weight:700;color:var(--cth-color-action);padding-top:5px}
#cth-tesla-service .ts-fitting-list h3{font-size:24px;line-height:1.3}
#cth-tesla-service .ts-fitting-list p{font-size:12px;line-height:1.9;margin-top:10px}
#cth-tesla-service .ts-choices{background:var(--cth-color-paper)}
#cth-tesla-service .ts-choices-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}
#cth-tesla-service .ts-choices h2{margin-top:16px}
#cth-tesla-service .ts-choices header>p:last-child{font-size:14px;line-height:1.9;margin-top:20px}
#cth-tesla-service .ts-choice-lines>div{padding:24px 0;border-bottom:1px solid var(--cth-color-line)}
#cth-tesla-service .ts-choice-lines>div:first-child{padding-top:0}
#cth-tesla-service .ts-choice-lines h3{font-size:25px;line-height:1.3}
#cth-tesla-service .ts-choice-lines p{font-size:13px;line-height:1.9;margin-top:12px}
#cth-tesla-service .ts-warranty-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:75px;align-items:center}
#cth-tesla-service .ts-warranty h2{margin-top:16px}
#cth-tesla-service .ts-warranty header>p:not(.cth-kicker){font-size:13px;line-height:1.9;margin-top:20px}
#cth-tesla-service .ts-cover-record{border-top:4px solid var(--cth-color-red);background:var(--cth-color-pale);padding:29px 32px}
#cth-tesla-service .ts-cover-record h3{font-size:25px;line-height:1.3}
#cth-tesla-service .ts-cover-record dl{margin:24px 0 0}
#cth-tesla-service .ts-cover-record dl>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:18px;border-top:1px solid #d0d4e2;padding:16px 0}
#cth-tesla-service .ts-cover-record dt{font-size:11px;line-height:1.8;font-weight:650}
#cth-tesla-service .ts-cover-record dd{margin:0;font-size:12px;line-height:1.8;color:var(--cth-color-muted)}
#cth-tesla-service .ts-aftercare-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;border-top:1px solid var(--cth-color-line);padding-top:30px;margin-top:34px}
#cth-tesla-service .ts-aftercare-lines h3{font-size:23px;line-height:1.3}
#cth-tesla-service .ts-aftercare-lines p{font-size:12px;line-height:1.9;margin-top:14px}
#cth-tesla-service .ts-faq{background:var(--cth-color-paper)}
#cth-tesla-service .ts-faq .ts-intro{text-align:center;margin-inline:auto}
#cth-tesla-service .ts-faq .cth-kicker{justify-content:center}
#cth-tesla-service .ts-faq .cth-faq{max-width:1050px;margin-inline:auto}
#cth-tesla-service .ts-contact{padding-bottom:40px}
#cth-tesla-service .ts-contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:55px;align-items:center;background:var(--cth-color-pale);padding:40px;border-top:4px solid var(--cth-color-red)}
#cth-tesla-service .ts-contact h2{margin-top:16px}
#cth-tesla-service .ts-contact p{font-size:13px;line-height:1.9;margin-top:20px}
#cth-tesla-service .ts-contact aside{border-left:1px solid #c6cbdd;padding-left:27px}
#cth-tesla-service .ts-contact aside h3{font-size:25px;line-height:1.3}
#cth-tesla-service .ts-contact aside a{display:inline-block;font-size:12px;font-weight:650;line-height:1.8;margin-top:20px}
@media(max-width:1100px){
 #cth-tesla-service .cth-hero-grid{gap:32px}
 #cth-tesla-service :is(.ts-price-layout,.ts-benefit-layout,.ts-roof-layout,.ts-fitting-layout,.ts-choices-layout,.ts-warranty-layout){gap:38px}
 #cth-tesla-service .ts-price-board{padding-inline:24px}
 #cth-tesla-service .ts-price-board>div{grid-template-columns:1fr}
 #cth-tesla-service .ts-price-board p{grid-column:auto}
 #cth-tesla-service .ts-model-row{grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);gap:27px}
 #cth-tesla-service .ts-price-enquiry{align-items:start}
 #cth-tesla-service .ts-price-enquiry .cth-actions{flex-shrink:1}
}
@media(max-width:900px){
 #cth-tesla-service .ts-price-layout{grid-template-columns:1fr}
 #cth-tesla-service .ts-price-board>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 #cth-tesla-service .ts-price-board p{grid-column:2}
 #cth-tesla-service .ts-price-enquiry{display:block}
 #cth-tesla-service .ts-price-enquiry>p{max-width:none}
 #cth-tesla-service .ts-price-enquiry .cth-actions{margin-top:19px}
 #cth-tesla-service .ts-model-row{grid-template-columns:150px minmax(0,1fr);gap:24px}
 #cth-tesla-service .ts-model-row>div:last-child{grid-column:2}
 #cth-tesla-service .ts-benefit-layout{grid-template-columns:1fr}
 #cth-tesla-service .ts-benefit-layout figure{max-width:700px}
 #cth-tesla-service .ts-benefit-layout figure img{aspect-ratio:1.4}
 #cth-tesla-service .ts-roof-layout{grid-template-columns:1fr}
 #cth-tesla-service .ts-roof-layout img{aspect-ratio:1.6}
 #cth-tesla-service .ts-fitting-layout{grid-template-columns:1fr}
 #cth-tesla-service .ts-fitting-layout img{aspect-ratio:1.5}
 #cth-tesla-service .ts-warranty-layout{grid-template-columns:1fr}
 #cth-tesla-service .ts-contact-layout{grid-template-columns:1fr;gap:30px}
 #cth-tesla-service .ts-contact aside{padding:23px 0 0;border-left:0;border-top:1px solid #c6cbdd}
}
@media(max-width:650px){
 #cth-tesla-service{--cth-section-space:51px}
 #cth-tesla-service .ts-hero{padding-top:18px}
 #cth-tesla-service .ts-hero-photo img{aspect-ratio:1.35}
 #cth-tesla-service .ts-hero-facts{gap:9px 22px;font-size:10px;margin-top:26px}
 #cth-tesla-service .ts-hero-price strong{font-size:25px}
 #cth-tesla-service .ts-jump{gap:6px 20px;padding-block:14px}
 #cth-tesla-service .ts-jump a{font-size:11px}
 #cth-tesla-service .ts-price-board{padding-inline:24px}
 #cth-tesla-service .ts-price-board>div{grid-template-columns:1fr;gap:10px}
 #cth-tesla-service .ts-price-board p{grid-column:auto}
 #cth-tesla-service .ts-price-board strong{font-size:30px}
 #cth-tesla-service .ts-price-foot{grid-template-columns:1fr;gap:25px}
 #cth-tesla-service .ts-model-row{grid-template-columns:1fr;gap:21px;padding:28px 0}
 #cth-tesla-service .ts-model-row>div:last-child{grid-column:auto}
 #cth-tesla-service .ts-model-name{padding:19px 22px}
 #cth-tesla-service .ts-model-name h3{font-size:29px}
 #cth-tesla-service .ts-roof-bottom{grid-template-columns:1fr;gap:15px}
 #cth-tesla-service .ts-roof-layout img{aspect-ratio:1.25}
 #cth-tesla-service .ts-fitting-layout img{aspect-ratio:1.25}
 #cth-tesla-service .ts-choices-layout{grid-template-columns:1fr;gap:29px}
 #cth-tesla-service .ts-cover-record{padding:25px}
 #cth-tesla-service .ts-aftercare-lines{grid-template-columns:1fr;gap:25px}
 #cth-tesla-service .ts-contact-layout{padding:28px 24px;gap:28px}
}

/* C13 roof suitability within Tesla page only */
#cth-tesla-service .ts-roof-science{max-width:850px;margin-top:40px;padding-top:28px;border-top:1px solid var(--cth-color-line)}
#cth-tesla-service .ts-roof-science p+p{margin-top:16px}
#cth-tesla-service .ts-roof-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0}
#cth-tesla-service .ts-roof-decisions article{border-top:3px solid var(--cth-color-action);padding-top:24px}
#cth-tesla-service .ts-roof-decisions h3,#cth-tesla-service .ts-roof-record h3,#cth-tesla-service .ts-roof-science h3{font-size:23px;line-height:1.4;margin-bottom:16px}
#cth-tesla-service .ts-roof-record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
#cth-tesla-service .ts-roof-record p+p{margin-top:16px}
#cth-tesla-service .ts-roof-record li{margin-bottom:12px}
#cth-tesla-service .ts-roof-bottom .cth-actions{margin-top:24px}
@media(max-width:900px){#cth-tesla-service .ts-roof-decisions{grid-template-columns:1fr}}
@media(max-width:650px){#cth-tesla-service .ts-roof-record{grid-template-columns:1fr;gap:28px}}

#cth-tesla-service .ts-generation-check{margin-top:36px;padding:32px;background:var(--cth-color-pale)}
#cth-tesla-service .ts-generation-check dl{margin:24px 0}
#cth-tesla-service .ts-generation-check dl>div{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:20px 0;border-top:1px solid var(--cth-color-line)}
#cth-tesla-service .ts-generation-check dt{font-weight:700}
#cth-tesla-service .ts-generation-check dd{margin:0}
#cth-tesla-service .ts-measurement-check{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px 0}
#cth-tesla-service .ts-measurement-check li{margin-bottom:12px}
@media(max-width:700px){#cth-tesla-service .ts-generation-check{padding:24px}#cth-tesla-service .ts-generation-check dl>div,#cth-tesla-service .ts-measurement-check{grid-template-columns:1fr;gap:16px}}
