/* GrowthAcademy.Global site type standard v1 (2026-11-04). Owner-approved TrumpRx scale, set in Inter Tight.
   The ONE place for heading, body and label sizes. Loaded last on every page.
   Rule file: agent-os/SYSTEMS/website-type-standard.md. Checker: node scripts/check-site-style.mjs.
   Change a value here, then in scripts/site-style-standard.json, then run the checker. */

/* Font */
html:not(#t):not(#t) body, html:not(#t):not(#t) body h1, html:not(#t):not(#t) body h2, html:not(#t):not(#t) body h3, html:not(#t):not(#t) body p, html:not(#t):not(#t) body li, html:not(#t):not(#t) body a, html:not(#t):not(#t) body button, html:not(#t):not(#t) body input{font-family:'Inter Tight',Arial,sans-serif}

/* H1: page headline (two-tone: .soft grey 400, .strong charcoal 500) */
html:not(#t):not(#t) body h1, html:not(#t):not(#t) body .hero1 .hero-h, html:not(#t):not(#t) body .hero1.light.dark h1, html:not(#t):not(#t) body .hero1.light.dark .hero-h, html:not(#t):not(#t) body .ptitle{font-size:clamp(56px,8.6vw,124px)!important;font-weight:400!important;line-height:.96!important;letter-spacing:-.055em!important;color:#3a3a3a!important;text-wrap:balance}
html:not(#t):not(#t) body h1 .soft, html:not(#t):not(#t) body .hero-h .soft{font-weight:400!important;color:#8a8a8a!important}
html:not(#t):not(#t) body h1 .strong, html:not(#t):not(#t) body .hero-h .strong{font-weight:500!important;color:#3a3a3a!important}
html:not(#t):not(#t) body h1 span{white-space:normal!important}
/* H1 on articles: long titles, capped */
html:not(#t):not(#t) body h1:not(.hero-h):not(.ptitle){font-size:clamp(44px,5.6vw,84px)!important;line-height:1!important}
html:not(#t):not(#t) body .article-hero h1{max-width:1180px!important}

/* H2: section heading */
html:not(#t):not(#t) body h2:not(footer h2):not(header h2), html:not(#t):not(#t) body h2.hero-h, html:not(#t):not(#t) body .section-heading, html:not(#t):not(#t) body .founder .section-heading, html:not(#t):not(#t) body .end h2, html:not(#t):not(#t) body .end.simple h2, html:not(#t):not(#t) body .bgrid-head h2{font-size:clamp(36px,6vw,86px)!important;font-weight:400!important;line-height:1!important;letter-spacing:-.05em!important;color:#3a3a3a!important}
html:not(#t):not(#t) body h2:not(footer h2) span, html:not(#t):not(#t) body .section-heading span{color:#8a8a8a!important;font-weight:400!important}
/* H2 inside articles and side cards */
html:not(#t):not(#t) body .article-content h2{font-size:clamp(32px,3.6vw,52px)!important;font-weight:400!important;line-height:1.04!important;letter-spacing:-.045em!important}
html:not(#t):not(#t) body .side-card h2, html:not(#t):not(#t) body .article-sidebar h2, html:not(#t):not(#t) body aside h2{font-size:28px!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.04em!important}

/* H3: sub-heading */
html:not(#t):not(#t) body h3:not(footer h3):not(header h3), html:not(#t):not(#t) body .article-content h3{font-size:clamp(26px,2.8vw,40px)!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#3a3a3a!important}
html:not(#t):not(#t) body .article-content h3{font-size:clamp(22px,2vw,28px)!important}
html:not(#t):not(#t) body .faq h3, html:not(#t):not(#t) body .faq-item h3, html:not(#t):not(#t) body summary h3{font-size:20px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.01em!important}
html:not(#t):not(#t) body .post-card h3, html:not(#t):not(#t) body .side-card h3, html:not(#t):not(#t) body aside h3{font-size:clamp(22px,1.9vw,28px)!important;font-weight:400!important;line-height:1.12!important}

/* Body */
html:not(#t):not(#t) body p:not(footer p):not(header p), html:not(#t):not(#t) body li:not(footer li):not(header li), html:not(#t):not(#t) body .lead, html:not(#t):not(#t) body .prose p, html:not(#t):not(#t) body .article-content p, html:not(#t):not(#t) body .article-content li{font-size:18px!important;line-height:1.6!important;font-weight:400}
html:not(#t):not(#t) body p strong:not(footer strong), html:not(#t):not(#t) body li strong:not(footer strong){font-weight:600!important}
/* Lead: the paragraph under a page headline */
html:not(#t):not(#t) body .hero1 .hero1-copy p, html:not(#t):not(#t) body .hero1.light .hero1-copy p, html:not(#t):not(#t) body .hero1.light.dark .hero1-copy p, html:not(#t):not(#t) body .ptitle-wrap p, html:not(#t):not(#t) body .end-copy p, html:not(#t):not(#t) body .article-hero .hero-copy{font-size:20px!important;line-height:1.55!important}
/* Small text: cards, sidebars, notes */
html:not(#t):not(#t) body .post-card p, html:not(#t):not(#t) body .side-card p, html:not(#t):not(#t) body .side-card li, html:not(#t):not(#t) body aside p, html:not(#t):not(#t) body .nl-note, html:not(#t):not(#t) body .modal-sub{font-size:16px!important;line-height:1.5!important}

/* Red label above a heading */
html:not(#t):not(#t) body .section-label, html:not(#t):not(#t) body .system-kicker, html:not(#t):not(#t) body .article-hero .eyebrow, html:not(#t):not(#t) body .side-card .eyebrow, html:not(#t):not(#t) body .side-card [class*="kicker"]{font-size:16px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}

/* Labels outside the shared classes: day labels, card kickers, uppercase inline labels */
html:not(#t):not(#t) body .eyebrow, html:not(#t):not(#t) body .conversion-kicker, html:not(#t):not(#t) body p[style*="text-transform:uppercase"]{font-size:16px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#c8121a!important}
html:not(#t):not(#t) body .d-k{font-size:16px!important;font-weight:500!important;letter-spacing:0!important}

/* Footer: homepage values on every page */
html:not(#t):not(#t) body footer.site-footer a{font-weight:400!important}
html:not(#t):not(#t) body footer.site-footer .brand{font-weight:500!important}

/* Pages with their own nav and footer (e.g. the LinkedIn masterclass landing page): same text sizes */
html:not(#t):not(#t) body header a.nav-logo, html:not(#t):not(#t) body nav a.nav-logo{font-size:18px!important;font-weight:500!important;letter-spacing:-.81px!important}
html:not(#t):not(#t) body header a.nav-cta, html:not(#t):not(#t) body nav a.nav-cta, html:not(#t):not(#t) body header button.nav-cta{font-size:15px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
html:not(#t):not(#t) body footer .event-footer-wordmark{font-size:19px!important;font-weight:500!important}
html:not(#t):not(#t) body footer a:not([class*="wordmark"]):not(.brand), html:not(#t):not(#t) body footer p, html:not(#t):not(#t) body footer li{font-size:13px!important;line-height:1.65!important}
html:not(#t):not(#t) body footer small, html:not(#t):not(#t) body footer .event-footer-legal, html:not(#t):not(#t) body footer [class*="copyright"]{font-size:11px!important}

/* Older /blog/blog.css pages (results, case studies, guides) have narrow columns: their H2 uses the article
   heading size, and an H2 inside a card or side panel uses the sidebar size. */
html:has(link[href*="/blog/blog.css"]):not(#t):not(#t) body h2:not(footer h2){font-size:clamp(32px,3.6vw,52px)!important;line-height:1.04!important}
html:has(link[href*="/blog/blog.css"]):not(#t):not(#t) body [class*="card"] h2, html:has(link[href*="/blog/blog.css"]):not(#t):not(#t) body [class*="panel"] h2, html:has(link[href*="/blog/blog.css"]):not(#t):not(#t) body aside h2{font-size:28px!important;line-height:1.08!important}
@media(max-width:750px){ html:has(link[href*="/blog/blog.css"]):not(#t):not(#t) body h2:not(footer h2){font-size:8.4vw!important} html:has(link[href*="/blog/blog.css"]):not(#t):not(#t) body [class*="card"] h2, html:has(link[href*="/blog/blog.css"]):not(#t):not(#t) body [class*="panel"] h2, html:has(link[href*="/blog/blog.css"]):not(#t):not(#t) body aside h2{font-size:28px!important} }

/* No italics: emphasis is charcoal at weight 500 */
html:not(#t):not(#t) body em, html:not(#t):not(#t) body i, html:not(#t):not(#t) body cite{font-style:normal!important;font-weight:500;color:#3a3a3a}

/* Nav bar (v1.1, 2026-11-04): full window width with the homepage's 5% side gutter, so it lines up with the hero
   at every width. Page content keeps its own layout. Phones keep their 22px gutters. */
@media(min-width:751px){
  html:not(#t):not(#t) body > header, html:not(#t):not(#t) body header.v3h, html:not(#t):not(#t) body header.bar{max-width:none!important;width:auto!important;margin:0!important;padding-left:5%!important;padding-right:5%!important}
  html:not(#t):not(#t) body .article-shell{justify-content:start!important}
  html:not(#t):not(#t) body .article-content{justify-self:start!important;margin-left:0!important;margin-right:0!important}
}
html:not(#t):not(#t) body aside h2, html:not(#t):not(#t) body [class*="cta-card"] h2{font-size:28px!important;line-height:1.08!important}

@media(max-width:750px){
  html:not(#t):not(#t) body header a.nav-logo, html:not(#t):not(#t) body nav a.nav-logo{font-size:16px!important}
  html:not(#t):not(#t) body header a.nav-cta, html:not(#t):not(#t) body nav a.nav-cta, html:not(#t):not(#t) body header button.nav-cta{font-size:11px!important}
  html:not(#t):not(#t) body h1, html:not(#t):not(#t) body .hero1 .hero-h, html:not(#t):not(#t) body .hero1.light.dark h1, html:not(#t):not(#t) body .hero1.light.dark .hero-h, html:not(#t):not(#t) body .ptitle{font-size:15vw!important;line-height:.95!important}
  html:not(#t):not(#t) body h1:not(.hero-h):not(.ptitle){font-size:11vw!important}
  html:not(#t):not(#t) body h2:not(footer h2):not(header h2), html:not(#t):not(#t) body h2.hero-h, html:not(#t):not(#t) body .section-heading, html:not(#t):not(#t) body .founder .section-heading, html:not(#t):not(#t) body .end h2, html:not(#t):not(#t) body .end.simple h2, html:not(#t):not(#t) body .bgrid-head h2{font-size:10.4vw!important}
  html:not(#t):not(#t) body .article-content h2{font-size:8.4vw!important}
  html:not(#t):not(#t) body p:not(footer p):not(header p), html:not(#t):not(#t) body li:not(footer li):not(header li), html:not(#t):not(#t) body .lead, html:not(#t):not(#t) body .prose p, html:not(#t):not(#t) body .article-content p, html:not(#t):not(#t) body .article-content li, html:not(#t):not(#t) body .hero1 .hero1-copy p, html:not(#t):not(#t) body .hero1.light .hero1-copy p, html:not(#t):not(#t) body .hero1.light.dark .hero1-copy p, html:not(#t):not(#t) body .ptitle-wrap p, html:not(#t):not(#t) body .end-copy p, html:not(#t):not(#t) body .article-hero .hero-copy{font-size:16px!important}
  html:not(#t):not(#t) body .faq h3, html:not(#t):not(#t) body .faq-item h3, html:not(#t):not(#t) body summary h3{font-size:18px!important}
}