@media screen {
  :root {
    --site-page-width:1320px;
    --site-reading-width:880px;
    --site-gutter:clamp(20px,3vw,34px);
    --site-title:clamp(32px,4vw,48px);
    --site-section-title:clamp(24px,2.5vw,30px);
    --site-control-radius:10px;
    --site-card-radius:18px;
  }

  body:not(:has(.owner-console)) :is(button,input,select,textarea) {font-family:inherit}

  :is(.public-main,.contact-main,.training-main) {
    max-width:var(--site-page-width)!important;
    padding-left:var(--site-gutter)!important;
    padding-right:var(--site-gutter)!important;
    padding-top:48px!important;
    padding-bottom:64px!important;
  }
  .app-shell:not(:has(.owner-console)) {max-width:var(--site-page-width);padding-inline:var(--site-gutter)}
  .business-page {max-width:var(--site-page-width)!important}
  .legal-page,.case-study-layout {max-width:var(--site-reading-width);padding:48px var(--site-gutter) 64px}
  .guide-article {max-width:calc(var(--site-reading-width) - 2 * var(--site-gutter));margin:0 auto}

  :is(.public-main,.contact-main,.legal-page,.case-study-layout,.training-main) h1,
  body:not(:has(.owner-console)) .dashboard-head h1,
  .analysis-hero .analysis-hero-title {
    font-size:var(--site-title)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    font-weight:750;
    margin:12px 0 20px!important;
    overflow-wrap:break-word;
  }
  .auth-card h1,.training-main .lesson-heading h1 {font-size:clamp(28px,3vw,36px)!important;line-height:1.15!important}
  :is(.public-main,.contact-main,.legal-page,.case-study-layout,.training-main) p {line-height:1.7}
  :is(.guide-lead,.growth-hero p,.structure-hero-copy p,.pricing-hero-copy>p,.contact-hero>div>p) {
    font-size:16px!important;line-height:1.7!important;
  }
  :is(.legal-page,.guide-article,.case-study-layout) section>h2 {font-size:24px;line-height:1.3;letter-spacing:-.02em}
  :is(.training-value,.home-learning,.section-heading)>h2 {font-size:var(--site-section-title);line-height:1.25}

  .page-title-display {
    font-size:12px!important;line-height:1.4!important;font-weight:800;
    letter-spacing:.1em!important;margin:0 0 12px!important;
    color:var(--accent2);text-shadow:none;
  }
  :is(.public-main,.contact-main,.training-main,.legal-page,.case-study-layout) .eyebrow {
    font-size:12px;line-height:1.4;letter-spacing:.1em;font-weight:800;
  }
  html[data-theme="dark"] .page-title-display {color:var(--brand-yellow)}
  body:not(:has(.owner-console)) main .eyebrow {background:transparent!important;padding:0!important;border-radius:0!important}
  html[data-theme="dark"] body:not(:has(.owner-console)) main .eyebrow {color:var(--brand-yellow)!important}
  .guide-levels a {font-size:15px;line-height:1.4;font-weight:750;min-height:44px;padding:11px 18px;border-radius:var(--site-control-radius);text-decoration:none}
  .guide-levels a[aria-current="page"] {background:var(--brand-yellow)!important;color:var(--brand-dark)!important}
  .structure-hero-branded {padding:0 0 40px!important;min-height:0}
  .pricing-head,.growth-hero {padding-top:0!important;margin-top:0!important}
  .contact-hero {padding-top:0}

  :is(.site-structure-card,.course-card,.training-value-grid article,.faq-item,.contact-form-card,.contact-side-card,.home-learning,.case-study-note) {
    border-radius:var(--site-card-radius);
    border-color:var(--line);
  }
  .training-hero,.case-study-hero {border-radius:var(--site-card-radius);padding:32px;background:linear-gradient(110deg,var(--brand-dark),var(--brand-deep))}
  .case-study-hero h1 {color:#fff}
  .case-study-hero .eyebrow {color:var(--brand-yellow)}

  body:not(:has(.owner-console)) main :is(.primary,.primary-link,.ghost,.training-button,.paid-action,.secondary-button,.guide-link) {
    font-family:inherit!important;font-size:15px!important;font-weight:750!important;
    line-height:1.4!important;min-height:44px;border-radius:var(--site-control-radius)!important;
    padding:11px 18px!important;text-decoration:none;text-align:center;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    max-width:100%;white-space:normal;
  }
  body:not(:has(.owner-console)) main :is(.primary,.primary-link,.training-button,.paid-action,.secondary-button,.site-structure-card .guide-link) {
    background:linear-gradient(110deg,var(--brand-dark),var(--brand-deep))!important;
    color:#fff!important;border:1px solid transparent!important;
  }
  body:not(:has(.owner-console)) main :is(.analysis-cta,.training-button.yellow) {
    background:var(--brand-yellow)!important;color:var(--brand-dark)!important;
    border-color:var(--brand-yellow)!important;
  }
  body:not(:has(.owner-console)) main :is(.primary,.primary-link,.training-button,.paid-action,.secondary-button):hover:not(:disabled) {filter:brightness(1.12)}
  body:not(:has(.owner-console)) main :is(.primary,.primary-link,.ghost,.training-button,.paid-action,.secondary-button,.guide-link):is([hidden],.hidden) {display:none!important}
  body:not(:has(.owner-console)) main :is(.primary,.primary-link,.ghost,.training-button,.paid-action,.secondary-button,.guide-link):focus-visible {
    outline:3px solid var(--accent2);outline-offset:3px;
  }
  html[data-theme="dark"] body:not(:has(.owner-console)) main :is(.primary,.primary-link,.ghost,.training-button,.paid-action,.secondary-button,.guide-link):focus-visible {outline-color:var(--brand-yellow)}
  :is(.training-hero,.case-study-hero) :is(a,button):focus-visible {outline-color:var(--brand-yellow)!important}

  :is(.auth-form,.contact-form,.account-page,.team-admin,.business-page) :is(input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input:not([type]),select,textarea) {
    font-family:inherit!important;font-size:16px!important;font-weight:400!important;
    line-height:1.5;min-height:44px!important;border-radius:var(--site-control-radius)!important;
    padding:10px 12px!important;border:1px solid var(--line);color:var(--ink);background:var(--panel);
    max-width:100%;
  }
  :is(.auth-form,.contact-form,.account-page,.team-admin,.business-page) :is(input,select,textarea):focus-visible {
    outline:3px solid var(--accent2)!important;outline-offset:2px;box-shadow:none!important;
  }
  html[data-theme="dark"] :is(.auth-form,.contact-form,.account-page,.team-admin,.business-page) :is(input,select,textarea):focus-visible {outline-color:var(--brand-yellow)!important}
  .contact-form textarea {min-height:160px!important}
  .auth-card {border-radius:var(--site-card-radius)}

  .plan-comparison,.comparison-body,.comparison-scroll {min-width:0;max-width:100%;width:100%;box-sizing:border-box}
  .comparison-scroll {overflow-x:auto;position:relative}
  .plan-comparison>summary {min-width:0;flex-wrap:wrap}
  .plan-comparison>summary>* {min-width:0}

  @media(max-width:820px) {
    :is(.public-main,.contact-main,.training-main,.legal-page,.case-study-layout) {padding-top:32px!important;padding-bottom:48px!important}
    .structure-hero-branded {gap:24px;padding-bottom:32px!important}
    .training-hero,.case-study-hero {padding:24px}
    .guide-article {margin-top:0}
    body:not(:has(.owner-console)) .dashboard-head {padding-top:32px}
    .hero-actions {flex-wrap:wrap}
  }
}

@media screen {
  .structure-hero-brand.page-art,.pricing-hero-art.page-art,.contact-illustration-wrap.page-art {height:auto!important;min-height:0;aspect-ratio:auto;padding:0!important;overflow:hidden;border-radius:var(--site-card-radius)}
  .page-art img {display:block;width:100%!important;height:auto!important;max-height:none!important;max-width:none!important;object-fit:contain!important;padding:0!important}
}

@media screen {
  .example-introduction {display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:32px;align-items:center;margin-bottom:24px}
  .example-introduction>.section-heading {margin:0;padding:0;min-width:0;text-align:left}
  .example-explanation-art {border-radius:var(--site-card-radius);overflow:hidden}
  .worked-example-top .eyebrow {color:var(--brand-yellow)!important}
  @media(max-width:640px) {
    .example-introduction {grid-template-columns:1fr;gap:20px}
    .example-explanation-art {width:100%;max-width:320px;justify-self:center}
  }
}