/* Readability layer (Rachel, 2026-10-21): "main headers and meat, without embellishments".
   The builders strip the small labels; this makes the copy that stays easy to read.
   Loaded after site.css on the landing page and the quiz. Sizes are !important because the
   design sets many of them with long, specific selectors. */

body{font-size:16px!important;line-height:1.75}
nav{font-size:13px!important}
.button{font-size:14px!important}
.intro,.funnel-hero .intro{font-size:17px!important}
.hero-bottom>p:first-child{font-size:16px!important}
.hero-copy h1{margin-top:0}

.credibility div span{font-size:13px!important}
.quotes figcaption{font-size:13px!important}
.testimonial-note{font-size:13px!important;opacity:.85}
.steps article p,.moments article p{font-size:15px!important}
.pattern-tabs button{padding:20px 10px}
.pattern-panel .sides p{font-size:15px!important}
.pattern-panel .sides h4{font-size:15px!important;letter-spacing:0;text-transform:none}
.result-list p:not(.eyebrow){font-size:15px!important}
.shift-grid h3{margin-top:0}
details p{font-size:15px!important}
.section-heading p,.statement p,.results-intro>p,.final-cta>p,.about p:not(.lead),
.pattern-panel>div:first-child>p:not(.tagline),.pattern-conversion>p,.recognition>div>p,
.how>p,.qz-sec .section-heading p{font-size:16px!important}
summary{font-size:16px!important}
.offer-checks span{font-size:14px!important}
.moments article>span{font-size:14px!important}
.footer-top>a:not(.brand),.text-button{font-size:13px!important}
footer>p{font-size:12px!important;opacity:.85}

/* quiz screens */
.qz-step{font-size:14px!important;font-weight:600;margin:0;color:var(--ink)}
.qz-sub{font-size:14px!important}
.qz-opt{font-size:15px!important}
.qz-opt span.k{font-size:12px!important}
.qz-consent{font-size:12px!important}
.qz-form input[type=text],.qz-form input[type=email],.qz-form input[type=tel]{font-size:15px!important}
.qz-lead-in{font-size:18px!important;color:#596157;margin:0 0 6px}
.qz-desc{font-size:16px!important}
.shift-grid article p{font-size:15px!important}
.qz-sec .sec-intro p{font-size:15px!important}
.how .after{font-size:15px!important}
.how>p{font-size:15px!important}
.qz-tie{font-size:15px!important}

@media(max-width:650px){
  body{font-size:15px!important}
  nav .nav-cta{font-size:12px!important}
  .button{font-size:14px!important}
  .intro,.funnel-hero .intro{font-size:16px!important}
  .credibility div span{font-size:12px!important}
  .qz-opt{font-size:15px!important}
}