/* Declutter pass — lighter sections, handwriting kept for headings and notes.
   Rollback: git tag rollback-before-declutter */

/* ---------- Offer bar: one short line on phones ---------- */
#website .offer-bar .ob-short{display:none}
@media(max-width:760px){
  #website .offer-bar{padding:8px 44px 8px 14px!important;font-size:13.5px!important}
  #website .offer-bar .ob-long{display:none!important}
  #website .offer-bar .ob-short{display:block!important;margin:0;white-space:nowrap;color:#e6efe8!important}
}

/* ---------- How it works: heading matches the other handwritten sections ---------- */
html body #website #subjects .ls-eyebrow{display:block;font:600 27px/1 Caveat,cursive!important;letter-spacing:0!important;text-transform:none!important;color:#2f7a4f!important;transform:rotate(-2deg);transform-origin:left;margin:0}
html body #website #subjects .ls-h2{margin-top:4px!important;font:600 clamp(40px,4vw,58px)/1.02 Caveat,cursive!important;letter-spacing:0!important;color:#16211a!important}
html body #website #subjects .ls-u{position:relative;display:inline-block;z-index:0;color:#173f2d}
html body #website #subjects .ls-u::after{content:'';position:absolute;left:-2%;right:-3%;bottom:.04em;height:.24em;z-index:-1;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C45 4 95 3 140 5s45 3 57 1' fill='none' stroke='%23d5a14b' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}

/* ---------- Why Tuuteez: no sticky notes, shorter table, printed row labels ---------- */
html body #website .wh .wc-heading p{font:400 16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#3d463c!important;max-width:44ch;margin-top:14px!important}
html body #website .wh .wc-cta{margin-top:26px!important}
html body #website .wh .wc-table tbody th{font:600 14px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#1f2a22!important}
html body #website .wh .wc-table th,html body #website .wh .wc-table td{padding-top:12px!important;padding-bottom:12px!important}
html body #website .wh .wc-table td{font-size:13.5px!important;line-height:1.4!important}
@media(min-width:1024px){html body #website .wh .wc-left{align-self:center}}

/* ---------- For Parents: phone + timeline only ---------- */
html body #website .pp1 .pp-vs{display:none!important}
@media(min-width:981px){
  html body #website .pp1 .pp-grid{grid-template-columns:auto minmax(0,560px)!important;justify-content:center!important;gap:clamp(48px,7vw,110px)!important}
}
html body #website .pp1 .pp-top p{font:400 16px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#3d463c!important}

/* ---------- Pricing: one note instead of note + list; printed intro ---------- */
html body #website #pricing .pz-every{display:none!important}
html body #website #pricing .pz-trial-mini b{font-weight:700;color:#173f2d}
html body #website #pricing .pz-head p{font:400 16px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#3d463c!important}
html body #website #pricing .pz-head p b{font-weight:600}
@media(max-width:760px){html body #website #subjects .ls-h2{font-size:42px!important}html body #website .wh .wc-table tbody th{font-size:13px!important}}

/* ---------- Hero: less scrolling to get past it (was 235svh / 205svh) ---------- */
@media(min-width:761px){html body #website #home.book-hero{height:160svh!important;min-height:860px!important}}
@media(max-width:760px){html body #website #home.book-hero{height:150svh!important;min-height:0!important}}