/* 2026-10-08 (the client: "the text doesn't scale across screen sizes; on a 15-inch screen it is small. One defined type scale whose values scale with the viewport").
   The 1440 design is the base: below 1441px nothing here applies. Above it every text size grows in proportion to the viewport width
   (size × width/1440) up to 1.25× at 1800px and beyond, so a 1920 screen reads like the 1440 one scaled, not the 1440 one stretched.
   Generated from the rendered sizes at 1440 (scripts/qa/r6/type-inventory, 2026-10-08); each rule is clamp(base, base/1440 × 100vw, base × 1.25).
   Sizes already written in vw keep their own slope and gain a higher cap. The drawn 69/57 of Love and joy (an SVG, 190px) are not scaled here. */
@media (min-width:1441px){
nav a{font-size:clamp(12px,0.8333vw,15.0px)!important}
nav span{font-size:clamp(12px,0.8333vw,15.0px)!important}
#story .ln{font-size:clamp(92.16px,6.4vw,115.2px)!important}
#story .v7-entry-support{font-size:clamp(17px,1.1806vw,21.25px)!important}
#story .af-eyebrow{font-size:clamp(15px,1.0417vw,18.75px)!important}
#story .v7-campaign-scroll{font-size:clamp(16px,1.1111vw,20.0px)!important}
#study-intro .v7-stage-kicker{font-size:clamp(11px,0.7639vw,13.75px)!important}
#study-intro h2{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#study-intro .v7-deck{font-size:clamp(20px,1.3889vw,25.0px)!important}
#score .r3-score-denominator{font-size:clamp(79.2px,5.5vw,99.0px)!important}
#score .r3-score-caption{font-size:clamp(14px,0.9722vw,17.5px)!important}
#u-findings .v5-hl{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#u-findings .r2r-desktop{font-size:clamp(15px,1.0417vw,18.75px)!important}
#u-findings span{font-size:clamp(13px,0.9028vw,16.25px)!important}
#inway .r2-signal-label{font-size:clamp(12px,0.8333vw,15.0px)!important}
#inway h2{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#inway .r6-eyebrow{font-size:clamp(11px,0.7639vw,13.75px)!important}
#inway .r2-signal-number{font-size:clamp(180px,12.5vw,225.0px)!important}
#inway small{font-size:clamp(46.8px,3.25vw,58.5px)!important}
#inway .r2-signal-copy{font-size:clamp(20px,1.3889vw,25.0px)!important}
#what-found h2{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#feeling .r6-eyebrow{font-size:clamp(11px,0.7639vw,13.75px)!important}
#feeling .r2r-living-sr{font-size:clamp(56px,3.8889vw,70.0px)!important}
#feeling small{font-size:clamp(22px,1.5278vw,27.5px)!important}
#lifestages h2#r2-age-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#lifestages h3#r2-age-youth-title{font-size:clamp(54.72px,3.8vw,68.4px)!important}
#lifestages .r6-agebars-lead{font-size:clamp(14px,0.9722vw,17.5px)!important}
#lifestages dt{font-size:clamp(16px,1.1111vw,20.0px)!important}
#lifestages .r6-agebars-value{font-size:clamp(24px,1.6667vw,30.0px)!important}
#lifestages h3#r2-age-depth-title{font-size:clamp(54.72px,3.8vw,68.4px)!important}
#people .r2-finding-headline{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#movement small{font-size:clamp(22.44px,1.5583vw,28.05px)!important}
#wake h2{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#r6-movers-panel .r6-movers-x{font-size:clamp(42px,2.9167vw,52.5px)!important}
#r6-movers-panel .r6-movers-note{font-size:clamp(13px,0.9028vw,16.25px)!important}
#members h2{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#members .r2mem-full{font-size:clamp(13px,0.9028vw,16.25px)!important}
#chooser .r3-eyebrow{font-size:clamp(12px,0.8333vw,15.0px)!important}
#chooser h2#v7-choice-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#chooser p{font-size:clamp(20px,1.3889vw,25.0px)!important}
#chooser span{font-size:clamp(16px,1.1111vw,20.0px)!important}
#invitation span{font-size:clamp(48.96px,3.4vw,61.2px)!important}
#invite .r3-eyebrow{font-size:clamp(12px,0.8333vw,15.0px)!important}
#invite h2#r4-invite-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#invite .r4-invite-deck{font-size:clamp(18px,1.25vw,22.5px)!important}
#invite span{font-size:clamp(13px,0.9028vw,16.25px)!important}
#r2-revised-reader .r2-reader-close{font-size:clamp(13px,0.9028vw,16.25px)!important}
#r2-revised-reader .r2-reader-close-arrow{font-size:clamp(20px,1.3889vw,25.0px)!important}
#r2-revised-reader .r2-reader-title{font-size:clamp(34px,2.3611vw,42.5px)!important}
#r2-revised-reader .r2-reader-question{font-size:clamp(16px,1.1111vw,20.0px)!important}
#r2-revised-reader .r2-reader-measure{font-size:clamp(13px,0.9028vw,16.25px)!important}
#r2-revised-reader .r2-reader-label{font-size:clamp(15px,1.0417vw,18.75px)!important}
#r2-revised-reader .r2-reader-measurement-sr{font-size:clamp(20px,1.3889vw,25.0px)!important}
#r2-revised-reader .r2-reader-number-display{font-size:clamp(20px,1.3889vw,25.0px)!important}
#r2-revised-reader .r2-reader-count-current{font-size:clamp(20px,1.3889vw,25.0px)!important}
#dc-root .v7-quiz-return{font-size:clamp(13px,0.9028vw,16.25px)!important}
#dc-root .v7-quiz-eyebrow{font-size:clamp(11px,0.7639vw,13.75px)!important}
#dc-root .v7-quiz-small{font-size:clamp(10px,0.6944vw,12.5px)!important}
#dc-root .r2-quiz-answer-guidance{font-size:clamp(14px,0.9722vw,17.5px)!important}
#dc-root .v7-quiz-art-caption{font-size:clamp(12px,0.8333vw,15.0px)!important}
#dc-root .v7-quiz-privacy{font-size:clamp(13px,0.9028vw,16.25px)!important}
#dc-root .v7-quiz-text-button{font-size:clamp(14px,0.9722vw,17.5px)!important}
#u-results .v7r-text-button{font-size:clamp(14px,0.9722vw,17.5px)!important}
#u-results .v7r-brand{font-size:clamp(11px,0.7639vw,13.75px)!important}
#u-results h1{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#u-results .r4-digit{font-size:clamp(172.8px,12.0vw,216.0px)!important}
#u-results .v7r-outof{font-size:clamp(20px,1.3889vw,25.0px)!important}
#u-results .v7r-america-n{font-size:clamp(64px,4.4444vw,80.0px)!important}
#u-results .v7r-america-label{font-size:clamp(12px,0.8333vw,15.0px)!important}
#u-results .v7r-intro{font-size:clamp(22px,1.5278vw,27.5px)!important}
#u-results .v7r-button{font-size:clamp(13px,0.9028vw,16.25px)!important}
#u-results figcaption{font-size:clamp(15px,1.0417vw,18.75px)!important}
#u-results .v7r-signature-name{font-size:clamp(14px,0.9722vw,17.5px)!important}
#u-results .v7r-signature-score{font-size:clamp(11px,0.7639vw,13.75px)!important}
#u-results summary{font-size:clamp(13px,0.9028vw,16.25px)!important}
#about .r6a-back{font-size:clamp(14px,0.9722vw,17.5px)!important}
html #dc-root .v7r-page .v7r-method{max-width:none} /* the results' two foot rows one width above 1440: the frame grows, the 'How your score works' row kept a 1320px cap (2026-10-11) */
#about .r3-eyebrow{font-size:clamp(12px,0.8333vw,15.0px)!important}
#about h1#r6a-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#about h2#r6a-origin-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#about h2#r6a-who-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#about .r6a-note{font-size:clamp(15px,1.0417vw,18.75px)!important}
#about h2#r6a-dims-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#about .r6a-dim-label{font-size:clamp(11px,0.7639vw,13.75px)!important}
#about h2#r6a-score-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#about h2#r6a-fair-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
#about h2#r6a-invite-title{font-size:clamp(63.36px,4.4vw,79.2px)!important}
/* class-less spans the inventory could not name, written by hand */
#members .r2mem-score-values > span:first-child{font-size:clamp(54px,3.75vw,67.5px)!important}
#members .r2mem-score-values > span:last-child{font-size:clamp(30px,2.0833vw,37.5px)!important} /* direct children only (the precision pass, 2026-10-09): each figure's digits sit in a nested span, which the old last-child rule also matched, so above 1440 the Members figure had dropped to America's size */
#members .r2mem-score-overall .r2mem-score-values > span:first-child{font-size:clamp(132px,9.1667vw,165px)!important}
#members .r2mem-score-overall .r2mem-score-values > span:last-child{font-size:clamp(48px,3.3333vw,60px)!important} /* the lead Aliveness score (2026-10-09, late) */
#members .r2mem-score-grid > span, #members .r2mem-scores > span{font-size:clamp(13px,0.9028vw,16.25px)!important}
#movement .v7-moment-value span{font-size:clamp(66px,4.5833vw,82.5px)!important}
#about .r6a-figures strong{font-size:clamp(72px,5vw,90px)!important}
#about .r6a-figures span{font-size:clamp(15px,1.0417vw,18.75px)!important}
#about .r6a-deck-small{font-size:clamp(18px,1.25vw,22.5px)!important}
#r6-movers-panel .r6-movers-title{font-size:clamp(36px,2.5vw,45.0px)!important}
#r6-movers-panel .r6-movers-line{font-size:clamp(20px,1.3889vw,25.0px)!important}
/* written by hand after the first measurement at 1920 (2026-10-08) */
html #dc-root header.v7-app-header nav a{font-size:clamp(12px,0.8333vw,15px)!important}
html #dc-root header.v7-app-header > a{font-size:clamp(16px,1.1111vw,20px)!important}
html #dc-root header.v7-app-header > a span{font-size:clamp(13px,0.9028vw,16.25px)!important}
html #dc-root #story .af-btnrow button{font-size:clamp(13px,0.9028vw,16.25px)!important}
html #dc-root .v7-journey-stage h2, html #dc-root #inway h2, html #dc-root #feeling h2, html #dc-root #people h2, html #dc-root #wake h2, html #dc-root #members .r2r-inner>h2, html #dc-root #lifestages .r2-age-intro h2, html #dc-root #invite h2{font-size:clamp(63.36px,4.4vw,79.2px)!important}
html #dc-root #feeling .v7-feeling-metric .v7-story-statement{font-size:clamp(22px,1.5278vw,27.5px)!important}
html #dc-root #feeling .r2r-living-strip p{font-size:clamp(17px,1.1806vw,21.25px)!important}
html #dc-root #people .v7-moment-statement{font-size:clamp(18px,1.25vw,22.5px)!important}
html #dc-root #members .r2mem-score-label{font-size:clamp(16px,1.1111vw,20px)!important}
/* the frames the type sits in grow with it, so lines wrap as they do at 1440 */
html #dc-root #lifestages.r2-age-contour .organic-chapter{max-width:clamp(1240px,86.1111vw,1550px)}
html #dc-root #lifestages.r2-age-contour .r6-agebars{max-width:clamp(420px,29.1667vw,525px)}
html #dc-root #lifestages.r2-age-contour .r6-agebars-lead{max-width:36ch}
html #dc-root #members .r2r-inner>h2{max-width:clamp(1010px,70.1389vw,1262px)}
html #dc-root #inway .r2-signal-story{max-width:clamp(1492px,103.6111vw,1865px)}
html #dc-root #about .r6a-wrap{max-width:clamp(1200px,83.3333vw,1500px)}
html #dc-root .v7-chapter-bar .v7-chapter-current, html #dc-root .v7-chapter-bar .v7-chapter-current span{font-size:clamp(14px,0.9722vw,17.5px)!important}
html #dc-root .v7-chapter-bar .v7-chapter-name{font-size:clamp(12px,0.8333vw,15px)!important}
html #dc-root .v7-chapter-bar .v7-chapter-quiz-cta, html #dc-root .v7-chapter-bar .v7-chapter-quiz-cta span{font-size:clamp(15px,1.0417vw,18.75px)!important}
html #dc-root .v7-chapter-bar .v7-chapter-disclosure{font-size:clamp(20px,1.3889vw,25px)!important}
/* the generic rules the generator wrote for whole sections, replaced by the elements they meant (2026-10-08, second measurement) */
html #dc-root .v7-quiz-intro h2{font-size:clamp(150px,10.4167vw,187.5px)!important} /* the stepped cover headline (2026-10-09, late) */
html #dc-root h2#quiz-question{font-size:clamp(43px,2.9861vw,53.75px)!important}
html #dc-root .af-quiz-option, html #dc-root .v7-quiz-option-label{font-size:clamp(17px,1.1806vw,21.25px)!important}
html #dc-root .v7-quiz-primary, html #dc-root .v7-quiz-primary span{font-size:clamp(13px,0.9028vw,16.25px)!important}
html #dc-root .v7-quiz-text-button, html #dc-root .v7-quiz-text-button span{font-size:clamp(14px,0.9722vw,17.5px)!important}
html #dc-root .v7-quiz-progress li{font-size:clamp(16px,1.1111vw,20px)!important}
html #dc-root .v7-quiz-eyebrow{font-size:clamp(11px,0.7639vw,13.75px)!important}
html #dc-root .v7-quiz-intro-copy p:not(.v7-quiz-eyebrow):not(.v7-quiz-small){font-size:clamp(16px,1.1111vw,20px)!important}
html #dc-root .v7-quiz-small{font-size:clamp(10px,0.6944vw,12.5px)!important}
html #dc-root .r2-quiz-answer-guidance{font-size:clamp(14px,0.9722vw,17.5px)!important}
html #dc-root .v7-quiz-art-caption{font-size:clamp(12px,0.8333vw,15px)!important}
html #dc-root .v7r-score, html #dc-root .v7r-score > span:first-child{font-size:clamp(172.8px,12vw,216px)!important}
html #dc-root .v7r-outof{font-size:clamp(20px,1.3889vw,25px)!important}
html #dc-root .v7r-america-n{font-size:clamp(64px,4.4444vw,80px)!important}
html #dc-root .v7r-america-label{font-size:clamp(12px,0.8333vw,15px)!important}
html #dc-root .v7r-button, html #dc-root .v7r-button span{font-size:clamp(13px,0.9028vw,16.25px)!important}
html #dc-root .v7r-text-button{font-size:clamp(14px,0.9722vw,17.5px)!important}
html #dc-root .v7r-brand{font-size:clamp(11px,0.7639vw,13.75px)!important}
html #dc-root .v7r-intro{font-size:clamp(22px,1.5278vw,27.5px)!important}
html #dc-root .v7r-score-copy h1{font-size:clamp(63.36px,4.4vw,79.2px)!important}
html #dc-root #wake .r6-movers-figure{font-size:clamp(150px,10.4167vw,187.5px)!important}
html #dc-root #wake .r6-movers-tabs button span{font-size:clamp(15px,1.0417vw,18.75px)!important}
html #dc-root #r2-revised-reader .r2-reader-axis span{font-size:clamp(11px,0.7639vw,13.75px)!important}
html #dc-root #about .r6a-prose p, html #dc-root #about .r6a-steps p, html #dc-root #about .r6a-note{font-size:clamp(18px,1.25vw,22.5px)!important}
html #dc-root #about .r6a-dim-head p, html #dc-root #about .r6a-q{font-size:clamp(17px,1.1806vw,21.25px)!important}
html #dc-root #about .r6a-note{font-size:clamp(15px,1.0417vw,18.75px)!important}
/* the precision pass (2026-10-09): the frames that did not grow with the type. Every chapter's content frame now grows with the viewport up to 1800px,
   as the type does (1.25× at 1800), so every headline sits at the 64px gutter on every laptop and wide screen, as at 1440; beyond 1928px the chapters
   share one centred 1800px frame, the hero, the age intro and the invitation included. The takeaway keeps its own centred 1200 frame, scaled. */
html #dc-root .v7-stage-main{max-width:min(calc(100vw - 2 * var(--gutter)),1800px)}
html #dc-root .r2r-inner{max-width:min(calc(100vw - 2 * var(--gutter)),1800px)}
html #dc-root #feeling .r2r-living-block{max-width:min(calc(100vw - 2 * var(--gutter)),1800px)} /* the strip's wrapper grows with the stage above it, so the 55 and 73 stay under the 69 and 57 (its own 1320 cap had left them 46 and 173px short at 1920) */
html #dc-root #inway .r2-signal-story{max-width:min(calc(100vw - 2 * var(--gutter)),1800px)}
html #dc-root .r4-invite-inner{max-width:min(calc(100vw - 2 * var(--gutter)),1800px)}
html #dc-root .v7-personal-inner{max-width:clamp(1200px,83.3333vw,1500px)}
html #dc-root #story .af-hero,html #dc-root #invite.r4-invite,html #dc-root #lifestages.r2-age-contour .r2-age-intro{padding-inline:max(var(--gutter),calc((100vw - 1800px) / 2))!important} /* the hero's padding is an inline style */
/* the fixed header keeps the 1440 design's 64px at every width (its scaled text had grown it to 66–67px, which moved the quiz cover's back link off its 16px) */
html #dc-root header.v7-app-header{height:64px;min-height:64px}
/* Love and joy: the two columns' shared width grows with the type (300px at 1440), so the sentences wrap as at 1440 and the two drawn boxes stay one size */
html #dc-root #feeling .v7-feeling-metric{width:min(100%,clamp(300px,20.8333vw,375px))}
}