/* Public-page type sizes follow the approved home page at every breakpoint. */
:root{
  --site-title-size:clamp(56px,6.2vw,96px);
  --site-section-size:clamp(25px,3vw,48px);
  --site-body-size:14px;
  --site-label-size:12px;
}
@media(max-width:850px){:root{--site-body-size:13px}}
@media(max-width:700px){:root{--site-title-size:min(58px,10vw)}}
@media(max-width:540px){:root{--site-body-size:12px}}

/* Use the landing page's height-aware desktop scale on every public page. */
@media(min-width:1251px) and (min-height:700px){
  :root{--site-title-size:clamp(56px,9svh,84px);--site-section-size:clamp(28px,2.7vw,44px)}
}
@media(min-width:1251px) and (min-height:700px) and (max-height:800px){
  :root{--site-title-size:clamp(56px,8svh,64px)}
}

html body{font-family:'Montserrat',Arial,sans-serif;font-weight:400}
html body #main :is(h1,h2,h3){font-family:'Barlow Semi Condensed',Impact,sans-serif;font-style:italic;font-weight:900}
html body #main h1{font-size:var(--site-title-size);line-height:1.02;letter-spacing:-.6px}
html body #main h2{font-size:var(--site-section-size)}
html body #main h3{font-size:18px}
html body #main p{font-family:'Montserrat',Arial,sans-serif;font-size:var(--site-body-size);font-weight:400;line-height:1.65;letter-spacing:normal}
html body #main p strong{font-weight:600}
html body #main .eyebrow{font-size:var(--site-label-size);font-weight:600;letter-spacing:2.2px}
/* Feature-card titles and copy use the same compact hierarchy as home. */
html body #main :is(.step,.learning-card) :is(h2,h3){font-size:18px;line-height:1.05}
html body #main :is(.step,.learning-card) p{font-size:10px;line-height:1.5}
@media(max-width:1250px){
  html body #main :is(.step,.learning-card) :is(h2,h3){font-size:20px}
  html body #main :is(.step,.learning-card) p{font-size:11px}
}

html body h1,html body .hero-headline{font-size:var(--site-title-size);line-height:1.02;letter-spacing:-.6px}
html body main h2{font-size:var(--site-section-size)}
html body main p{font-size:var(--site-body-size);line-height:1.65}
html body main .eyebrow{font-size:var(--site-label-size)}
html body main h3{font-size:18px}
html body main .button{font-size:12px}
@media(max-width:850px){html body main .button{font-size:10px}}

/* Compact cards and interface samples retain the home page's smaller copy scale. */
html body .learning-card p{font-size:10px;line-height:1.5}
html body .learning-card h3{font-size:18px}
@media(max-width:1250px){html body .learning-card p{font-size:11px}html body .learning-card h3{font-size:20px}}
html body .feature-strip h2{font-size:12px}
html body .feature-strip p{font-size:12px;line-height:1.4}
@media(max-width:540px){html body .feature-strip h2,html body .feature-strip p{font-size:11px}}
html body main .demo p,html body main .mini-log p{font-size:12px}