/* iPerform-new category pages. Deliberately scoped away from original content. */
.category-page {
  --category-navy: #193a5c;
  --category-gold: #e2b75b;
  --category-paper: #fbfaf7;
  --category-text: #374b5e;
  --category-muted: #5d6b77;
  --category-line: #d9dedf;
  background: var(--category-paper);
}
.category-page .category-container { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.category-page .category-pathway-nav { border-bottom: 1px solid var(--category-line); background: #fff; }
.category-page .category-pathway-nav .category-container { display: flex; flex-wrap: wrap; column-gap: 32px; }
.category-page .category-pathway-nav a { display: flex; align-items: center; min-height: 52px; padding: 12px 0; border-bottom: 3px solid transparent; color: var(--category-muted); font-size: 14px; font-weight: 600; }
.category-page .category-pathway-nav a[aria-current="page"] { color: var(--category-navy); border-bottom-color: var(--category-gold); }
.category-page .category-pathway-nav a:hover { color: var(--category-navy); border-bottom-color: var(--category-gold); }
.category-page .category-hero { padding: 72px 0 76px; background: var(--category-paper); }
.category-page .category-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .37fr); align-items: center; gap: 76px; }
.category-page .category-eyebrow { margin: 0 0 18px; color: var(--category-navy); font-size: 11px; font-weight: 700; letter-spacing: .14em; line-height: 1.5; }
.category-page .category-hero h1 { max-width: 800px; margin: 0; color: var(--category-navy); font-size: clamp(30px, 3.45vw, 46px); font-weight: 600; letter-spacing: -.025em; line-height: 1.35; text-wrap: balance; }
.category-page .category-lead { max-width: 740px; margin: 24px 0 0; color: var(--category-text); font-size: 17px; line-height: 1.9; }
.category-page .category-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 28px; margin-top: 30px; }
.category-page .category-button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 50px; padding: 13px 24px; background: var(--category-gold); border: 1px solid var(--category-gold); color: var(--category-navy); font-size: 14px; font-weight: 700; line-height: 1.5; text-align: center; }
.category-page .category-button:hover { background: #edc975; border-color: #edc975; }
.category-page .category-button span { font-size: 19px; }
.category-page .category-text-link { display: inline-flex; gap: 16px; align-items: center; min-height: 44px; padding-block: 8px; color: var(--category-navy); font-size: 14px; font-weight: 600; }
.category-page .category-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.category-page .category-hero-note { border-left: 1px solid #c5cdcf; padding: 0 0 0 30px; }
.category-page .category-note-mark { display: block; width: 35px; height: 3px; margin-bottom: 23px; background: var(--category-gold); }
.category-page .category-hero-note h2 { margin: 0 0 13px; color: var(--category-navy); font-size: 20px; font-weight: 600; line-height: 1.5; }
.category-page .category-hero-note p { margin: 0; color: var(--category-muted); font-size: 14px; line-height: 1.85; }
.category-page .category-section { padding-block: 68px; }
.category-page .category-section-heading { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 64px; align-items: end; margin-bottom: 34px; }
.category-page .category-section-heading .category-eyebrow { margin-bottom: 12px; }
.category-page .category-section h2, .category-page .category-cta h2 { margin: 0; color: var(--category-navy); font-size: clamp(25px, 2.55vw, 33px); font-weight: 600; letter-spacing: -.02em; line-height: 1.45; text-wrap: balance; }
.category-page .category-section-heading > p { margin: 0; color: var(--category-muted); font-size: 15px; line-height: 1.85; }
.category-page .category-coverage { border-top: 1px solid var(--category-line); background: #fff; }
.category-page .category-coverage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.category-page .category-coverage-card { padding: 28px; background: var(--category-paper); border-top: 2px solid var(--category-gold); }
.category-page .category-card-number { display: block; margin-bottom: 27px; color: var(--category-muted); font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.category-page .category-coverage-card h3 { margin: 0 0 13px; color: var(--category-navy); font-size: 19px; font-weight: 600; line-height: 1.5; }
.category-page .category-coverage-card p { margin: 0; color: var(--category-text); font-size: 14px; line-height: 1.9; }
.category-page .category-fit { background: var(--category-navy); }
.category-page .category-fit-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); gap: 76px; }
.category-page .category-fit .category-eyebrow { color: var(--category-gold); }
.category-page .category-fit h2 { color: #fff; }
.category-page .category-fit-intro > p:last-child { margin: 22px 0 0; color: #dce4eb; font-size: 15px; line-height: 1.85; }
.category-page .category-fit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 36px; margin: 0; }
.category-page .category-fit-grid > div { border-top: 1px solid #668099; padding-top: 16px; }
.category-page .category-fit-grid dt { color: #fff; font-size: 16px; font-weight: 600; line-height: 1.6; }
.category-page .category-fit-grid dd { margin: 10px 0 0; color: #dce4eb; font-size: 14px; line-height: 1.85; }
.category-page .category-process { background: #fff; scroll-margin-top: 110px; }
.category-page .category-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; list-style: none; padding: 0; margin: 0; }
.category-page .category-process-grid li { padding: 22px 18px 0 0; border-top: 1px solid var(--category-line); }
.category-page .category-step-number { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-bottom: 20px; border: 1px solid #d9c58f; color: var(--category-navy); font-size: 12px; font-weight: 700; }
.category-page .category-process-grid h3 { margin: 0 0 12px; color: var(--category-navy); font-size: 17px; font-weight: 600; line-height: 1.5; }
.category-page .category-process-grid p { margin: 0; color: var(--category-text); font-size: 14px; line-height: 1.9; }
.category-page .category-reading { border-top: 1px solid var(--category-line); }
.category-page .category-reading-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 76px; }
.category-page .category-reading-intro { margin: 20px 0 25px; color: var(--category-muted); font-size: 14px; line-height: 1.85; }
.category-page .category-question-list { list-style: none; margin: 0 0 15px; padding: 0; border-top: 1px solid var(--category-line); }
.category-page .category-question-list li { border-bottom: 1px solid var(--category-line); }
.category-page .category-question-list a { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 66px; padding: 17px 0; color: var(--category-navy); font-size: 15px; line-height: 1.6; font-weight: 600; }
.category-page .category-question-list a span { flex: none; font-size: 19px; }
.category-page .category-question-list a:hover { text-decoration: underline; text-underline-offset: 4px; }
.category-page .category-resources { padding: 30px; background: #fff; border: 1px solid var(--category-line); align-self: start; }
.category-page .category-resources h2 { margin-bottom: 8px; font-size: 20px; }
.category-page .category-resources > a { display: block; padding-block: 22px; border-bottom: 1px solid var(--category-line); }
.category-page .category-resources > a:last-child { border-bottom: 0; padding-bottom: 0; }
.category-page .category-resources h3 { display: flex; justify-content: space-between; gap: 18px; margin: 0 0 8px; color: var(--category-navy); font-size: 15px; font-weight: 600; line-height: 1.6; }
.category-page .category-resources h3 span { flex: none; }
.category-page .category-resources p { margin: 0; color: var(--category-muted); font-size: 13px; line-height: 1.8; }
.category-page .category-resources > a:hover h3 { text-decoration: underline; text-underline-offset: 4px; }
.category-page .category-cta { padding-block: 52px 28px; background: var(--category-navy); }
.category-page .category-cta-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 64px; align-items: center; }
.category-page .category-cta .category-eyebrow { color: var(--category-gold); margin-bottom: 13px; }
.category-page .category-cta h2 { color: #fff; }
.category-page .category-cta-grid p:last-child { max-width: 760px; margin: 16px 0 0; color: #e0e6ec; font-size: 15px; line-height: 1.85; }
.category-page .category-preview-note { margin: 30px 0 0; padding-top: 20px; border-top: 1px solid #627c95; color: #d3dfe8; font-size: 12px; line-height: 1.75; }
.category-page a:focus-visible { outline: 3px solid #3c779e; outline-offset: 5px; }
.category-page .category-cta a:focus-visible { outline-color: #fff; }
@media (max-width: 1020px) {
  .category-page .category-hero-grid { gap: 40px; grid-template-columns: minmax(0, 1fr) minmax(220px, .4fr); }
  .category-page .category-fit-layout, .category-page .category-reading-grid { gap: 40px; }
  .category-page .category-coverage-grid { gap: 16px; }
  .category-page .category-coverage-card { padding: 22px; }
  .category-page .category-section-heading { gap: 40px; }
  .category-page .category-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
}
@media (max-width: 720px) {
  .category-page .category-container { width: min(1200px, calc(100% - 40px)); }
  .category-page .category-pathway-nav .category-container { column-gap: 22px; }
  .category-page .category-pathway-nav a { min-height: 48px; font-size: 12px; }
  .category-page .category-hero { padding-block: 42px 44px; }
  .category-page .category-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .category-page .category-eyebrow { font-size: 10px; letter-spacing: .1em; }
  .category-page .category-hero h1 { font-size: 32px; line-height: 1.4; }
  .category-page .category-lead { margin-top: 20px; font-size: 16px; line-height: 1.85; }
  .category-page .category-hero-note { padding-left: 20px; }
  .category-page .category-note-mark { display: none; }
  .category-page .category-hero-note h2 { font-size: 18px; margin-bottom: 8px; }
  .category-page .category-section { padding-block: 44px; }
  .category-page .category-section-heading { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-bottom: 26px; }
  .category-page .category-section h2, .category-page .category-cta h2 { font-size: 26px; }
  .category-page .category-coverage-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .category-page .category-coverage-card { padding: 24px; }
  .category-page .category-card-number { margin-bottom: 18px; }
  .category-page .category-fit-layout, .category-page .category-reading-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .category-page .category-fit-grid { gap: 26px; }
  .category-page .category-process-grid { gap: 24px; }
  .category-page .category-process-grid li { padding-right: 0; }
  .category-page .category-process-grid h3 { font-size: 16px; }
  .category-page .category-resources { padding: 24px; }
  .category-page .category-resources h2 { font-size: 20px; }
  .category-page .category-cta { padding-block: 40px 24px; }
  .category-page .category-cta-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .category-page .category-cta-grid .category-button { justify-self: start; }
}
@media (max-width: 420px) {
  .category-page .category-pathway-nav .category-container { column-gap: 18px; }
  .category-page .category-fit-grid, .category-page .category-process-grid { grid-template-columns: minmax(0, 1fr); }
  .category-page .category-process-grid li { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 18px; }
  .category-page .category-step-number { grid-row: 1 / 3; margin-bottom: 0; }
  .category-page .category-process-grid h3 { margin-top: 3px; margin-bottom: 8px; }
  .category-page .category-process-grid p { grid-column: 2; }
  .category-page .category-actions { gap: 8px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .category-page { scroll-behavior: auto; }
}