/* Shared hierarchy. Keep display lettering in the galactic hero distinct. */
:root{--type-h1:clamp(1.75rem,3.2vw,2.625rem);--type-h2:clamp(1.4375rem,2.2vw,1.875rem);--type-h3:clamp(1.125rem,1.6vw,1.375rem)}
body{font-size:16px;line-height:1.65}body h1{font-size:var(--type-h1);line-height:1.18;letter-spacing:-.04em}body h2{line-height:1.3;letter-spacing:-.03em}body h3{line-height:1.4;letter-spacing:-.02em}
body :is(.page-heading,.tool-heading,.media-heading,.editorial-header,.library-heading,.studio-heading,.suggestions-intro) h1,body .labor-page .tool-heading h1{font-size:var(--type-h1);font-weight:700;line-height:1.18}
body :is(.page-heading,.tool-heading,.media-heading,.editorial-header)>p{font-size:16px;line-height:1.75;max-width:70ch}
body :is(.featured-copy,.prompt-spotlight,.library-spotlight,.labor-spotlight,.section-heading,.home-section,.tools-intro) h2{font-size:var(--type-h2)}
body :is(.item-card,.home-card,.prompt-card,.editorial-grid) h3{font-size:var(--type-h3)}
body .button{font-size:14px;line-height:1.4;min-height:44px}body :is(input,select,textarea){line-height:1.5}body .prose{font-size:16px;line-height:1.8}body .prose .lead{font-size:17px}
body .shop-header .nav-wrap{gap:24px}body .shop-header .nav-wrap nav{gap:20px;font-size:13px}body .home-page .hero-copy h1{font-size:clamp(2.3rem,4vw,3.7rem)}
body .home-section{margin-top:42px}body .breadcrumb{margin-bottom:30px}body .page-heading{margin-bottom:28px}
@media(max-width:720px){body :is(.page-heading,.tool-heading,.media-heading) h1{font-size:clamp(1.75rem,7vw,2.15rem)}body .button{font-size:14px}body .shop-header .nav-wrap nav{gap:12px}body .prose .lead{font-size:16px}}