/**
 * @file Presentation layer for title overview.
 *
 * Mobile-first responsive styling only; preserve touch targets, fluid containment and the seven-breakpoint contract.
 */

/* UFoundMe! title hierarchy: one idea per title, readable on every surface. */
:root{--ufm-title-xl:clamp(2.05rem,3.45vw,3.35rem);--ufm-title-lg:clamp(1.7rem,2.65vw,2.55rem);--ufm-title-md:clamp(1.25rem,1.75vw,1.7rem)}
:where(.hero,.principle-view,.chat-principle,.studio,.help-view,.test-studio,.layouts,.dashboard,.legal-page main,.catalog-page,.ufm-ulule) h1{max-width:15ch;text-wrap:balance;line-height:1.02;letter-spacing:-.045em}
.hero .hero-promise{max-width:13ch;font-size:var(--ufm-title-xl);line-height:1.04}
.hero .hero-promise-statement{max-width:22ch;font-size:clamp(2.15rem,3.25vw,3.35rem);line-height:1.08;letter-spacing:-.04em}
.principle-copy :is(h1,h2),.chat-principle-copy :is(h1,h2),.action-heading :is(h1,h2){max-width:13ch;font-size:var(--ufm-title-xl);line-height:1.02}
.view-heading :is(h1,h2),.test-studio-head :is(h1,h2),.help-head :is(h1,h2){max-width:15ch;font-size:var(--ufm-title-lg);line-height:1.04}
.dashboard .welcome h1,.studio-page .welcome h1,.legal-page h1,.catalog-page h1{font-size:var(--ufm-title-lg);line-height:1.05}
.legal-page article h2,.dashboard .section-title h2,.studio-editor h2{font-size:var(--ufm-title-md);line-height:1.08;text-wrap:balance}
.ufm-ulule .ulule-hero h1{max-width:14ch;font-size:var(--ufm-title-xl);line-height:1.02}
.ufm-ulule :is(.join-panel,.how,.truth,.community,.final-cta) h2{font-size:var(--ufm-title-lg);line-height:1.05;text-wrap:balance}
@media(max-width:1023px){:root{--ufm-title-xl:clamp(2.05rem,9vw,3rem);--ufm-title-lg:clamp(1.8rem,7.5vw,2.55rem);--ufm-title-md:clamp(1.4rem,5.5vw,1.9rem)}:where(.hero,.principle-view,.chat-principle,.studio,.help-view,.test-studio,.layouts,.dashboard,.legal-page main,.catalog-page,.ufm-ulule) h1{max-width:13ch;letter-spacing:-.035em}.hero .hero-promise-statement{max-width:19ch;font-size:clamp(1.9rem,7.2vw,2.7rem)}}
@media(max-width:800px){:root{--ufm-title-xl:clamp(1.85rem,7.8vw,2.65rem);--ufm-title-lg:clamp(1.55rem,6.4vw,2.15rem);--ufm-title-md:clamp(1.2rem,4.8vw,1.6rem)}:where(.principle-copy,.chat-principle-copy,.action-heading,.view-heading,.test-studio-head,.help-head) h2{letter-spacing:-.035em}}
@media(max-width:380px){:root{--ufm-title-xl:clamp(1.9rem,9.7vw,2.45rem);--ufm-title-lg:clamp(1.65rem,8.2vw,2.15rem)}:where(.hero,.principle-view,.chat-principle,.studio,.help-view,.test-studio,.layouts,.dashboard,.legal-page main,.catalog-page,.ufm-ulule) h1{max-width:12ch}}