.home-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin: 0 auto; }
.company-picker { width: min(100%, 800px); }
.home-job-search { width: min(100%, 660px); margin: 24px auto 20px; }
.home-search-box { display: flex; align-items: center; gap: 13px; min-height: 58px; padding: 5px 7px 5px 19px; border: 1px solid #555950; border-radius: 999px; background: #343734; box-shadow: 0 3px 14px #0002; transition: border-color 160ms ease, box-shadow 160ms ease; }
.home-search-box:focus-within { border-color: #8cb89d; box-shadow: 0 0 0 3px #a7d3b71c, 0 5px 18px #0003; }
.home-search-box svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: #a2a59c; stroke-linecap: round; stroke-width: 1.7; }
.home-search-box input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #f0f0ea; font: inherit; font-size: 14px; }
.home-search-box input::placeholder { color: #a0a299; }
.home-search-submit { min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: #a7d3b7; color: #1d2821; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.home-search-submit:hover { background: #c0e2cb; }
.home-search-submit:focus-visible { outline: 2px solid #d5ecdc; outline-offset: 2px; }
.workspace-search-understanding { margin: 0 0 12px; color: #a7d3b7; font-size: 12px; }
.company-search-area { position: relative; }
.company-search-area .company-results { position: absolute; z-index: 6; top: calc(100% + 8px); right: 0; left: 0; height: auto; max-height: min(300px, 45dvh); margin: 0; padding: 6px; overflow-y: auto; border: 1px solid #505650; border-radius: 14px; background: #2d312f; box-shadow: 0 20px 44px #0009; }
.company-search-area .company-results[hidden] { display: none !important; }
.home-actions button { min-height: 46px; padding: 11px 20px; border: 1px solid #555a53; border-radius: 999px; font: inherit; font-size: 13px; cursor: pointer; transition: background 160ms ease, border-color 160ms ease, transform 160ms ease; }
.home-actions button:hover { transform: translateY(-1px); }
.home-actions button:focus-visible { outline: 2px solid #a6d3b7; outline-offset: 3px; }
.home-action-primary { background: #a7d3b7; border-color: #a7d3b7 !important; color: #1d2821; }
.home-action-primary:hover { background: #c0e2cb; }
.home-action-secondary { background: #343734; color: #d6d9d0; }
.home-action-secondary:hover { border-color: #83b999; background: #3c433d; }
.home-action-primary span { margin-left: 12px; }
.picker-footnote { margin-top: 18px; }
.company-ticker { margin-top: 24px; }
@media (max-width: 600px) {
  .home-job-search { margin: 18px auto 16px; }
  .home-search-box { min-height: 54px; gap: 9px; padding-left: 15px; }
  .home-search-submit { min-height: 42px; padding: 0 15px; }
  .company-ticker { margin-top: 18px; }
}

.jobs-quick-filters { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; padding: 0 30px 14px; border-bottom: 1px solid #454743; color: #92958d; }
.jobs-quick-filters .jobs-filter-trigger { flex: 0 1 190px; height: 52px; }
.jobs-quick-filters .jobs-pay-filter { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 15px; border: 1px solid #4b4d48; border-radius: 10px; background: #323431; color: #d7d9d1; font-size: 11px; cursor: pointer; }
.jobs-quick-filters .jobs-pay-filter:hover { border-color: #78b89e; background: #373a36; }
.jobs-quick-filters .jobs-pay-filter:has(:disabled) { opacity: .55; cursor: default; }
.jobs-pay-filter input { accent-color: #88c7a8; }
.job-card-actions { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.job-card-actions button { padding: 5px 0; border: 0; background: transparent; color: #a6d3b7; font: inherit; font-size: 11px; cursor: pointer; white-space: nowrap; }
.job-card-actions button:hover { text-decoration: underline; text-underline-offset: 4px; }
.job-card-actions button:focus-visible { outline: 2px solid #88c7a8; outline-offset: 3px; }
.job-new-badge { display: inline-block; margin-left: 5px; padding: 2px 6px; border: 1px solid #a6ca77; border-radius: 9px; color: #cce9a9; font-size: 10px; vertical-align: middle; }

.workspace-dialog, .role-dialog { position: fixed; inset: 0; width: min(1120px, calc(100vw - 24px)); max-width: none; height: min(900px, calc(100dvh - 24px)); max-height: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid #535951; border-radius: 22px; background: #292c2d; color: #d7d9d1; box-shadow: 0 28px 100px #000a; }
.workspace-dialog::backdrop, .role-dialog::backdrop { background: #101313c9; backdrop-filter: blur(7px); }
.workspace-shell, .role-shell { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.workspace-header, .role-header { display: flex; flex: 0 0 auto; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 22px 28px 18px; border-bottom: 1px solid #474c47; }
.workspace-brand { display: flex; flex: 1 1 auto; min-width: 0; align-items: center; gap: 12px; }
.workspace-brand-logo { display: block; width: 46px; height: 46px; flex: 0 0 46px; object-fit: contain; }
.workspace-eyebrow { margin: 0 0 7px; color: #95a99a; font-size: 10px; font-weight: 650; letter-spacing: .15em; }
.workspace-header h2, .role-header h2 { margin: 0; color: #e2e5de; font-size: clamp(23px, 3.8vw, 33px); font-weight: 500; letter-spacing: -.045em; line-height: 1.15; }
.workspace-close { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid #576058; border-radius: 50%; background: transparent; color: #d0d4cb; font: 25px/1 sans-serif; cursor: pointer; }
.workspace-close:hover { background: #ffffff13; }
.workspace-close:focus-visible { outline: 2px solid #a7d3b7; outline-offset: 3px; }
.workspace-tabs { display: flex; flex: 0 0 auto; gap: 5px; overflow-x: auto; padding: 10px 25px 0; border-bottom: 1px solid #474c47; scrollbar-width: thin; }
.workspace-tab { flex: 0 0 auto; min-height: 39px; padding: 8px 13px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #9baca0; font: inherit; font-size: 12px; cursor: pointer; }
.workspace-tab:hover, .workspace-tab[aria-current="true"] { color: #d8ebdd; }
.workspace-tab[aria-current="true"] { border-bottom-color: #9bceb0; }
.workspace-tab:focus-visible { outline: 2px solid #9bceb0; outline-offset: -2px; }
.workspace-view, .role-view { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 25px 28px 34px; overscroll-behavior: contain; }
.workspace-intro { margin-bottom: 20px; }
.documentation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.documentation-card { padding: 16px 17px; border: 1px solid #4b534a; border-radius: 12px; background: #313632; }
.documentation-card h4 { margin: 0 0 8px; color: #d8e7d8; font-size: 13px; font-weight: 600; }
.documentation-card p { margin: 0; color: #aeb8ad; font-size: 12px; line-height: 1.6; }
.assistant-privacy-note, .assistant-status { margin: 10px 0; color: #b9c8b8; font-size: 12px; line-height: 1.55; }
.assistant-controls, .assistant-form { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin: 13px 0; }
.assistant-prompt { flex: 1 1 100%; min-height: 90px; padding: 11px; border: 1px solid #535b52; border-radius: 9px; background: #343937; color: #e2e5df; font: inherit; font-size: 12px; resize: vertical; }
.assistant-prompt:focus { border-color: #91c5a5; outline: 0; box-shadow: 0 0 0 3px #91c5a51a; }
.assistant-form button:disabled { opacity: .5; cursor: not-allowed; }
.assistant-answer { margin-top: 14px; padding: 16px; border: 1px solid #4b534a; border-radius: 12px; background: #313632; color: #d7dfd4; font-size: 13px; line-height: 1.65; white-space: pre-wrap; }
.assistant-float { position: fixed; right: 22px; bottom: 22px; z-index: 100; }
.workspace-dialog > .assistant-float { z-index: 101; }
.assistant-bubble { min-height: 48px; padding: 0 17px; border: 1px solid #a8d2b2; border-radius: 999px; background: #a8d2b2; color: #1e3023; font: inherit; font-size: 12px; font-weight: 650; box-shadow: 0 8px 26px #0007; cursor: pointer; }
.assistant-bubble:hover { background: #c0e1c5; transform: translateY(-1px); }
.assistant-bubble:focus-visible, .assistant-panel button:focus-visible { outline: 2px solid #e2f2e3; outline-offset: 3px; }
.assistant-panel { position: fixed; inset: auto 22px 84px auto; display: flex; flex-direction: column; width: min(410px, calc(100vw - 28px)); height: min(610px, calc(100dvh - 105px)); max-width: none; max-height: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #566156; border-radius: 16px; background: #282d2a; color: #e0e6df; box-shadow: 0 18px 55px #000b; }
.assistant-panel:not([open]) { display: none; }
.assistant-panel::backdrop { background: transparent; }
.assistant-panel-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #454e46; color: #dce9db; font-size: 14px; font-weight: 600; }
.assistant-panel-close { width: 32px; height: 32px; border: 1px solid #4f594f; border-radius: 50%; background: transparent; color: #d7ded6; font-size: 20px; cursor: pointer; }
.assistant-status { display: flex; flex: 0 0 auto; min-height: 34px; align-items: center; gap: 8px; margin: 0; padding: 7px 15px; color: #aeb8ad; font-size: 11px; line-height: 1.4; }
.assistant-status[hidden] { display: none; }
.assistant-status.is-loading::before { width: 10px; height: 10px; flex: 0 0 10px; border: 2px solid #526154; border-top-color: #a8d2b2; border-radius: 50%; content: ""; animation: assistant-spin .8s linear infinite; }
.assistant-status.is-unavailable { margin: 10px 14px; padding: 10px 12px; border: 1px solid #826a54; border-radius: 10px; background: #453a30; color: #f0d8bf; }
.assistant-retry { margin-left: 6px; padding: 5px 9px; border: 1px solid #8ab99a; border-radius: 999px; background: #3b5543; color: #e4f0e4; font: inherit; font-size: 11px; cursor: pointer; }
.assistant-retry:hover { background: #496550; }
@keyframes assistant-spin { to { transform: rotate(360deg); } }
.assistant-messages { display: flex; flex: 1 1 auto; flex-direction: column; align-items: stretch; gap: 10px; min-height: 100px; overflow: auto; padding: 12px 14px; }
.assistant-message { max-width: 90%; padding: 10px 12px; border: 1px solid #49534a; border-radius: 12px; color: #dce4dc; font-size: 12px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.assistant-message.is-user { align-self: flex-end; border-color: #63806a; background: #3c5542; }
.assistant-message.is-assistant { align-self: flex-start; background: #313834; }
.assistant-empty { margin: auto 0; color: #aab5aa; font-size: 12px; line-height: 1.6; }
.assistant-form { flex: 0 0 auto; align-items: flex-end; margin: 0; padding: 12px; border-top: 1px solid #454e46; background: #2b302d; }
.assistant-prompt { min-height: 62px; max-height: 150px; }
.assistant-form button { min-height: 40px; }
.assistant-form button:disabled { opacity: .45; }
.workspace-intro h3 { margin: 0 0 7px; color: #e0e3db; font-size: 23px; font-weight: 500; letter-spacing: -.035em; }
.workspace-intro p, .workspace-muted { margin: 0; color: #9da59b; font-size: 12px; line-height: 1.55; }
.workspace-loading, .workspace-empty { margin: 22px 0; padding: 20px; border: 1px solid #474d46; border-radius: 12px; color: #aab2a8; font-size: 13px; line-height: 1.5; }
.workspace-count { margin: 0; color: #aab7a9; font-size: 12px; }
.workspace-filter-grid { display: grid; grid-template-columns: minmax(180px, 1.7fr) repeat(3, minmax(125px, 1fr)); gap: 10px; }
.workspace-field { display: grid; min-width: 0; align-content: start; gap: 6px; color: #9ea79d; font-size: 11px; }
.workspace-field input, .workspace-field select, .workspace-field textarea, .skill-search-form input, .role-question input, .role-note { width: 100%; min-width: 0; min-height: 40px; padding: 9px 11px; border: 1px solid #535b52; border-radius: 9px; outline: none; background: #343937; color: #e2e5df; font: inherit; font-size: 12px; }
.workspace-field input:focus, .workspace-field select:focus, .workspace-field textarea:focus, .skill-search-form input:focus, .role-question input:focus, .role-note:focus { border-color: #91c5a5; box-shadow: 0 0 0 3px #91c5a51a; }
.workspace-field input::placeholder, .workspace-field textarea::placeholder, .skill-search-form input::placeholder, .role-question input::placeholder, .role-note::placeholder { color: #829087; }
.workspace-field textarea, .role-note { min-height: 88px; resize: vertical; line-height: 1.45; }
.workspace-select-trigger { display: flex; width: 100%; min-width: 0; min-height: 40px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; border: 1px solid #535b52; border-radius: 9px; background: #343937; color: #e2e5df; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.workspace-select-trigger:hover, .workspace-select-trigger[aria-expanded="true"] { border-color: #78b89e; background: #393f3a; }
.workspace-select-trigger:focus-visible { outline: 2px solid #91c5a5; outline-offset: 2px; }
.workspace-select-trigger .workspace-select-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-select-chevron { flex: 0 0 auto; color: #a8aaa2; font-size: 16px; line-height: 1; }
.workspace-filter-menu { position: absolute; z-index: 30; display: flex; flex-direction: column; width: 280px; max-height: min(330px, calc(100dvh - 48px)); padding: 6px; border: 1px solid #555b52; border-radius: 14px; background: #292c2a; box-shadow: 0 18px 42px #0009; }
.workspace-filter-menu[hidden] { display: none; }
.workspace-menu-search { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 40px; margin-bottom: 4px; padding: 0 10px; border: 1px solid #4d534d; border-radius: 9px; color: #9aa39a; }
.workspace-menu-search:focus-within { border-color: #78b89e; }
.workspace-menu-search > span { font-size: 19px; line-height: 1; }
.workspace-menu-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #e8e8e1; font: inherit; font-size: 12px; }
.workspace-menu-search input::placeholder { color: #929a91; }
.workspace-menu-options { min-height: 0; overflow: auto; overscroll-behavior: contain; }
.workspace-menu-option { display: flex; width: 100%; min-height: 39px; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: #d9dbd3; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.workspace-menu-option:hover, .workspace-menu-option:focus-visible { outline: 0; background: #ffffff12; }
.workspace-menu-option[aria-selected="true"] { background: #78b89e1c; color: #a6d3b7; }
.workspace-menu-option small { flex: 0 0 auto; color: #8f998f; font-size: 10px; }
.workspace-menu-empty { margin: 0; padding: 12px 10px; color: #9ea39c; font-size: 12px; }
.workspace-filter-flags { display: flex; gap: 17px; flex-wrap: wrap; margin: 13px 0 20px; }
.workspace-check { display: inline-flex; align-items: center; gap: 6px; color: #bdc5bb; font-size: 11px; cursor: pointer; }
.workspace-check input { accent-color: #9bceb0; }
.workspace-results { margin-top: 10px; }
.workspace-result-list { display: grid; gap: 10px; margin-top: 14px; }
.workspace-job-row, .saved-card, .discovery-card, .compare-card, .tracker-card { min-width: 0; padding: 17px 18px; border: 1px solid #4b534a; border-radius: 13px; background: #313632; }
.workspace-job-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.workspace-job-row-with-logo .workspace-job-head { align-items: center; gap: 18px; }
.saved-job-identity { display: flex; min-width: 0; align-items: center; gap: 18px; }
.saved-job-copy { display: grid; min-width: 0; gap: 5px; }
.saved-job-company { margin: 0; color: #c4cec3; font-size: 15px; line-height: 1.35; }
.workspace-job-row-with-logo h3 { color: #e4e7de; font-size: clamp(18px, 2vw, 24px); line-height: 1.25; overflow-wrap: anywhere; }
.workspace-job-row-with-logo .workspace-job-meta,
.workspace-job-row-with-logo .workspace-match,
.workspace-job-row-with-logo .workspace-snippet,
.workspace-job-row-with-logo .workspace-row-actions { margin-left: 100px; }
.workspace-job-row-with-logo .workspace-job-meta { margin-top: 12px; font-size: 13px; line-height: 1.55; }
.workspace-job-row-with-logo .workspace-row-actions > * { min-height: 40px; padding: 9px 16px; border-radius: 10px; font-size: 13px; font-weight: 650; }
.workspace-job-row-with-logo .workspace-row-actions .workspace-small-button:first-child { border-color: #0a66c2; background: #0a66c2; color: #fff; }
.workspace-job-row-with-logo .workspace-row-actions .workspace-small-button:first-child:hover { border-color: #004182; background: #004182; }
.workspace-job-row-with-logo .workspace-row-actions .workspace-small-button:nth-child(2) { border-color: #9bceb0; background: #9bceb0; color: #1b2c20; }
.workspace-job-row-with-logo .workspace-row-actions .workspace-small-button:nth-child(2):hover { border-color: #b9e1c4; background: #b9e1c4; }
.workspace-job-row-with-logo .workspace-row-actions .workspace-role-link { display: inline-flex; min-height: 40px; align-items: center; padding: 9px 16px; border: 1px solid #6a628b; border-radius: 10px; background: #403b58; color: #e0dcff; font-size: 13px; font-weight: 600; text-decoration: none; }
.workspace-job-row-with-logo .workspace-row-actions .workspace-role-link:hover { border-color: #9389bd; background: #51496f; text-decoration: none; }
.workspace-job-row-with-logo .workspace-row-actions > *:focus-visible { outline: 2px solid #a3cfb0; outline-offset: 3px; }
.company-logo-v6-saved { width: 82px; height: 82px; border-radius: 13px; }
.company-logo-v6-saved .company-logo-v6-fallback { font-size: 20px; }
.workspace-job-row h3 { margin: 0; color: #e4e7de; font-size: 15px; font-weight: 550; line-height: 1.35; }
.workspace-job-meta { margin: 7px 0 0; color: #a1aba0; font-size: 11px; line-height: 1.5; }
.workspace-badges { display: flex; justify-content: flex-end; gap: 5px; flex-wrap: wrap; }
.workspace-badge { flex: 0 0 auto; padding: 4px 7px; border: 1px solid #61705f; border-radius: 20px; color: #b8d1b9; font-size: 10px; }
.workspace-badge.is-new { border-color: #a6ca77; color: #d1eda8; }
.workspace-match { margin: 9px 0 0; color: #a5d3b4; font-size: 11px; line-height: 1.45; }
.workspace-snippet { margin: 12px 0 0; color: #b5beb3; font-size: 12px; line-height: 1.55; }
.workspace-row-actions, .workspace-toolbar, .discovery-actions, .role-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.workspace-row-actions { margin-top: 13px; }
.workspace-small-button, .workspace-secondary, .workspace-primary, .workspace-more, .workspace-chip, .skill-company { display: inline-flex; align-items: center; justify-content: center; min-height: 31px; padding: 6px 11px; border: 1px solid #5a665b; border-radius: 8px; background: transparent; color: #c6d7c6; font: inherit; font-size: 11px; text-decoration: none; cursor: pointer; }
.workspace-primary { min-height: 38px; border-color: #9bceb0; background: #9bceb0; color: #1b2c20; font-weight: 600; }
.workspace-secondary { min-height: 36px; }
.live-listings-refresh { min-width: 132px; }
.live-listings-refresh.is-loading { width: 132px; min-height: 36px; padding: 6px; color: transparent; cursor: wait; }
.live-listings-refresh.is-loading::before { width: 14px; height: 14px; border: 2px solid #526254; border-top-color: #a7d3b7; border-radius: 50%; content: ""; animation: live-listings-spin .8s linear infinite; }
.live-listings-refresh:disabled { opacity: 1; }
@keyframes live-listings-spin { to { transform: rotate(360deg); } }
.workspace-small-button:hover, .workspace-secondary:hover, .workspace-more:hover, .workspace-chip:hover, .skill-company:hover { border-color: #a3cfb0; background: #a3cfb013; }
.workspace-primary:hover { background: #b9e1c4; }
.workspace-small-button:focus-visible, .workspace-secondary:focus-visible, .workspace-primary:focus-visible, .workspace-more:focus-visible, .workspace-chip:focus-visible, .skill-company:focus-visible, .workspace-role-link:focus-visible { outline: 2px solid #a3cfb0; outline-offset: 3px; }
.workspace-role-link { color: #aed6b8; font-size: 11px; text-decoration: none; }
.workspace-role-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.workspace-more { display: flex; margin: 20px auto 0; }
.workspace-toolbar { justify-content: flex-start; margin: 6px 0 16px; }
.workspace-view.is-saved .workspace-toolbar { justify-content: space-between; margin: 0 0 10px; }
.workspace-view.is-saved .workspace-result-list { margin-top: 0; }
.workspace-sheets-button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 8px 14px; border: 1px solid #9bceb0; border-radius: 9px; background: #9bceb0; color: #1b2c20; font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
.workspace-sheets-button:hover { border-color: #b9e1c4; background: #b9e1c4; }
.workspace-sheets-button:focus-visible, .workspace-export-link:focus-visible { outline: 2px solid #d7f1dc; outline-offset: 3px; }
.workspace-export-guide { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 12px; padding: 13px 15px; border: 1px solid #66816d; border-radius: 10px; background: #304238; color: #e5f0e6; font-size: 12px; }
.workspace-export-guide[hidden] { display: none; }
.workspace-export-guide strong { font-weight: 650; }
.workspace-export-guide p { margin: 4px 0 0; color: #bfcfc1; line-height: 1.5; }
.workspace-export-link { flex: 0 0 auto; color: #b8e2c3; font-weight: 600; text-decoration: none; }
.workspace-export-link:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) { .workspace-export-guide { align-items: flex-start; flex-direction: column; } }
.workspace-notice { position: absolute; right: 22px; bottom: 20px; z-index: 5; max-width: min(320px, calc(100vw - 48px)); margin: 0; padding: 12px 15px; border: 1px solid #81ad8b; border-radius: 10px; background: #354d3a; color: #e2f2e3; font-size: 12px; box-shadow: 0 12px 30px #0008; }
.workspace-notice[hidden] { display: none; }
.discovery-card { max-width: 700px; margin: 25px auto; padding: clamp(20px, 5vw, 34px); }
.discovery-company { margin: 0 0 9px; color: #9ecbab; font-size: 11px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.discovery-card h4, .compare-card h4 { margin: 0; color: #e7eae2; font-size: clamp(22px, 4vw, 30px); font-weight: 500; line-height: 1.18; letter-spacing: -.045em; }
.discovery-actions { margin-top: 25px; }
.saved-card { padding: 0; overflow: hidden; }
.saved-card > .workspace-job-row { border: 0; border-radius: 0; background: transparent; }
.saved-card-fields { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 12px; padding: 0 18px 17px; }
.saved-card-fields { padding-left: 118px; }
.compare-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.compare-card h4 { min-height: 66px; font-size: 20px; }
.compare-line { display: grid; gap: 4px; padding: 11px 0; border-bottom: 1px solid #465047; font-size: 11px; line-height: 1.4; }
.compare-line strong { color: #8cae94; font-weight: 600; }
.compare-line span { color: #d4dcd2; overflow-wrap: anywhere; }
.compare-card > button { margin-top: 16px; }
.tracker-board { display: grid; grid-template-columns: repeat(5, minmax(170px, 1fr)); gap: 10px; overflow-x: auto; padding-bottom: 10px; }
.tracker-column { min-width: 170px; min-height: 260px; padding: 12px; border: 1px solid #455046; border-radius: 12px; background: #2c322e; }
.tracker-column h4 { margin: 0 0 12px; color: #cfe0d0; font-size: 12px; font-weight: 600; }
.tracker-empty { color: #818f84; font-size: 11px; }
.tracker-card { display: grid; gap: 8px; margin-top: 8px; padding: 11px; }
.tracker-card strong { color: #d9e0d8; font-size: 11px; line-height: 1.35; }
.tracker-card small { color: #93a294; }
.follow-up-panel { margin: 0 0 20px; padding: 14px 16px; border: 1px solid #536451; border-radius: 12px; background: #303831; }
.follow-up-panel h4 { margin: 0 0 10px; color: #d6e6d5; font-size: 13px; font-weight: 600; }
.follow-up-list { display: grid; gap: 7px; }
.follow-up-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 8px 0; border-top: 1px solid #465047; color: #c3cec2; font-size: 11px; }
.follow-up-row strong { color: #d5e6ce; font-weight: 550; }
.tracker-followup input { min-height: 32px; padding: 6px 8px; border: 1px solid #535b52; border-radius: 7px; background: #343937; color: #e2e5df; font: inherit; font-size: 11px; }
.workspace-status-select { min-height: 32px; padding: 6px 10px; border-radius: 7px; font-size: 11px; }
.workspace-text-button { width: max-content; padding: 0; border: 0; background: none; color: #acd6b7; font: inherit; font-size: 11px; cursor: pointer; }
.skill-search-form, .role-question { display: flex; gap: 9px; max-width: 600px; }
.skill-search-form input, .role-question input { flex: 1 1 auto; }
.skill-suggestions, .skill-map, .role-locations { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 12px; }
.skill-company { border-radius: 20px; }
.skill-results { margin-top: 20px; }
.company-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 15px 0 18px; }
.company-stat { display: grid; gap: 6px; padding: 16px; border: 1px solid #4d574e; border-radius: 12px; background: #313a33; }
.company-stat strong { color: #daf0d9; font-size: 24px; font-weight: 500; }
.company-stat span { color: #a1b1a2; font-size: 11px; }
.company-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.company-chart, .company-radar { padding: 18px; border: 1px solid #4b544b; border-radius: 12px; background: #303632; }
.company-chart h4, .company-radar h4 { margin: 0 0 15px; color: #d9e5d9; font-size: 15px; font-weight: 550; }
.company-bar-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; margin-top: 11px; color: #bdcabb; font-size: 11px; }
.company-bar-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.company-bar-row strong { font-weight: 500; }
.company-bar { display: block; grid-column: 1 / -1; height: 4px; border-radius: 10px; background: #9bc8a4; }
.company-radar { margin-top: 12px; }
.company-radar p { color: #b0bfb0; font-size: 11px; }
.radar-change { display: block; color: #c8e2c8; font-size: 17px; font-weight: 500; }
.preferences-form { display: grid; gap: 13px; max-width: 610px; margin-bottom: 18px; }
.preferences-form > button { justify-self: start; }
.role-dialog { width: min(800px, calc(100vw - 24px)); }
.role-view { padding-top: 16px; }
.role-meta { margin: 0 0 15px; color: #aeb9ac; font-size: 12px; line-height: 1.55; }
.role-actions { margin: 18px 0; }
.role-section { padding: 20px 0; border-top: 1px solid #455047; }
.role-section h3 { margin: 0 0 12px; color: #e0e8df; font-size: 16px; font-weight: 550; }
.role-prose { margin: 0; color: #c3cdc1; font-size: 12px; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; }
.role-question { margin: 14px 0 0; }
.role-answer { margin: 11px 0 0; padding: 13px 15px; border-left: 3px solid #9bceb0; border-radius: 0 9px 9px 0; background: #354039; }
.role-answer strong { color: #b5deb9; font-size: 11px; }
.role-answer p { margin: 6px 0 0; color: #dce5db; font-size: 12px; line-height: 1.6; }
.role-section .workspace-job-row { margin-top: 9px; }
.role-note { min-height: 100px; }

@media (max-width: 780px) {
  .workspace-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compare-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  .jobs-quick-filters { padding-right: 20px; padding-left: 20px; }
}
@media (max-width: 560px) {
  .workspace-dialog, .role-dialog { width: calc(100vw - 12px); height: calc(100dvh - 12px); border-radius: 14px; }
  .workspace-header, .role-header { padding: 15px 16px 13px; }
  .workspace-tabs { padding: 6px 10px 0; }
  .workspace-view, .role-view { padding: 17px 14px 24px; }
  .workspace-filter-grid, .company-charts { grid-template-columns: 1fr; }
  .documentation-grid { grid-template-columns: 1fr; }
  .assistant-float { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
  .assistant-panel { inset: auto 12px max(72px, calc(env(safe-area-inset-bottom) + 60px)) auto; width: calc(100vw - 24px); height: min(72dvh, 620px); }
  .workspace-job-head { display: block; }
  .workspace-badges { justify-content: flex-start; margin-top: 7px; }
  .saved-card-fields { grid-template-columns: 1fr; }
  .saved-card-fields { padding-left: 84px; }
  .saved-job-identity { align-items: flex-start; gap: 12px; }
  .workspace-job-row-with-logo .workspace-job-meta,
  .workspace-job-row-with-logo .workspace-match,
  .workspace-job-row-with-logo .workspace-snippet,
  .workspace-job-row-with-logo .workspace-row-actions { margin-left: 70px; }
  .company-logo-v6-saved { width: 58px; height: 58px; border-radius: 10px; }
  .company-logo-v6-saved .company-logo-v6-fallback { font-size: 15px; }
  .company-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .company-stat { padding: 10px; }
  .company-stat strong { font-size: 18px; }
  .jobs-quick-filters { gap: 7px; flex-wrap: wrap; padding: 0 15px 10px; }
  .jobs-quick-filters .jobs-filter-trigger { flex: 1 1 135px; }
  .job-card-actions { width: 100%; justify-content: flex-start; }
  .skill-search-form, .role-question { flex-wrap: wrap; }
  .skill-search-form input, .role-question input { flex-basis: 100%; }
  .workspace-menu-search input { font-size: 16px; }
}

/* Keep the job sheet controls aligned and compact at every viewport width. */
.jobs-close { flex-basis: 36px; width: 36px; height: 36px; font-size: 23px; }
.workspace-close { flex-basis: 34px; width: 34px; height: 34px; font-size: 22px; }
.jobs-quick-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 190px)) minmax(160px, 220px);
  align-items: stretch;
}
.jobs-quick-filters .jobs-filter-trigger { width: 100%; min-width: 0; height: 52px; }
.jobs-quick-filters .jobs-pay-filter {
  justify-self: start;
  align-self: center;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
}
@media (max-width: 780px) {
  .jobs-quick-filters { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
}
@media (max-width: 560px) {
  .jobs-quick-filters { display: flex; flex-wrap: nowrap; }
  .jobs-quick-filters .jobs-filter-trigger { flex: 0 0 145px; width: 145px; height: 46px; min-height: 46px; scroll-snap-align: start; }
  .jobs-quick-filters .jobs-pay-filter { flex: 0 0 auto; width: max-content; min-height: 38px; scroll-snap-align: start; }
}
@media (max-height: 560px) and (min-width: 561px) {
  .jobs-quick-filters { display: flex; flex-wrap: nowrap; }
  .jobs-quick-filters .jobs-filter-trigger { flex: 0 0 145px; width: 145px; height: 42px; }
  .jobs-quick-filters .jobs-pay-filter { flex: 0 0 auto; min-height: 42px; }
}
@media (max-height: 560px) {
  .jobs-quick-filters { flex-wrap: nowrap; overflow-x: auto; padding-top: 0; padding-bottom: 7px; scrollbar-width: thin; }
  .jobs-quick-filters .jobs-filter-trigger { flex: 0 0 145px; width: 145px; height: 42px; }
  .jobs-quick-filters .jobs-pay-filter { flex: 0 0 auto; min-height: 42px; }
}

/* Keep the company insight controls contained as the workspace narrows. */
.company-insights > .workspace-toolbar {
  display: grid;
  grid-template-columns: minmax(140px, 180px) max-content minmax(0, 1fr);
  align-items: end;
}
.company-insights > .workspace-toolbar > .workspace-muted {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 720px) {
  .company-insights > .workspace-toolbar {
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: end;
  }
  .company-insights > .workspace-toolbar > .workspace-muted {
    grid-column: 1 / -1;
  }
}
@media (max-width: 380px) {
  .company-insights > .workspace-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }
  .company-insights > .workspace-toolbar > .workspace-muted {
    grid-column: auto;
  }
}


/* Personalized live shortlist */
.for-you-intro { padding: clamp(16px, 3vw, 24px); border: 1px solid #4b584c; border-radius: 15px; background: linear-gradient(125deg, #324039, #2d312f 68%); }
.for-you-intro h3 { font-size: clamp(22px, 3vw, 28px); }
.for-you-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 17px; }
.for-you-source-note, .for-you-guidance { margin: 12px 0; padding: 12px 14px; border: 1px solid #485047; border-radius: 10px; color: #aeb9ac; font-size: 12px; line-height: 1.55; }
.for-you-guidance { border-color: #5a665b; background: #313632; }
.for-you-results { margin-top: 10px; }
.for-you-results .workspace-job-row { background: linear-gradient(110deg, #323a35, #303431); }
@media (max-width: 560px) {
  .for-you-intro { padding: 16px; }
  .for-you-actions { display: grid; grid-template-columns: 1fr; }
  .for-you-actions > button { width: 100%; min-height: 44px; }
  .for-you-results .workspace-job-row { padding: 14px; }
}

/* Full-screen, safe-area-aware mobile workspace and job sheets. */
@media (max-width: 560px) {
  .workspace-dialog, .role-dialog { inset: 0; width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .workspace-header, .role-header { padding-top: calc(13px + env(safe-area-inset-top)); }
  .workspace-view, .role-view { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
  .workspace-tabs { gap: 2px; padding-right: 8px; padding-left: 8px; scroll-padding-inline: 12px; }
  .workspace-tab { min-height: 44px; padding-right: 12px; padding-left: 12px; }
  .workspace-job-row { padding: 14px; }
  .workspace-job-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; }
  .workspace-badges { justify-content: flex-start; margin-top: 0; }
  .workspace-row-actions { gap: 8px; }
  .workspace-row-actions > * { min-height: 40px; }
  .workspace-toolbar { display: grid; grid-template-columns: 1fr; }
  .workspace-toolbar > button { width: 100%; min-height: 42px; }
  .compare-grid, .company-summary, .company-charts { grid-template-columns: 1fr; }
  .company-stat { padding: 14px; }
  .company-stat strong { font-size: 22px; }
  .role-question { display: grid; grid-template-columns: minmax(0, 1fr); }
  .role-question input, .role-question button { width: 100%; min-height: 44px; }
  .role-actions > * { min-height: 42px; }
  .jobs-dialog { inset: 0; width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .jobs-window { max-height: 100dvh; }
  .jobs-header { padding-top: calc(15px + env(safe-area-inset-top)); }
  .jobs-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .jobs-filter-search { grid-column: 1 / -1; }
  .jobs-filter-trigger { min-width: 0; min-height: 48px; }
  .jobs-reset { grid-column: 1 / -1; min-height: 40px; }
  .jobs-quick-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x proximity; }
  .jobs-quick-filters .jobs-filter-trigger, .jobs-quick-filters .jobs-pay-filter { flex: 0 0 145px; scroll-snap-align: start; }
  .jobs-list { min-height: 0; overscroll-behavior: contain; }
  .jobs-footer { padding-bottom: calc(12px + env(safe-area-inset-bottom)); }
}
@media (max-width: 380px) {
  .workspace-header, .role-header { gap: 9px; padding-right: 12px; padding-left: 12px; }
  .workspace-view, .role-view { padding-right: 12px; padding-left: 12px; }
  .workspace-tab { padding-right: 10px; padding-left: 10px; font-size: 11px; }
  .jobs-filters { padding-right: 12px; padding-left: 12px; }
  .jobs-list { padding-right: 12px; padding-left: 12px; }
}

@media (max-width: 560px) {
  .workspace-field input, .workspace-field select, .workspace-field textarea,
  .workspace-select-trigger, .skill-search-form input, .role-question input, .role-note,
  .workspace-menu-search input, .jobs-menu-search input { font-size: 16px; }
  .workspace-job-row h3 { overflow-wrap: anywhere; }
  .workspace-job-meta, .workspace-snippet { overflow-wrap: anywhere; }
}

/* Center close marks optically and separate the second filter row from its divider. */
.jobs-close svg, .workspace-close svg { display: block; width: 18px; height: 18px; overflow: visible; }
.jobs-close svg path, .workspace-close svg path { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.jobs-quick-filters { padding-top: 12px; }
.jobs-quick-filters .jobs-pay-filter {
  border-color: #505a50;
  background: #303632;
  color: #dce3d9;
  font-size: 12px;
  font-weight: 500;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}
.jobs-quick-filters .jobs-pay-filter:hover { border-color: #83b79a; background: #374239; }
.jobs-quick-filters .jobs-pay-filter:has(input:checked) { border-color: #83b79a; background: #3b4c40; color: #e3f0e4; }
.jobs-pay-filter input, .workspace-check input {
  display: grid;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  place-items: center;
  margin: 0;
  appearance: none;
  border: 1px solid #758075;
  border-radius: 5px;
  background: #292e2b;
  color: #203027;
  cursor: pointer;
}
.jobs-pay-filter input::after, .workspace-check input::after { content: '✓'; opacity: 0; font-size: 11px; font-weight: 800; line-height: 1; }
.jobs-pay-filter input:checked, .workspace-check input:checked { border-color: #a7d3b7; background: #a7d3b7; }
.jobs-pay-filter input:checked::after, .workspace-check input:checked::after { opacity: 1; }
.jobs-pay-filter input:focus-visible, .workspace-check input:focus-visible { outline: 2px solid #a7d3b7; outline-offset: 2px; }
.workspace-filter-flags { gap: 8px; }
.workspace-check {
  min-height: 36px;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid #4b534a;
  border-radius: 999px;
  background: #303632;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}
.workspace-check:hover, .workspace-check:has(input:checked) { border-color: #83b79a; background: #374239; color: #e2ebdf; }
@media (max-width: 560px) {
  .jobs-quick-filters .jobs-pay-filter { flex: 0 0 auto; width: max-content; }
}
@media (max-height: 560px) {
  .jobs-quick-filters { padding-top: 8px; }
}

.assistant-prompts { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.assistant-prompt-suggestion, .assistant-view-job { max-width: 100%; padding: 8px 10px; border: 1px solid #526354; border-radius: 10px; background: #38433a; color: #dce9db; font: inherit; font-size: 11px; text-align: left; cursor: pointer; }
.assistant-prompt-suggestion:hover, .assistant-view-job:hover { border-color: #a8d2b2; background: #405046; }
.assistant-message .assistant-view-job { display: block; margin-top: 9px; }
.assistant-role-tools { flex: 0 0 auto; padding: 9px 14px 11px; border-bottom: 1px solid #454e46; background: #2d342f; }
.assistant-role-tools[hidden] { display: none; }
.assistant-context-label { display: block; margin-bottom: 4px; color: #9db39f; font-size: 10px; }
.assistant-role-name { margin: 0 0 8px; color: #dce9db; font-size: 11px; line-height: 1.45; }
.assistant-role-choices { display: flex; flex-wrap: wrap; gap: 6px; }
.assistant-role-choices .assistant-prompt-suggestion { padding: 6px 8px; }
.assistant-role-clear { padding: 6px 8px; border: 0; background: transparent; color: #b2beb2; font: inherit; font-size: 11px; cursor: pointer; }
.assistant-role-clear:hover { color: #e0e6df; }
.assistant-message:has(.assistant-search-filters), .assistant-message:has(.assistant-filter-summary) { width: 100%; max-width: 100%; box-sizing: border-box; }
.assistant-search-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; white-space: normal; }
.assistant-search-field { display: grid; min-width: 0; gap: 4px; color: #aebdae; font-size: 10px; }
.assistant-search-field input, .assistant-search-field select { width: 100%; min-width: 0; min-height: 36px; padding: 7px 9px; border: 1px solid #59665b; border-radius: 8px; outline: none; background: #282f2b; color: #e4ebe2; font: inherit; font-size: 11px; }
.assistant-search-field input:focus, .assistant-search-field select:focus { border-color: #9bceb0; box-shadow: 0 0 0 2px #91c5a522; }
.assistant-search-filters .workspace-primary { min-height: 36px; align-self: end; font-size: 11px; }
.assistant-posting-evidence { margin-top: 10px; padding-top: 8px; border-top: 1px solid #536055; color: #bacbbb; font-size: 11px; white-space: normal; }
.assistant-posting-evidence summary { width: fit-content; cursor: pointer; }
.assistant-posting-evidence p { margin: 7px 0 0; line-height: 1.5; white-space: pre-wrap; }
.assistant-filter-summary { margin: 9px 0 0; color: #aec7b1; font-size: 11px; line-height: 1.45; white-space: normal; }
.assistant-inline-action { display: inline-flex; align-items: center; min-height: 31px; margin-top: 8px; padding: 5px 9px; border: 1px solid #647667; border-radius: 8px; background: transparent; color: #c6dfca; font: inherit; font-size: 11px; cursor: pointer; }
.assistant-inline-action:hover { border-color: #a8d2b2; background: #405046; }
.assistant-show-more { width: 100%; justify-content: center; }
.assistant-message .assistant-view-job { width: 100%; padding: 9px 11px; box-sizing: border-box; }
.assistant-view-job strong { display: block; font-size: 11px; font-weight: 600; }
.assistant-result-meta { display: block; margin-top: 3px; color: #b8cbb9; font-size: 10px; line-height: 1.4; }
.assistant-follow-ups { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.assistant-form { flex-wrap: nowrap; align-items: flex-end; gap: 8px; }
.assistant-form .assistant-prompt { flex: 1 1 auto; width: 0; min-height: 44px; max-height: 120px; resize: vertical; }
.assistant-form .workspace-primary { flex: 0 0 auto; min-height: 44px; padding-inline: 14px; }

/* V6 LinkedIn-style split listing and detail view. */
.workspace-view.is-explore-split { display: flex; flex-direction: column; overflow: hidden; }
.is-explore-split > .workspace-intro, .is-explore-split > .workspace-toolbar,
.is-explore-split > .workspace-filter-grid, .is-explore-split > .workspace-filter-flags { flex: 0 0 auto; }
.is-explore-split { padding: 12px 18px 14px; }
.is-explore-split > .workspace-intro { margin-bottom: 5px; }
.is-explore-split > .workspace-intro h3 { margin-bottom: 2px; font-size: 18px; }
.is-explore-split > .workspace-intro p { font-size: 10px; }
.is-explore-split > .workspace-toolbar { min-height: 32px; margin: 0 0 6px; gap: 7px; }
.is-explore-split .workspace-filter-flags { flex: 0 0 auto; gap: 6px; margin: 0 0 0 5px; }
.is-explore-split .workspace-check { min-height: 32px; padding: 0 9px; font-size: 10px; }
.is-explore-split > .workspace-filter-grid { grid-template-columns: minmax(190px, 1.5fr) repeat(6, minmax(105px, 1fr)); gap: 6px; }
.is-explore-split > .workspace-filter-grid .workspace-field { gap: 3px; font-size: 10px; }
.is-explore-split > .workspace-filter-grid .workspace-select-trigger,
.is-explore-split > .workspace-filter-grid input[type="search"] { min-height: 33px; padding: 6px 8px; font-size: 10px; }
.is-explore-split > .workspace-results { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; margin-top: 0; overflow: hidden; }
.is-explore-split > .workspace-results > .workspace-count,
.is-explore-split > .workspace-results > .workspace-search-understanding { flex: 0 0 auto; }
.explore-split-layout { display: grid; flex: 1 1 auto; grid-template-columns: minmax(390px, .9fr) minmax(0, 1.1fr); min-height: 260px; overflow: hidden; border: 1px solid #4b534a; border-radius: 13px; background: #292e2b; }
.explore-list-pane, .explore-detail-pane { min-width: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.explore-list-pane { border-right: 1px solid #4b534a; }
.explore-list-items { display: grid; }
.explore-job-card { position: relative; min-width: 0; border-bottom: 1px solid #414941; background: #2c312e; transition: background 150ms ease; }
.explore-job-card:hover { background: #323934; }
.explore-job-card.is-selected { background: #514a31; box-shadow: inset 4px 0 #f0ce58; }
.explore-job-card.is-selected .explore-job-title { color: #ffe28a; }
.explore-job-main { display: flex; width: 100%; min-height: 124px; align-items: flex-start; gap: 14px; padding: 17px 82px 17px 17px; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.explore-job-main:focus-visible { outline: 2px solid #a7d3b7; outline-offset: -3px; }
.company-logo-v6 { display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid #d9ddd5; border-radius: 10px; background: #f4f5f0; }
.company-logo-v6-small { width: 42px; height: 42px; }
.company-logo-v6-medium { width: 54px; height: 54px; }
.company-logo-v6-large { width: 58px; height: 58px; border-radius: 13px; }
.company-logo-v6 img { display: block; width: 78%; height: 78%; object-fit: contain; }
.company-logo-v6 [hidden] { display: none !important; }
.company-logo-v6-fallback { display: grid; width: 100%; height: 100%; place-items: center; background: linear-gradient(145deg, #eef1eb, #dce4dd); color: #38443b; font-size: 14px; font-weight: 700; letter-spacing: -.04em; }
.explore-job-content { display: grid; min-width: 0; gap: 5px; }
.explore-job-title { color: #e3e8df; font-size: clamp(17px, 1.5vw, 21px); font-weight: 650; line-height: 1.3; }
.explore-job-company { color: #d0d8ce; font-size: 15px; }
.explore-job-meta, .explore-job-salary { color: #9faa9f; font-size: 13px; line-height: 1.45; }
.explore-job-salary { color: #b9cdbb; }
.explore-job-content .workspace-badge { justify-self: start; }
.explore-job-save { position: absolute; top: 15px; right: 12px; min-height: 34px; padding: 6px 9px; border: 1px solid #59655a; border-radius: 8px; background: transparent; color: #c3d9c4; font: inherit; font-size: 11px; cursor: pointer; }
.explore-job-save:hover { border-color: #a7d3b7; background: #a7d3b71a; }
.explore-job-save:focus-visible { outline: 2px solid #a7d3b7; outline-offset: 2px; }
.explore-detail-pane { padding: 30px 36px 42px; background: #2b302d; }
.explore-detail-copy { white-space: pre-line; }
.explore-detail-company { display: flex; align-items: center; gap: 15px; color: #d3dcd2; font-size: 17px; }
.explore-detail-title { margin: 24px 0 10px; color: #f0f1eb; font-size: clamp(32px, 3.2vw, 46px); font-weight: 680; letter-spacing: -.04em; line-height: 1.12; }
.explore-detail-meta { margin: 0; color: #aab4a9; font-size: 16px; line-height: 1.55; }
.explore-detail-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.explore-detail-badge { padding: 7px 11px; border: 1px solid #58645a; border-radius: 999px; color: #d0dbd0; font-size: 11px; }
.explore-detail-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 18px 0 22px; }
.explore-detail-link { padding: 8px 5px; }
.explore-detail-section { margin-top: 27px; padding-top: 23px; border-top: 1px solid #434b43; }
.explore-detail-section h4 { margin: 0 0 14px; color: #e3e8df; font-size: 22px; font-weight: 650; }
.explore-detail-section p { margin: 0; color: #c5cec3; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.8; white-space: pre-wrap; }
.explore-detail-empty { display: grid; min-height: 100%; box-sizing: border-box; align-content: center; justify-items: center; padding: 48px clamp(24px, 5vw, 72px); text-align: center; }
.explore-detail-empty-icon { display: grid; width: 54px; height: 54px; place-items: center; margin-bottom: 20px; border: 1px solid #58695b; border-radius: 16px; background: #344038; color: #a7d3b7; font-size: 25px; }
.explore-detail-empty h3 { margin: 0 0 9px; color: #e3e8df; font-size: clamp(20px, 2vw, 26px); font-weight: 620; letter-spacing: -.02em; }
.explore-detail-empty p { max-width: 38ch; margin: 0; color: #aab4a9; font-size: 15px; line-height: 1.65; }
.explore-detail-pane:has(.explore-detail-empty) { padding: 0; }
.explore-pagination { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 13px 8px 16px; border-top: 1px solid #414941; }
.explore-page-button { display: inline-grid; min-width: 36px; height: 36px; place-items: center; padding: 0 8px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #c8d3c7; font: inherit; font-size: 13px; cursor: pointer; }
.explore-page-button:hover:not(:disabled) { border-color: #657567; background: #ffffff0c; }
.explore-page-button[aria-current="page"] { border-color: #0a66c2; background: #0a66c2; color: #fff; font-weight: 650; }
.explore-page-button:disabled { opacity: .38; cursor: default; }
.explore-page-button:focus-visible { outline: 2px solid #a7d3b7; outline-offset: 2px; }
.explore-page-direction { font-size: 21px; }
.explore-page-ellipsis { padding: 0 3px; color: #a5b0a4; }
/* LinkedIn inspired, full width split workspace for job search. */
@media (min-width: 761px) {
  .workspace-dialog {
    width: min(1840px, calc(100vw - 40px));
    height: min(1400px, calc(100dvh - 28px));
    border-radius: 14px;
  }
  .workspace-dialog .workspace-header { padding: 12px 22px 10px; align-items: center; }
  .workspace-dialog .workspace-header h2 { font-size: 24px; }
  .workspace-dialog .workspace-tabs { padding: 4px 18px 0; }
  .workspace-dialog .workspace-tab { min-height: 35px; }
  .workspace-dialog .workspace-view { padding: 10px 20px 16px; }
  .workspace-view.is-explore-split { padding: 10px 20px 16px; }
  .is-explore-split > .workspace-intro { display: none; }
  .is-explore-split > .workspace-toolbar { min-height: 34px; margin-bottom: 8px; }
  .is-explore-split > .workspace-filter-grid { grid-template-columns: minmax(260px, 1.7fr) repeat(6, minmax(120px, 1fr)); gap: 8px; }
  .is-explore-split > .workspace-filter-grid .workspace-field { gap: 0; }
  .is-explore-split > .workspace-filter-grid .workspace-field > span { display: none; }
  .is-explore-split > .workspace-filter-grid .workspace-select-trigger,
  .is-explore-split > .workspace-filter-grid input[type="search"] { min-height: 42px; padding: 9px 13px; border-radius: 24px; border-color: #687268; background: #343a36; font-size: 13px; }
  .is-explore-split > .workspace-filter-grid .workspace-field:has(input[type="search"]) { position: relative; }
  .is-explore-split > .workspace-filter-grid .workspace-field:has(input[type="search"])::before { position: absolute; z-index: 1; left: 13px; top: 7px; color: #bac2b8; content: '⌕'; font-size: 23px; line-height: 1; pointer-events: none; }
  .is-explore-split > .workspace-filter-grid .workspace-field:has(input[type="search"]) input { padding-left: 39px; }
  .is-explore-split > .workspace-results > .workspace-count { padding: 9px 0 11px; border-bottom: 1px solid #454c46; font-size: 14px; }
  /* Whole-number weights fill the remaining space when the list hits its minimum width. */
  .explore-split-layout { grid-template-columns: minmax(470px, 43fr) minmax(0, 57fr); border-radius: 8px; }
  .explore-list-pane { background: #252a27; }
  .explore-detail-pane { padding: 28px clamp(28px, 3vw, 54px) 52px; }
  .explore-job-main { min-height: 116px; gap: 14px; padding: 16px 68px 16px 18px; }
  .company-logo-v6-small { width: 58px; height: 58px; border-radius: 7px; }
  .explore-job-title { font-size: clamp(16px, 1.15vw, 19px); color: #9dc9ff; line-height: 1.3; }
  .explore-job-company { font-size: 15px; }
  .explore-job-meta, .explore-job-salary { font-size: 13px; }
  .explore-job-save { top: 14px; right: 11px; width: 34px; min-height: 34px; padding: 0; overflow: hidden; border: 0; color: #aab4aa; font-size: 0; }
  .explore-job-save::after { content: '☆'; font-size: 21px; line-height: 1; }
  .explore-job-save:hover { background: transparent; color: #e5e9e3; }
  .explore-detail-company { font-size: 18px; }
  .company-logo-v6-large { width: 64px; height: 64px; border-radius: 7px; }
  .explore-detail-title { margin-top: 16px; font-size: clamp(30px, 2.5vw, 42px); }
  .explore-detail-meta { font-size: 16px; }
  .explore-detail-badge { padding: 8px 13px; border-color: #737a73; color: #e0e3dc; font-size: 14px; }
  .explore-detail-actions { margin: 18px 0 24px; }
  .explore-detail-actions .explore-detail-link.workspace-primary { min-height: 40px; padding: 9px 16px; background: #0a66c2; border-color: #0a66c2; color: white; font-size: 13px; font-weight: 650; }
  .explore-detail-actions .explore-detail-link.workspace-primary:hover { background: #004182; }
  .explore-detail-actions .explore-detail-save { min-height: 40px; padding: 9px 16px; border-color: #9bceb0; background: #9bceb0; color: #1b2c20; font-size: 13px; font-weight: 650; }
  .explore-detail-actions .explore-detail-save:hover { border-color: #b9e1c4; background: #b9e1c4; }
  .explore-detail-actions > .workspace-secondary:not(.explore-detail-save) { min-height: 40px; padding: 9px 16px; border-color: #6a628b; background: #403b58; color: #e0dcff; font-size: 13px; }
  .explore-detail-actions > .workspace-secondary:not(.explore-detail-save):hover { border-color: #9389bd; background: #51496f; }
  .explore-detail-section { max-width: 90ch; margin-top: 24px; padding-top: 20px; }
  .explore-detail-section h4 { font-size: 22px; }
  .explore-detail-section p { font-size: clamp(16px, 1.05vw, 18px); line-height: 1.75; }
}
@media (max-width: 760px) {
  .workspace-view.is-explore-split { display: block; overflow: auto; padding: 17px 14px 24px; }
  .is-explore-split > .workspace-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .is-explore-split > .workspace-filter-grid .workspace-field:first-child { grid-column: 1 / -1; }
  .is-explore-split > .workspace-toolbar { flex-wrap: wrap; }
  .is-explore-split .workspace-filter-flags { margin-left: 0; }
  .is-explore-split > .workspace-results { display: block; overflow: visible; }
  .explore-split-layout { display: grid; grid-template-columns: minmax(0, 1fr); min-height: auto; overflow: visible; }
  .explore-list-pane { max-height: 44dvh; border-right: 0; border-bottom: 1px solid #4b534a; }
  .explore-detail-pane { min-height: 280px; overflow: visible; padding: 20px 16px 30px; }
  .explore-detail-empty { min-height: 280px; padding: 32px 22px; }
  .explore-job-main { min-height: 100px; }
}
@media (min-width: 761px) and (max-width: 1120px) {
  .is-explore-split > .workspace-filter-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .is-explore-split > .workspace-filter-grid .workspace-field:first-child { grid-column: span 2; }
  .explore-split-layout { grid-template-columns: minmax(320px, .88fr) minmax(0, 1.12fr); }
}
body.jobs-page { min-height: 100dvh; overflow: hidden; background: #202423; }
body.jobs-page .page { display: none; }
body.jobs-page .workspace-dialog.is-subpage {
  position: fixed;
  inset: 0;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.jobs-page .workspace-dialog.is-subpage::backdrop { background: transparent; }
body.jobs-page #workspace-close { border-color: #576058; }
body.jobs-page #workspace-close svg { display: block; width: 18px; height: 18px; }
body.jobs-page #workspace-close:hover { border-color: #849087; }
.explore-job-save[aria-pressed="true"] { color: #f3ce52; }
.explore-job-save[aria-pressed="true"]::after { content: '★'; color: #f3ce52; }
.explore-split-layout.is-empty { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; min-height: 360px; border-color: #515b50; background: radial-gradient(ellipse at 50% 38%, #354039 0, #292e2b 54%); }
  .explore-empty-state { display: grid; justify-items: center; width: min(560px, calc(100% - 36px)); padding: 42px 24px; text-align: center; }
.explore-empty-icon { display: grid; width: 64px; height: 64px; place-items: center; margin-bottom: 20px; border: 1px solid #798c78; border-radius: 22px; background: #3a463c; color: #b8d5bc; font-size: 39px; line-height: 1; }
.explore-empty-state h3 { margin: 0; color: #e5eadf; font-size: clamp(23px, 3vw, 31px); font-weight: 600; letter-spacing: -.035em; }
.explore-empty-state p { max-width: 43ch; margin: 10px 0 22px; color: #aeb9ad; font-size: 15px; line-height: 1.65; }
.explore-empty-reset { min-height: 42px; padding: 10px 17px; border-radius: 999px; background: #a7d3b7; color: #1d2821; font-size: 13px; }
.explore-loading-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.explore-loading-count-row { display: flex; flex: 0 0 40px; align-items: center; border-bottom: 1px solid #454c46; }
.explore-loading-count { width: 96px; height: 14px; }
.explore-loading-layout { border-color: #4d5b50; }
.explore-loading-card { display: flex; min-height: 124px; gap: 14px; padding: 18px; border-bottom: 1px solid #414941; }
.explore-loading-lines { display: grid; flex: 1; align-content: start; gap: 12px; padding-top: 3px; }
.explore-skeleton { display: block; border-radius: 7px; background: linear-gradient(100deg, #39443d 8%, #506353 27%, #39443d 45%); background-size: 240% 100%; animation: explore-shimmer 1.7s ease-in-out infinite; }
.explore-loading-logo { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 10px; }
.explore-loading-title { width: min(70%, 280px); height: 18px; }
.explore-loading-company { width: min(38%, 150px); height: 14px; }
.explore-loading-meta { width: min(85%, 350px); height: 12px; }
.explore-loading-detail { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 32px; }
.explore-loading-detail-logo { width: 64px; height: 64px; border-radius: 12px; }
.explore-loading-detail-title { width: min(75%, 360px); height: 29px; margin-top: 8px; }
.explore-loading-detail-meta { width: min(55%, 250px); height: 14px; }
.explore-loading-detail-copy { width: min(95%, 530px); height: 13px; margin-top: 25px; }
.explore-loading-detail-copy.is-short { width: min(70%, 350px); margin-top: 0; }
.explore-error-layout { border-color: #82675e; background: radial-gradient(ellipse at 50% 38%, #403a36 0, #292e2b 55%); }
.explore-error-icon { border-color: #aa8675; background: #514139; color: #edc5ad; font-size: 33px; font-weight: 600; }
@keyframes explore-shimmer { to { background-position-x: -240%; } }
@media (prefers-reduced-motion: reduce) { .explore-skeleton { animation: none; background: #435248; } }
@media (max-width: 760px) { .explore-loading-detail { display: none; } }
@media (max-width: 760px) {
  .explore-empty-state { padding: 34px 18px; }
}

/* Responsive layout refinements for tablets, phones, and viewport resizing. */
.workspace-dialog, .role-dialog, .jobs-dialog, .assistant-panel { box-sizing: border-box; }
.workspace-view, .role-view, .workspace-shell, .role-shell, .jobs-window { min-width: 0; }
.workspace-view :where(h1, h2, h3, h4, p, span, a, button),
.role-view :where(h1, h2, h3, h4, p, span, a, button) { overflow-wrap: anywhere; }

@media (min-width: 561px) and (max-width: 900px) {
  .workspace-dialog, .role-dialog { inset: 10px; width: auto; height: auto; max-height: none; margin: 0; border-radius: 16px; }
  .workspace-header, .role-header { padding: 16px 20px 14px; }
  .workspace-view, .role-view { padding: 18px 20px 24px; }
  .workspace-view.is-explore-split { display: block; overflow: auto; padding: 14px 18px 24px; }
  .is-explore-split > .workspace-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .is-explore-split > .workspace-filter-grid .workspace-field:first-child { grid-column: span 2; }
  .is-explore-split > .workspace-results { display: block; overflow: visible; }
  .explore-split-layout { grid-template-columns: minmax(0, 1fr); min-height: auto; overflow: visible; }
  .explore-list-pane { max-height: 42dvh; border-right: 0; border-bottom: 1px solid #4b534a; }
  .explore-detail-pane { min-height: 300px; overflow: visible; padding: 26px clamp(24px, 5vw, 48px) 34px; }
  .explore-detail-empty { min-height: 300px; }
  .workspace-toolbar { flex-wrap: wrap; }
  .jobs-dialog { inset: 10px; width: auto; height: auto; max-height: calc(100dvh - 20px); border-radius: 16px; }
  .jobs-window { max-height: calc(100dvh - 20px); }
}

@media (max-width: 560px) {
  html, body { min-width: 320px; }
  .page { min-height: 100svh; padding: max(16px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom)); gap: 20px; }
  .company-picker { padding-right: 0; padding-left: 0; }
  .company-picker h1 { font-size: clamp(27px, 8vw, 38px); }
  .picker-description { max-width: 34ch; margin-right: auto; margin-left: auto; }
  .home-search-box { min-width: 0; }
  .home-search-box input { font-size: 16px; }
  .workspace-dialog, .role-dialog, .jobs-dialog { inset: 0; width: 100%; height: 100%; max-height: 100%; margin: 0; border: 0; border-radius: 0; }
  .workspace-shell, .role-shell, .jobs-window { height: 100%; max-height: 100%; padding-bottom: env(safe-area-inset-bottom); }
  .workspace-header, .role-header { align-items: center; padding: calc(12px + env(safe-area-inset-top)) 14px 11px; }
  .workspace-brand { gap: 8px; }
  .workspace-brand-logo { width: 34px; height: 34px; flex-basis: 34px; }
  .workspace-header h2, .role-header h2 { font-size: clamp(21px, 6vw, 27px); }
  .workspace-tabs { min-height: 48px; }
  .workspace-tab { min-height: 46px; }
  .workspace-view.is-explore-split { padding: 12px 12px calc(22px + env(safe-area-inset-bottom)); }
  .is-explore-split > .workspace-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .is-explore-split > .workspace-filter-grid .workspace-field:first-child { grid-column: 1 / -1; }
  .is-explore-split > .workspace-filter-grid .workspace-field { min-width: 0; }
  .is-explore-split > .workspace-filter-grid .workspace-select-trigger,
  .is-explore-split > .workspace-filter-grid input[type="search"] { width: 100%; min-width: 0; }
  .explore-list-pane { max-height: min(46dvh, 420px); }
  .explore-job-main { gap: 11px; padding: 14px 52px 14px 12px; }
  .explore-job-title { font-size: 16px; }
  .explore-job-meta, .explore-job-salary { font-size: 12px; }
  .explore-detail-pane { min-height: 250px; padding: 22px 16px 28px; }
  .explore-detail-empty { min-height: 250px; padding: 30px 14px; }
  .explore-detail-empty p { font-size: 14px; }
  .explore-detail-title { font-size: clamp(27px, 8vw, 36px); overflow-wrap: anywhere; }
  .explore-detail-company { gap: 11px; }
  .explore-detail-actions > * { min-height: 42px; }
  .jobs-header { padding-right: 14px; padding-left: 14px; }
  .jobs-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-right: 12px; padding-left: 12px; }
  .jobs-quick-filters { padding-right: 12px; padding-left: 12px; }
  .jobs-footer { flex-wrap: wrap; gap: 10px 16px; }
}

@media (max-width: 380px) {
  .page { padding-right: 12px; padding-left: 12px; }
  .home-search-box { gap: 7px; padding-left: 12px; }
  .home-search-submit { padding-right: 12px; padding-left: 12px; }
  .workspace-view.is-explore-split { padding-right: 8px; padding-left: 8px; }
  .is-explore-split > .workspace-filter-grid { gap: 6px; }
  .explore-job-main { padding-right: 46px; }
  .explore-job-save { right: 7px; }
  .jobs-filters { gap: 6px; }
  .jobs-filter-trigger { padding-right: 8px; padding-left: 8px; }
}

@media (max-height: 560px) {
  .workspace-dialog, .role-dialog, .jobs-dialog { inset: 0; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .workspace-header, .role-header { padding-top: max(8px, env(safe-area-inset-top)); padding-bottom: 8px; }
  .workspace-tabs { padding-top: 2px; }
  .workspace-view, .role-view { padding-top: 12px; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  .explore-list-pane { max-height: 38dvh; }
}
/* V41: common filters stay visible; optional controls open on request. */
.workspace-secondary-filters[hidden], .workspace-active-filters[hidden] { display: none !important; }
.workspace-more-filters { min-height: 40px; align-self: end; white-space: nowrap; }
.workspace-more-filters[aria-expanded="true"] { border-color: #9cd1ad; }
.workspace-secondary-filters { margin-top: 8px; }
.workspace-secondary-filters .workspace-filter-flags { align-self: end; margin: 0; }
.workspace-active-filters { display: flex; flex-wrap: wrap; gap: 6px; max-height: 64px; margin: 9px 0 2px; overflow: auto; }
.is-explore-split > .workspace-active-filters { flex: 0 0 auto; }
.workspace-active-filter-chip { max-width: 260px; padding: 5px 10px; border: 1px solid #668474; border-radius: 999px; background: #32463a; color: #cde7d4; font: inherit; font-size: 11px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.is-explore-split > .workspace-filter-grid { grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(110px, 1fr)); }
.is-explore-split > .workspace-filter-grid.workspace-secondary-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.is-explore-split > .workspace-secondary-filters .workspace-field:first-child { grid-column: auto; }
.is-explore-split > .workspace-filter-grid .workspace-more-filters { min-height: 42px; border-radius: 24px; font-size: 13px; }
@media (max-width: 900px) {
  .is-explore-split > .workspace-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .is-explore-split > .workspace-filter-grid.workspace-secondary-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .is-explore-split > .workspace-filter-grid .workspace-field:first-child { grid-column: 1 / -1; }
  .is-explore-split > .workspace-secondary-filters .workspace-field:first-child { grid-column: auto; }
}

/* V44 search history stays out of the filter row until the search box is focused. */
.workspace-search-wrap { position: relative; z-index: 32; min-width: 0; }
.workspace-search-wrap .workspace-field { min-width: 0; }
.workspace-search-history { position: absolute; top: calc(100% + 6px); left: 0; width: min(360px, 92vw); max-height: 280px; overflow-y: auto; padding: 7px; border: 1px solid #566458; border-radius: 12px; background: #292f2b; box-shadow: 0 16px 32px #0009; }
.workspace-search-history[hidden] { display: none; }
.workspace-search-history-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 5px 8px 8px; color: #aab9ab; font-size: 11px; }
.workspace-search-history-clear { border: 0; background: transparent; color: #a9d5b8; font: inherit; cursor: pointer; }
.workspace-search-history-item { display: block; width: 100%; padding: 9px 10px; border: 0; border-radius: 7px; background: transparent; color: #e2e9df; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.workspace-search-history-item:hover, .workspace-search-history-item:focus-visible { background: #3a493e; outline: none; }
@media (min-width: 901px) and (max-width: 1120px) {
  .is-explore-split > .workspace-filter-grid .workspace-search-wrap:first-child { grid-column: span 2; }
}
@media (max-width: 900px) {
  .is-explore-split > .workspace-filter-grid .workspace-search-wrap:first-child { grid-column: 1 / -1; }
}

/* V54: compact filters and a single reading surface on small screens. */
.workspace-mobile-filters, .workspace-mobile-filters-done, .explore-mobile-back { display: none; }
@media (max-width: 900px) {
  .workspace-view.is-explore-split { display: block; overflow: auto; -webkit-overflow-scrolling: touch; }
  .is-explore-split > .workspace-intro { display: none; }
  .is-explore-split > .workspace-filter-grid { grid-template-columns: minmax(0, 1fr); }
  .is-explore-split > .workspace-filter-grid .workspace-search-wrap:first-child { grid-column: 1 / -1; }
  .is-explore-split > .workspace-filter-grid > .workspace-field,
  .is-explore-split > .workspace-filter-grid > .workspace-more-filters { display: none; }
  .workspace-mobile-filters { display: block; justify-self: start; min-height: 44px; padding: 10px 16px; border-radius: 24px; font-size: 14px; }
  .workspace-mobile-filters[aria-expanded="true"] { border-color: #9bceb0; }
  .is-explore-split.mobile-filters-open > .workspace-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .is-explore-split.mobile-filters-open > .workspace-filter-grid > .workspace-field { display: grid; }
  .is-explore-split.mobile-filters-open .workspace-mobile-filters { grid-column: 1 / -1; grid-row: 2; }
  .is-explore-split > .workspace-filter-grid.workspace-secondary-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-mobile-filters-done { display: block; min-height: 44px; font-size: 14px; }
  .workspace-secondary-filters .workspace-filter-flags { grid-column: 1 / -1; flex-wrap: wrap; }
  .is-explore-split > .workspace-filter-grid .workspace-field { min-width: 0; }
  .is-explore-split > .workspace-filter-grid .workspace-field > span { display: none; }
  .is-explore-split > .workspace-filter-grid .workspace-select-trigger,
  .is-explore-split > .workspace-filter-grid input[type="search"] { min-height: 46px; padding: 11px 12px; font-size: 16px; border-radius: 24px; }
  .is-explore-split .workspace-check { min-height: 44px; font-size: 13px; }
  .workspace-menu-search input, .workspace-search-history-item { font-size: 16px; }
  .workspace-menu-option { min-height: 44px; font-size: 14px; }
  .workspace-filter-menu { max-height: calc(100dvh - 24px); max-height: min(420px, calc(100dvh - 24px)); overflow: auto; }
  .workspace-active-filters { max-height: none; overflow: visible; }
  .workspace-active-filter-chip { min-height: 44px; max-width: 100%; white-space: normal; font-size: 12px; }
  .is-explore-split > .workspace-results { display: block; overflow: visible; }
  .explore-split-layout { display: block; min-height: 0; overflow: visible; }
  .explore-list-pane { max-height: none; overflow: visible; border-right: 0; border-bottom: 0; }
  .explore-detail-pane { display: none; }
  .explore-job-main { min-height: 112px; gap: 10px; padding: 16px 62px 16px 12px; }
  .explore-job-title { font-size: 16px; line-height: 1.4; }
  .explore-job-meta, .explore-job-salary { font-size: 13px; }
  .explore-job-save { right: 8px; width: 44px; min-width: 44px; min-height: 44px; padding: 0; border: 0; font-size: 0; }
  .explore-job-save::after { content: '☆'; font-size: 24px; line-height: 1; }
  .is-mobile-detail > :not(.workspace-results),
  .is-mobile-detail > .workspace-results > .workspace-count,
  .is-mobile-detail .explore-list-pane { display: none !important; }
  .is-mobile-detail .explore-detail-pane { display: block; min-height: 0; overflow: visible; padding: 16px 14px 28px; }
  .explore-mobile-back { display: block; min-height: 44px; margin-bottom: 20px; font-size: 14px; }
  .explore-detail-title { font-size: clamp(25px, 5vw, 34px); }
  .explore-detail-actions { align-items: stretch; }
  .explore-detail-actions > * { min-height: 44px; padding: 10px 14px; }
  .explore-detail-section p { font-size: 16px; overflow-wrap: anywhere; }
  .explore-pagination { flex-wrap: wrap; }
  .explore-pagination button { min-height: 44px; }
  .workspace-close { width: 44px; height: 44px; flex-basis: 44px; }
  .workspace-header h2 { font-size: clamp(18px, 4.5vw, 24px); }
  .workspace-search-history { max-width: 100%; }
}
@media (max-width: 560px) {
  .workspace-dialog, .role-dialog, .jobs-dialog { height: 100dvh; max-height: 100dvh; }
  .workspace-brand-logo { width: 30px; height: 30px; flex-basis: 30px; }
  .workspace-tabs { padding: 0 12px; }
  .workspace-tab { min-height: 44px; font-size: 13px; }
  .role-view input, .role-view textarea, .workspace-view input, .workspace-view textarea { font-size: 16px; }
}
@media (max-width: 380px) {
  .is-explore-split.mobile-filters-open > .workspace-filter-grid,
  .is-explore-split > .workspace-filter-grid.workspace-secondary-filters { grid-template-columns: minmax(0, 1fr); }
  .explore-job-main .company-logo-v6-small { width: 34px; height: 34px; }
}
@media (pointer: coarse) {
  .workspace-select-trigger, .workspace-small-button, .workspace-menu-option,
  .workspace-primary, .workspace-secondary { min-height: 44px; }
  .workspace-field input, .workspace-field select, .workspace-field textarea { font-size: 16px; }
}
/* Keep dropdowns above the search history, including short landscape screens. */
.workspace-filter-menu { z-index: 40; }