.tb-editor-section{background:var(--gradient-background);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:calc(16px * var(--tb-body-scale));padding:var(--tb-top) 0 var(--tb-bottom);margin-top:var(--spacing-sections-desktop)}
.tb-editor-section :is(h1,h2,h3,h4,summary,.tb-eyebrow){font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}
.tb-editor-section :is(.tb-features,.tb-compare,.tb-lower-wrap,.tb-footer){background:var(--gradient-background);color:rgb(var(--color-foreground));padding-top:0;padding-bottom:0}
.tb-editor-section :is(.tb-feature-grid,.tb-compare-card,.tb-guide-grid,.tb-footer){max-width:var(--page-width);margin-left:auto;margin-right:auto}
.tb-editor-section :is(.tb-copy,.tb-feature-card,.tb-features h2,.tb-compare h2,.tb-compare-sub,.tb-guide-card,.tb-joint__content){text-align:var(--tb-align)}
.tb-editor-section :is(.tb-feature-card h3){justify-content:var(--tb-align)}
.tb-editor-section :is(.tb-description,.tb-feature-card p,.tb-guide-card p,.tb-joint__card p,.tb-compare table,.tb-footer){font-family:var(--font-body-family);font-size:calc(16px * var(--tb-body-scale));line-height:1.65;letter-spacing:normal}
.tb-editor-section :is(.tb-hero h1,.tb-features h2,.tb-compare h2,.tb-joint__title){font-size:calc(clamp(30px,4vw,58px) * var(--tb-heading-scale));line-height:1.1;-webkit-text-stroke:var(--tb-outline-width) var(--tb-outline);text-shadow:var(--tb-title-shadow);paint-order:fill stroke}
.tb-editor-section .tb-feature-heading{-webkit-text-stroke:var(--tb-outline-width) var(--tb-outline)}
.tb-editor-section .tb-feature-heading::before{display:none}
.tb-editor-section :is(.tb-feature-card h3,.tb-guide-card h3,.tb-joint__card h3,.tb-compare th){font-size:calc(20px * var(--tb-heading-scale));line-height:1.3}
.tb-editor-section .tb-details summary{font-size:calc(30px * var(--tb-heading-scale))}
.tb-editor-section .tb-eyebrow{font-size:calc(28px * var(--tb-heading-scale))}
.tb-editor-section :is(.tb-pill,.tb-joint__button){font-family:var(--font-heading-family);font-size:calc(20px * var(--tb-body-scale));background:rgb(var(--color-button));color:rgb(var(--color-button-text))!important;border:var(--tb-button-border) solid currentColor;border-radius:var(--tb-button-radius);box-shadow:var(--tb-button-shadow);text-align:center}
.tb-editor-section .tb-hero{min-height:0;aspect-ratio:var(--tb-image-ratio);display:grid;align-items:center}
.tb-editor-section .tb-hero-image{object-position:var(--tb-focus) center}
.tb-editor-section .tb-copy{width:var(--tb-content-width);max-width:46%;padding:40px 0;margin-left:max(5%,calc((100% - var(--page-width))/2))}
.tb-editor-section .tb-feature-grid{grid-template-columns:repeat(var(--tb-columns),minmax(0,1fr));gap:var(--tb-gap)}
.tb-editor-section .tb-feature-art{height:200px;aspect-ratio:auto}
.tb-editor-section .tb-feature-art>img{width:var(--tb-art-width,200px);height:auto;max-height:195px;max-width:100%;object-fit:contain}
.tb-editor-section .tb-guide-image{height:auto;aspect-ratio:var(--tb-image-ratio)}
.tb-editor-section .tb-guide-image :is(img,video){width:100%;height:100%;object-fit:contain}
.tb-editor-section .tb-compare-card{background:var(--gradient-background);color:rgb(var(--color-foreground))}
.tb-editor-section .tb-compare thead img{max-width:100px;max-height:100px;object-fit:contain}
.tb-editor-section .tb-cat-custom{width:100%;height:100%;object-fit:contain}
.tb-editor-section .tb-joint__title em{text-shadow:var(--tb-title-shadow)}
.tb-editor-section .tb-joint__content{padding-bottom:100px}
.tb-editor-section .tb-footer>a img{max-width:100%;height:auto;object-fit:contain}
@media(max-width:1000px){.tb-editor-section .tb-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
.tb-editor-section{padding:var(--tb-mobile-space) 0;margin-top:var(--spacing-sections-mobile)}
.tb-editor-section .tb-copy{width:auto;max-width:none;margin:0;padding:32px 24px calc(var(--tb-mobile-image-height) + 32px)}
.tb-editor-section .tb-hero{display:block;aspect-ratio:auto}
.tb-editor-section .tb-hero-image{height:var(--tb-mobile-image-height);object-position:var(--tb-mobile-focus) center}
.tb-editor-section .tb-feature-grid{grid-template-columns:repeat(var(--tb-mobile-columns),minmax(0,1fr))}
.tb-editor-section .tb-joint__content{padding:32px 24px}
.tb-editor-section .tb-joint__picture img{width:100%;height:auto}
.tb-editor-section .tb-guide-grid{grid-template-columns:1fr}
.tb-editor-section .tb-guide-card p{max-width:40ch;margin-inline:auto}
}
.tb-editor-section .tb-hero>picture{display:contents}
.tb-editor-section :is(.tb-joint__card,.tb-guide-card h3){background:var(--gradient-background);color:rgb(var(--color-foreground))}
.tb-editor-section .tb-joint__footnote{color:rgba(var(--color-foreground),.7)}
.tb-editor-section .tb-guide-grid{color:rgb(var(--color-foreground))}

.tb-editor-section :is(.tb-pill,.tb-joint__button){border-color:rgba(var(--color-button-text),var(--tb-button-border-opacity))}
.tb-editor-section .tb-compare-sub{font-size:calc(18px * var(--tb-heading-scale))}

.tb-editor-section .tb-feature-grid{row-gap:54px;max-width:min(var(--page-width),1360px)}
.tb-editor-section .tb-feature-card p{font-size:calc(15px * var(--tb-body-scale));line-height:1.2;letter-spacing:.576px}
.tb-editor-section .tb-feature-card h3{min-height:38px;margin-bottom:8px}
.tb-editor-section .tb-grip-vector{width:var(--tb-art-width,160px);max-width:100%;aspect-ratio:1;position:relative}
.tb-editor-section .tb-grip-vector .tb-grip-base{position:absolute;inset:0;width:100%;height:100%;max-height:none}
.tb-editor-section .tb-grip-vector .tb-grip-slot{position:absolute;left:2.7%;width:95.3%;height:3.5%;max-height:none}
@media(max-width:700px){
.tb-editor-section .tb-feature-art{height:140px;margin-bottom:18px}
.tb-editor-section .tb-feature-art>img{max-height:135px;max-width:100%}
.tb-editor-section .tb-grip-vector{max-width:130px}
.tb-editor-section .tb-feature-card h3{font-size:calc(16px * var(--tb-heading-scale))}
.tb-editor-section .tb-feature-card p{font-size:calc(13px * var(--tb-body-scale));line-height:1.45}
}

.tb-editor-section .tb-feature-card h3{font-family:var(--tb-card-font);font-weight:400}
.tb-editor-section .tb-guide-card h3{font-family:var(--tb-guide-font);font-weight:400}

.tb-neighbor-vector{position:relative;width:var(--tb-art-width,278px);max-width:100%;aspect-ratio:278/163}
.tb-editor-section .tb-neighbor-vector img{position:absolute;max-height:none}
.tb-editor-section .tb-neighbor-vector .tb-neighbor-floor{left:13%;top:61.7%;width:77%;height:39%;max-width:none;max-height:none}
.tb-editor-section .tb-neighbor-vector .tb-neighbor-dog{left:0;top:0;width:70%;height:83%;max-width:none;max-height:none}
.tb-signoff-art{position:relative;width:380px;max-width:100%;aspect-ratio:380/202}
.tb-signoff-art img{position:absolute;max-width:none!important}
.tb-signoff-art .tb-signoff-floor{left:0;bottom:0;width:94.2%;height:30.6%}
.tb-signoff-art .tb-signoff-dog{left:7.7%;top:0;width:70.3%;height:78.8%}
.tb-signoff-art .tb-signoff-swoosh{right:0;top:42%;width:19.3%;height:10.5%;transform:rotate(-14.38deg)}

.tb-editor-section .tb-guide-image{width:100%;max-width:203px;aspect-ratio:203/209;margin-inline:auto}
.tb-editor-section .tb-signoff{padding-bottom:40px}
.tb-editor-section .tb-footer>a{max-width:574px}
@media(min-width:1001px){.tb-editor-section .tb-compare-card{max-width:min(1080px,var(--page-width))}.tb-editor-section .tb-cat{width:316.8px;right:-100px;bottom:-20px}}
@media(max-width:700px){.tb-editor-section .tb-guide-image{max-width:203px}.tb-editor-section .tb-signoff-art{width:280px}}

.tb-editor-section .tb-guide-image{display:block;min-height:0;overflow:hidden;background:var(--gradient-background);aspect-ratio:var(--tb-image-ratio,0.9713)}
.tb-editor-section .tb-guide-card{text-align:center}
.tb-editor-section .tb-guide-card h3{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;text-align:center;overflow-wrap:anywhere}
.tb-editor-section .tb-guide-card p{text-align:center}

.tb-editor-section .tb-eyebrow,.tb-handwriting{font-family:var(--tb-hand-font);font-style:normal;font-weight:400;font-size:calc(31px * var(--tb-hand-scale));line-height:1.4}
@media(max-width:749px){.tb-editor-section .tb-eyebrow{font-size:calc(25px * var(--tb-hand-scale))}}
