/* Explicit app type roles. Loaded after the legacy normalization and theme in
   both documents. Keep this file token-based and do not remap headings by tag:
   a lesson title, a card title and a section label have different jobs.
   The public website and the approved intro/space chooser keep their scale. */
html[data-app-experience="2"]{font-size:100%}
html[data-app-shell="2"] body:not([data-app-stage="intro"]):not([data-app-stage="choose"]),
body[data-app-experience="2"]{
 --app-type-kicker:.65625rem;
 --app-type-meta:.75rem;
 --app-type-control:.875rem;
 --app-type-body:.90625rem;
 --app-type-reading:.9375rem;
 --app-type-section:1rem;
 --app-type-card:1.0625rem;
 --app-type-subheading:1.125rem;
 --app-type-hero:1.375rem;
 --app-type-page:1.5rem;
 --app-type-display:1.625rem;
 --app-type-input:1rem;
 --app-type-nav:.6875rem;
 --wow-text-meta:var(--app-type-meta);
 --wow-text-control:var(--app-type-control);
 --wow-text-body:var(--app-type-body);
 --wow-text-lead:var(--app-type-body);
 --wow-text-subtitle:var(--app-type-card);
 --wow-text-card:var(--app-type-subheading);
 --wow-text-heading:var(--app-type-hero);
 --wow-text-section:var(--app-type-hero);
 --wow-title-page:var(--app-type-page);
 --wow-title-section:var(--app-type-hero);
 --wow-text-display:var(--app-type-display);
 --wow-text-nav:var(--app-type-nav);
 --wow-weight-note:400;
 /* Compatibility aliases used by the existing app components. */
 --app-font-10:var(--app-type-kicker);
 --app-font-11:var(--app-type-meta);
 --app-font-12:var(--app-type-meta);
 --app-font-13:var(--app-type-meta);
 --app-font-14:var(--app-type-control);
 --app-font-15:var(--app-type-body);
 --app-font-16:var(--app-type-input);
 --app-font-17:var(--app-type-card);
 --app-font-18:var(--app-type-subheading);
 --app-font-20:var(--app-type-subheading);
 --app-font-24:var(--app-type-page);
 --app-font-25:var(--app-type-hero);
 --app-font-29:var(--app-type-page);
 font-family:var(--wow-font);
}
body[data-app-experience="2"]{font-size:var(--app-type-body);line-height:1.6}
body[data-app-experience="2"] .app-home-heading h2{font-size:var(--app-type-hero);line-height:1.3}
body[data-app-experience="2"] .app-priority h3{font-size:var(--app-type-hero);line-height:1.35}
body[data-app-experience="2"] :is(.app-pending,.app-shortcuts-section)>h3{font-size:var(--app-type-section);line-height:1.4;font-weight:600}
body[data-app-experience="2"] .app-shortcut .app-action-copy strong{font-size:var(--app-type-body);line-height:1.4;font-weight:600}
body[data-app-experience="2"] .app-action-copy small{font-size:var(--app-type-meta);font-weight:400;line-height:1.5}
body[data-app-experience="2"] :is(.app-priority-company,.app-priority-meta){font-size:var(--app-type-meta);line-height:1.55}
body[data-app-experience="2"] :is(.history-heading,.inbox-heading,.academy-heading) h3,
body[data-app-experience="2"] :is(.app-section-heading h2,#employer-heading,.account-heading h2,.account-entry-heading h3){font-size:var(--app-type-page);line-height:1.3}
body[data-app-experience="2"] .account-welcome #account-name,
body[data-app-experience="2"] .company-account-profile h2{font-size:var(--app-type-hero);line-height:1.3}
body[data-app-experience="2"] .candidate-content-intro h3{font-size:var(--app-type-subheading);line-height:1.4}
body[data-app-experience="2"] .candidate-profile-card h4,
body[data-app-experience="2"] .candidate-profile-card h5{font-size:var(--app-type-card);line-height:1.4}
body[data-app-experience="2"] :is(.history-empty,.inbox-empty) h4{font-size:var(--app-type-card);line-height:1.4}
body[data-app-experience="2"] :is(input,select,textarea){font-size:var(--app-type-input);line-height:1.5}
/* The Academy's old ID rules include important declarations on its h4s.
   Only these two title roles need the same priority to replace those rules. */
body[data-app-experience="2"] #account-academy .academy-card h4{font-size:var(--app-type-card)!important;line-height:1.4;white-space:normal;word-break:normal;margin:12px 0 9px!important}
body[data-app-experience="2"] #account-academy .academy-reader>h4{font-size:var(--app-type-page)!important;line-height:1.3;margin:0 0 18px!important}
body[data-app-experience="2"] #account-academy .academy-card p{font-size:var(--app-type-body);line-height:1.6;margin:0 0 14px}
body[data-app-experience="2"] #account-academy :is(.academy-card-meta,.academy-topic,.academy-reviewed,.academy-lesson-meta){font-size:var(--app-type-meta);line-height:1.5}
body[data-app-experience="2"] #account-academy .academy-card-meta{font-weight:400;gap:5px 12px}
body[data-app-experience="2"] #account-academy .academy-topic{font-weight:500}
body[data-app-experience="2"] #account-academy .academy-heading p,
body[data-app-experience="2"] #account-academy .academy-progress-note,
body[data-app-experience="2"] #account-academy .academy-sharing p{font-size:var(--app-type-body);line-height:1.6}
body[data-app-experience="2"] #account-academy #academy-progress-label,
body[data-app-experience="2"] #account-academy .academy-results p{font-size:var(--app-type-body);line-height:1.5}
body[data-app-experience="2"] #account-academy :is(button,summary){font-size:var(--app-type-control);line-height:1.5}
body[data-app-experience="2"] #account-academy label{font-size:var(--app-type-meta);line-height:1.5}
body[data-app-experience="2"] #account-academy .academy-reader :is(p,li,blockquote){font-size:var(--app-type-reading);line-height:1.65}
body[data-app-experience="2"] #account-academy .academy-reader h5{font-size:var(--app-type-card);line-height:1.4}
body[data-app-experience="2"] #account-academy :is(.academy-example-label,.academy-practice-note,.academy-sources p,.academy-reference-note){font-size:var(--app-type-meta);line-height:1.6}
html[data-app-shell="2"] .notice-panel h2,
html[data-app-shell="2"] .wownex-install-invite h2{font-size:var(--app-type-card);line-height:1.35}
html[data-app-shell="2"] .wownex-network-nav a{font-size:var(--app-type-nav)}
html[data-app-shell="2"] .wownex-app-menu :is(a,button){font-size:var(--app-type-control);line-height:1.5;min-height:44px}
body[data-app-experience="2"] :is(#account-inbox,.app-company-inbox) .inbox-message>summary>strong{font-size:var(--app-type-card);line-height:1.4}
body[data-app-experience="2"] :is(#account-inbox,.app-company-inbox) .inbox-message-copy{font-size:var(--app-type-body);line-height:1.7}