/* Shared reading scale, loaded after each page's component styles. */
:root{--type-title:clamp(2rem,1.55rem + 2vw,3.25rem);--type-section:clamp(1.65rem,1.3rem + 1.35vw,2.5rem);--type-card:clamp(1.25rem,1.1rem + .5vw,1.5rem);--type-body:1.125rem;--type-small:.875rem}
body{font-size:var(--type-body);line-height:1.65}
#main h1{font-size:var(--type-title);line-height:1.16;letter-spacing:-.025em;margin-bottom:1.4rem;overflow-wrap:break-word}
#main h2{font-size:var(--type-section);line-height:1.22;letter-spacing:-.02em;margin-bottom:1.1rem;overflow-wrap:break-word}
#main h3,#main h4{font-size:var(--type-card);line-height:1.35;letter-spacing:-.015em;margin-bottom:.8rem;overflow-wrap:break-word}
#main p,#main li{font-size:var(--type-body);line-height:1.65}
#main p{margin-bottom:1.15rem}
#main :is(.lead,.tea-lead,.owner-hero-lead,.what-is-lead){font-size:1.25rem;line-height:1.6;max-width:65ch}
#main :is(.eyebrow,.class-five .eyebrow){font-size:var(--type-small);line-height:1.5;letter-spacing:.12em;margin-bottom:.85rem}
#main :is(.form-note,.privacy-note,.form-status,.enrollment-state,.tea-help,.tea-setup-note,.host-note,.challenge-enrollment-note,.hero-challenge-secondary,.final-challenge,.renewal-plan-note,.hero-state){font-size:var(--type-small);line-height:1.6}
#main :is(.hero-challenge-secondary span,.community-entry span,.final-challenge small,figcaption,small){font-size:var(--type-small);line-height:1.6}
#main :is(.community-outcome-list span,.community-outcome-list strong){font-size:var(--type-body);line-height:1.6}
#main :is(.form-fields label,.tea-form label,.tea-form legend,input,textarea,select){font-size:1rem;line-height:1.5}
#main :is(.text-link,.film-secondary,.community-entry a){font-size:1rem;line-height:1.5}
#main :is(.button,button){font-size:1rem;line-height:1.45}
#main summary{font-size:1.125rem;line-height:1.5}
#main :is(.statement,blockquote,.class-declaration,.owner-final){font-size:clamp(1.25rem,1.1rem + .75vw,1.75rem);line-height:1.5;letter-spacing:-.01em}
#main :is(.price,.renewal-price,.community-price,.hero-community-price,.confirmation-price,.final-price){font-family:Arial,Helvetica,sans-serif;font-size:2.5rem;line-height:1.2;letter-spacing:-.025em}
#main :is(.price,.renewal-price,.community-price,.hero-community-price) span{font-size:1rem;line-height:1.5;letter-spacing:0}
#main .hero-community h1{font-size:clamp(1.875rem,1.5rem + 1vw,2.5rem)}
#main :is(.price-card h2,.faq-group h2,.privacy-copy h2){font-size:clamp(1.5rem,1.3rem + .6vw,2rem)}
#main :is(.tea-form h3,.waitlist-form h3){font-size:1.25rem}
#main :is(.ecosystem-four span,.question-number,.renewal-number){font-size:var(--type-small);line-height:1.5}
#main .tea-summary p{font-size:1.125rem}
#main .class-five article{display:block;min-width:0}
#main .class-five{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
body .site-header .nav a,body .site-header .login{font-size:.9375rem;line-height:1.5}
body .site-header .nav{gap:1rem}
body .site-header .button.small,body .site-header .menu-button{font-size:.875rem;line-height:1.4;min-height:44px}
body .footer p,body .footer a{font-size:1rem;line-height:1.65}
body .footer h3,body .footer-bottom{font-size:.875rem;line-height:1.6}
#main :is(.renewal-section,.section){padding-block:4rem}
#main :is(.intro-grid,.tea-grid,.optin-grid){column-gap:3rem}
@media(max-width:700px){
 :root{--type-body:1.0625rem}
 #main :is(.lead,.tea-lead,.owner-hero-lead,.what-is-lead){font-size:1.125rem}
 #main :is(.renewal-section,.section){padding-block:2.75rem}
 #main .class-five{grid-template-columns:1fr;gap:1.25rem}
 #main .class-five article:last-child{grid-column:auto}
 body .site-header .button.small{padding:9px 10px}
 body .site-header .header-inner{gap:8px}
}