/* Page header (list/landing pages), detail hero (job, company), home hero, section header.
   One <h1> per page: it lives in one of these. */
.c-page-header { padding-block: var(--space-8) var(--space-6); background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
@media (min-width: 768px) { .c-page-header { padding-block: var(--space-10) var(--space-8); } }
.c-page-header .c-breadcrumbs { margin-bottom: var(--space-4); }
.c-page-header__title { font-size: var(--fs-36); line-height: var(--lh-36); letter-spacing: var(--tracking-tight); }
.c-page-header__lead { max-width: 42rem; margin-top: var(--space-3); font-size: var(--fs-16); line-height: var(--lh-16); color: var(--color-text-2); }
@media (min-width: 768px) { .c-page-header__lead { font-size: var(--fs-18); line-height: var(--lh-18); } }
.c-page-header__search { margin-top: var(--space-6); }

/* Detail hero: logo + status + h1 + company/location + badges + CTA row */
.c-detail-hero { padding-block: var(--space-6) var(--space-8); background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.c-detail-hero .c-breadcrumbs { margin-bottom: var(--space-5); }
.c-detail-hero__main { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.c-detail-hero__title { margin-top: var(--space-2); font-size: var(--fs-30); line-height: var(--lh-30); letter-spacing: var(--tracking-tight); }
@media (min-width: 768px) { .c-detail-hero__title { font-size: var(--fs-36); line-height: var(--lh-36); } }
.c-detail-hero__sub { margin-top: var(--space-1); font-size: var(--fs-16); color: var(--color-text-2); }
.c-detail-hero__sub a { font-weight: var(--fw-semibold); text-decoration: none; }
.c-detail-hero__badges { margin-top: var(--space-4); }
.c-detail-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); }
@media (max-width: 639.98px) { .c-detail-hero__main { grid-template-columns: minmax(0, 1fr); } .c-detail-hero__actions > .c-btn--primary { flex: 1 1 100%; } }

/* Home hero */
.c-hero { padding-block: var(--space-12) var(--space-10); background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%); }
@media (min-width: 1024px) { .c-hero { padding-block: var(--space-20) var(--space-16); } }
.c-hero__grid { display: grid; gap: var(--space-10); align-items: center; }
@media (min-width: 1024px) { .c-hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } }
.c-hero__title { margin-top: var(--space-3); font-size: var(--fs-48); line-height: var(--lh-48); letter-spacing: var(--tracking-tight); }
.c-hero__title em { font-style: normal; color: var(--color-primary); }
.c-hero__lead { max-width: 36rem; margin-top: var(--space-4); font-size: var(--fs-18); line-height: 1.7; color: var(--color-text-2); }
.c-hero__search { margin-top: var(--space-8); }
.c-hero__popular { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-4); font-size: var(--fs-13); color: var(--color-text-muted); }
.c-hero__media { display: none; }
@media (min-width: 1024px) { .c-hero__media { display: block; } .c-hero__media img { width: 100%; height: auto; } }

/* Section header (eyebrow + h2 + "View all") */
.c-section-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--space-3) var(--space-6); margin-bottom: var(--space-6); }
.c-section-head__title { margin-top: var(--space-1); font-size: var(--fs-30); line-height: var(--lh-30); letter-spacing: var(--tracking-tight); }
.c-section-head__lead { max-width: 40rem; margin-top: var(--space-2); color: var(--color-text-2); }

/* Clone header is position:fixed (~72px): clear it. */
.c-page-header { padding-top: calc(var(--space-6) + 76px); }
@media (min-width: 768px) { .c-page-header { padding-top: calc(var(--space-8) + 76px); } }