.employer-page { max-width: 76rem; margin-inline: auto; padding-bottom: 4rem; }
.employer-breadcrumb, .employer-links { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.75rem; padding-block: 1.5rem; }
.employer-breadcrumb { color: var(--color-ink-muted); font-size: var(--type-meta); }
.employer-breadcrumb a { text-decoration: underline; text-underline-offset: .2em; }
.employer-heading { padding-block: clamp(1.5rem, 5vw, 4rem); border-bottom: 1px solid var(--color-rule); }
.employer-heading h1 { font-family: var(--font-display); font-size: var(--type-display); font-weight: var(--weight-label); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); margin-block: 1rem; }
.employer-heading > p, .employer-section > p { max-width: var(--measure-reading); line-height: var(--leading-body); }
.employer-heading .employer-focus { font-size: var(--type-card); color: var(--color-accent); }
.employer-byline, .employer-citation { font-size: var(--type-meta); color: var(--color-ink-muted); margin-top: 1.5rem; }
.employer-section { padding-block: 2.5rem; border-bottom: 1px solid var(--color-rule); scroll-margin-top: 2rem; }
.employer-section h2 { font-family: var(--font-display); font-size: var(--type-section); font-weight: var(--weight-label); line-height: var(--leading-heading); margin-bottom: 1rem; }
.employer-section > p + p { margin-top: .75rem; }
.employer-section > .text-link { display: inline-block; margin-top: 1rem; }
.employer-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-block: 1.5rem; }
.employer-metrics > div { padding: 1.25rem; background: var(--color-surface); border: 1px solid var(--color-rule); border-radius: .5rem; }
.employer-metrics dt { font-size: var(--type-meta); color: var(--color-ink-muted); }
.employer-metrics dd { font-family: var(--font-display); font-size: var(--type-metric); margin-top: .5rem; line-height: var(--leading-heading); font-variant-numeric: tabular-nums; }
.employer-observations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-block: 1.75rem; }
.employer-observations h3 { font-size: var(--type-card); font-weight: var(--weight-label); line-height: var(--leading-heading); margin-bottom: .75rem; }
.employer-observations p { color: var(--color-ink-muted); line-height: var(--leading-body); }
.employer-role-list { margin-top: 1.5rem; padding: 0; list-style: none; }
.employer-questions { list-style: disc; padding-left: 1.25rem; max-width: var(--measure-reading); }
.employer-questions li { margin-block: .75rem; }
.employer-links { border-block: 1px solid var(--color-rule); }
.employer-page a, .employer-links a { overflow-wrap: anywhere; }
.employer-page a:focus-visible, .employer-links a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 4px; }
@media (max-width: 60rem) {
  .employer-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employer-observations { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 30rem) {
  .employer-metrics { grid-template-columns: 1fr; }
}