/* 07C. Hierarchy of shared headings, no page restructuring. */
@media screen {
  body .topbar {
    color: var(--common-ink);
    font-family: var(--common-font);
    border-bottom: 1px solid var(--common-frame);
    padding-bottom: 16px;
    gap: 16px;
    flex-wrap: wrap;
  }
  body .topbar :is(h1, .eyebrow) { color: var(--common-ink); font-weight: 600; }
  body .topbar h1 { font-size: 30px; line-height: 1.2; overflow-wrap: anywhere; }
  body :is(.panel-header, .media-folder-head, .settings-section-header, .screening-panel-head, .login-header) {
    color: var(--common-ink);
    font-family: var(--common-font);
    gap: 16px;
    min-width: 0;
  }
  body :is(.panel-header, .media-folder-head, .settings-section-header, .screening-panel-head, .login-header) :is(h2,h3) {
    color: var(--common-ink);
    font-family: var(--common-font);
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  body :is(.panel-header, .media-folder-head, .settings-section-header, .screening-panel-head) :is(h2,h3) { font-size: 18px; }
  body .login-header h2 { font-size: 30px; line-height: 1.2; }
  body .login-header p { color: var(--common-ink); font-size: 16px; }
  @media (max-width:640px) {
    body .topbar h1, body .login-header h2 { font-size: 26px; }
    body :is(.panel-header, .media-folder-head, .settings-section-header, .screening-panel-head) { flex-wrap: wrap; }
  }
}