/* One pilot. Type roles: title 32/40px, body 16px, supporting 14px. */
.career-explorer { --explorer-title: 32px; width: min(100% - 32px, 1120px); margin: 0 auto; padding: 20px 0 64px; color: #0f172a; font-size: 16px; font-weight: 400; line-height: 1.55; }
.career-explorer :is(h1, h2, p) { margin: 0; }
.career-explorer h1 { font-size: var(--explorer-title); font-weight: 500; line-height: 1.15; }
.career-explorer h2 { font-size: 16px; font-weight: 500; }
.career-explorer header > p { max-width: 720px; margin-top: 16px; color: #475569; }
.career-explorer a { color: #0b5637; text-decoration: underline; text-underline-offset: 4px; }
.career-explorer :is(a, button, select, input):focus-visible { outline: 2px solid #0b5637; outline-offset: 3px; }
.career-explorer__breadcrumb { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 24px; color: #64748b; font-size: 14px; }
.career-explorer__breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
.career-explorer__filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 28px 0; padding: 24px 0; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.career-explorer__filters label { display: grid; gap: 8px; min-width: 0; font-size: 14px; }
.career-explorer__filters :is(select, input:not([type="hidden"])) { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #0f172a; font-size: 16px; font-weight: 400; }
.career-explorer__filter-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; grid-column: 1 / -1; }
.career-explorer__filter-actions button { min-height: 44px; padding: 10px 18px; border: 1px solid #0b5637; border-radius: 8px; color: #fff; background: #0b5637; font-size: 16px; font-weight: 500; }
.career-explorer__filter-actions button:hover { background: #07402a; }
.career-explorer__filter-actions a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.career-explorer .career-explorer__help { grid-column: 1 / -1; margin: 12px 0; font-size: 14px; color: #64748b; }
.career-explorer__results-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin: 24px 0; }
.career-explorer__results-header > p { color: #475569; font-size: 14px; }
.career-explorer__views { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.career-explorer__views a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.career-explorer__views a[aria-current] { color: #0f172a; font-weight: 500; text-decoration-thickness: 2px; }
.career-explorer__comparison { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 16px; }
.career-explorer__comparison thead { display: none; }
.career-explorer__comparison tr { display: block; padding: 20px 0; border-bottom: 1px solid #e2e8f0; }
.career-explorer__comparison :is(th, td) { display: block; padding: 8px 0; vertical-align: top; text-align: left; overflow-wrap: anywhere; font-weight: 400; }
.career-explorer__comparison th a { display: inline-block; min-height: 44px; font-weight: 500; }
.career-explorer__comparison td a { display: inline-flex; align-items: center; min-height: 44px; }
.career-explorer__cell-label { display: block; color: #64748b; font-size: 14px; }
.career-explorer__support { display: block; margin-top: 4px; color: #64748b; font-size: 14px; }
.career-explorer__empty { margin-top: 24px; padding: 24px 0; border-top: 1px solid #e2e8f0; }
.career-explorer__empty p { margin-top: 8px; color: #475569; }
.career-explorer__empty a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; }
.career-explorer .career-explorer__error { padding: 16px; border: 1px solid #fecaca; border-radius: 8px; color: #991b1b; }
/* Keep existing cards and actions; align their text with the pilot's roles. */
.career-explorer .offer-card-title { font-size: 16px; font-weight: 500; }
.career-explorer .offer-card-actions a { font-size: 14px; }
.career-explorer .offer-card-actions a:first-child { text-decoration: none; }
.career-explorer .offer-card-actions a.bg-accent-700 { color: #fff; }
@media (min-width: 640px) {
  .career-explorer { --explorer-title: 40px; width: min(100% - 48px, 1120px); padding-top: 32px; }
  .career-explorer__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .career-explorer__filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .career-explorer__comparison thead { display: table-header-group; }
  .career-explorer__comparison tr { display: table-row; }
  .career-explorer__comparison :is(th, td) { display: table-cell; padding: 20px 12px; }
  .career-explorer__comparison thead th { font-size: 14px; color: #64748b; }
  .career-explorer__comparison th:first-child { width: 32%; padding-left: 0; }
  .career-explorer__comparison td:last-child { padding-right: 0; }
  .career-explorer__cell-label { display: none; }
}