@import url("ui/features.css");
/* Compact search rows and one accessible native detail drawer. */
.job-compact{position:relative;padding:1rem 3.5rem 1rem 1.25rem!important;display:block!important;margin:0!important;min-width:0}
.job-compact .job-open{display:block;text-align:left;background:none;border:0;padding:0;color:var(--text,#26352e);font:inherit;font-size:1.05rem;font-weight:650;white-space:normal;overflow-wrap:anywhere;box-shadow:none}
.job-compact .job-open:hover{text-decoration:underline}
.job-compact p{margin:.35rem 0 0;font-size:.88rem}.job-compact-status{color:var(--muted,#66746c)}
.job-original-arrow{position:absolute;top:1rem;right:1rem;padding:.35rem;font-size:1.25rem}
.job-results{display:grid;gap:.6rem}.job-results>.hint{margin:.3rem 0}
.job-detail-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(660px,95vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--border,#dce2dc);border-radius:18px 0 0 18px;padding:0;background:var(--surface,#fff);color:var(--text,#26352e);overflow:auto;box-shadow:-12px 0 50px #0002}
.job-detail-drawer::backdrop{background:#17231c66}.job-detail-header{position:sticky;top:0;z-index:1;padding:1.3rem 1.5rem;background:inherit;display:flex;gap:1rem;justify-content:space-between;border-bottom:1px solid var(--border,#dce2dc)}
.job-detail-header h2{font-size:1.4rem;margin:0;overflow-wrap:anywhere}.job-detail-header p{margin:.35rem 0}.job-detail-controls{display:flex;align-items:flex-start;gap:.75rem;flex-shrink:0}.job-detail-controls a{font-size:1.4rem;padding:.3rem}
.job-detail-body{padding:1.2rem 1.5rem}.job-detail-body .job-content-group{margin:1.5rem 0;border:0;padding:0}.job-detail-body .job-requirement{border:0;border-bottom:1px solid var(--border,#dce2dc);border-radius:0;background:none;padding:.8rem 0;gap:1rem}.job-detail-body .match-met .job-requirement-label{background:#68a47c1a;border-radius:4px;padding:2px 4px}.job-detail-body .match-not_met .requirement-status{color:#a56536}.job-detail-body .match-unknown .requirement-status{color:var(--muted,#66746c)}
.job-detail-body .job-evidence{font-size:.85rem;margin-top:.4rem}.job-detail-body .job-evidence blockquote{margin:.5rem 0;padding:.4rem .7rem;overflow-wrap:anywhere}.job-detail-loading{min-height:120px;padding:1rem;background:var(--surface-alt,#f4f6f3);border-radius:12px}
[data-theme=dark] .job-detail-drawer{background:#202925;color:#edf2ed}[data-theme=dark] .job-compact .job-open{color:#edf2ed}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .job-detail-drawer{background:#202925;color:#edf2ed}:root:not([data-theme=light]) .job-compact .job-open{color:#edf2ed}}
@media(max-width:600px){.job-detail-drawer{width:100vw;border-radius:0}.job-detail-header,.job-detail-body{padding:1rem}.job-detail-header{position:relative}.job-detail-controls{gap:.3rem}.job-detail-body .job-requirement{flex-wrap:wrap}.job-compact{padding:1rem 3rem 1rem 1rem!important}}
/* Scope overrides above the existing workspace requirement styles. */
.job-detail-drawer .job-detail-body .job-requirement{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:.8rem 0}
.job-detail-drawer .job-detail-body .match-unknown>.requirement-status{color:var(--muted);background:var(--surface-raised)}
.job-detail-drawer .job-detail-body .match-not_met>.requirement-status{color:#9d6439;background:#a36c3812}
.job-detail-drawer .job-detail-body .match-met>.requirement-status{color:#377451;background:#54946c15}
/* CV source-to-capability comparison, scoped to existing profile cards. */
#profile-items .cv-evidence-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0 0 18px;min-width:0}
.cv-evidence-card .cv-experience-heading h4{font-size:22px;margin:0 0 8px}.cv-experience-heading{padding-bottom:16px}.cv-evidence-card .profile-experience-context{font-size:16px;margin:0}.cv-evidence-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.cv-original-column,.cv-capability-column{min-width:0}.cv-evidence-columns h5{font-size:18px;color:var(--text);margin:0 0 16px;font-weight:600}.cv-evidence-columns h6{font-size:16px;margin:0 0 12px;font-weight:600}
.cv-evidence-guide{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 24px;padding:12px 16px;background:var(--surface-raised);border-radius:8px;border-left:3px solid var(--accent)}
.cv-source-text{font-size:18px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}.cv-source-text.is-collapsed:not(.is-expanded){max-height:340px;overflow:hidden;mask-image:linear-gradient(#000 85%,transparent)}.cv-source-toggle{font-size:16px;min-height:44px;margin-top:12px}
.cv-evidence-card pre.cv-source-text{font-family:inherit;margin:0;padding:0;background:transparent;border:0;white-space:pre-wrap;word-break:normal;color:inherit;max-width:100%}
.cv-capability-column .cv-skill-tags{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.cv-capability-column .cv-skill-tag{margin:0;column-gap:8px;row-gap:4px;flex-wrap:wrap}
#cv-evidence-notice{margin:0 0 20px}.profile-result .profile-strength-list li{grid-template-columns:minmax(100px,150px) minmax(0,1fr);column-gap:20px;row-gap:6px;padding:6px 0}.profile-result .profile-strength-list li:has(>span:only-child){grid-template-columns:1fr}
@media(max-width:650px){.profile-result .profile-strength-list li{grid-template-columns:1fr;gap:6px}}
.cv-capability-column{border-left:1px solid var(--line);padding-left:28px}.cv-skill-group{margin:0 0 24px}.cv-skill-tags{display:flex;gap:10px;flex-wrap:wrap}.cv-skill-tag{display:inline-flex;gap:8px;align-items:center;font-size:16px;line-height:1.5;font-weight:500;background:var(--surface-raised,var(--bg));border:1px solid var(--line);color:var(--text);border-radius:9px;padding:10px 13px;min-height:46px;box-shadow:none;max-width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere}
.cv-activity{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line)}.cv-activity-button{display:block;text-align:left;max-width:100%;white-space:normal;overflow-wrap:anywhere;background:transparent;color:var(--text);font-size:17px;font-weight:600;padding:8px 10px;border:1px solid transparent;border-radius:8px;min-height:44px;box-shadow:none}.cv-activity-button:hover,.cv-activity-button.is-highlighted{background:var(--accent-soft);border-color:var(--accent)}.cv-activity-button:focus-visible,.cv-activity-button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.cv-contribution-scope{display:block;margin:4px 10px 12px;font-size:14px;color:var(--muted)}.cv-activity .cv-skill-tags{gap:8px}.cv-activity .cv-skill-tag{font-size:14px;padding:7px 10px}.cv-more-activities>summary{cursor:pointer;padding:10px 0;min-height:44px}.cv-evidence-scope{font-size:14px;line-height:1.6;padding:12px;background:var(--surface-raised);border-left:2px solid var(--accent);border-radius:6px}.job-relevance-list{display:grid;gap:12px}.job-relevance-item{padding:12px;border:1px solid var(--line);border-radius:8px}.job-relevance-item summary{cursor:pointer}.job-relevance-status{display:block;color:var(--muted);font-size:14px;margin:6px 0}
.cv-skill-tag:hover,.cv-skill-tag.is-highlighted{background:var(--accent-soft);border-color:var(--accent)}.cv-skill-tag[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.cv-skill-tag:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cv-skill-inference{font-size:13px;color:var(--muted);font-weight:400;white-space:nowrap}
.cv-evidence-available,.cv-evidence-highlight{color:#352900;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 0}.cv-evidence-available{background:#fff0ad;text-decoration:underline;text-decoration-color:#c49622;text-underline-offset:3px}.cv-evidence-highlight{background:#ffd34e;box-shadow:0 2px 0 #a96b00;transition:background-color .15s ease}
[data-theme=dark] .cv-evidence-available{background:#55451f;color:#fff0bd;text-decoration-color:#d5ad52}[data-theme=dark] .cv-evidence-highlight{background:#f3c649;color:#2b2100;box-shadow:0 2px 0 #ffe5a0}
.cv-experience-context dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;margin:0;font-size:16px;line-height:1.7}.cv-experience-context dt{color:var(--muted)}.cv-experience-context dd{margin:0;overflow-wrap:anywhere}.cv-evidence-note{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.cv-skill-empty{font-size:16px;line-height:1.75}
@media(max-width:1000px){.cv-evidence-columns{grid-template-columns:1fr;gap:24px}.cv-capability-column{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){#profile-items .cv-evidence-card{padding:20px 18px;margin-bottom:14px}.cv-source-text{font-size:17px}.cv-evidence-card .cv-experience-heading h4{font-size:21px}.cv-evidence-guide{font-size:14px;padding:12px}.cv-experience-heading{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.cv-evidence-highlight{transition:none}}
/* Existing cards: one native keyboard/touch scroll lane. */
.cv-skill-scroll{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:16px}
.cv-skill-rail{display:flex;flex:1;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 3px 12px;scrollbar-width:thin}
.cv-skill-rail .cv-skill-tag{flex:none;flex-wrap:nowrap;max-width:none;white-space:nowrap;font-size:14px;padding:8px 10px}
.cv-skill-scroll-arrow{flex:none;min-width:32px;min-height:44px;padding:3px;font-size:24px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.cv-clarification,.cv-answer-source{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}
.cv-clarification h5{margin-bottom:10px}.cv-clarification-question{font-weight:550;line-height:1.6;margin:0 0 12px}
.cv-clarification-options{border:0;padding:0;margin:0 0 12px;display:grid;gap:8px;min-width:0}
.cv-clarification-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:0;border:1px solid var(--line);border-radius:9px;font-size:15px;line-height:1.6;cursor:pointer;background:var(--surface)}
.cv-clarification-option:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
.cv-clarification-option input{width:17px;height:17px;flex:none;margin-top:4px;accent-color:var(--accent)}
.cv-clarification-option span{min-width:0;overflow-wrap:anywhere}.cv-custom-label{display:block;font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:8px}
.cv-clarification textarea{width:100%;min-height:80px;max-height:220px;resize:vertical;box-sizing:border-box;font-size:15px}
.cv-clarification-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cv-clarification-actions button{font-size:14px;min-height:44px;padding:9px 12px}
.cv-clarification-status{margin:12px 0 0}.cv-clarification-status:empty{display:none}.cv-clarification-status.is-error{color:var(--danger,#ad4d47)}
.cv-answer-source .cv-source-text{font-size:16px}.cv-answer-source .hint{font-size:13px;margin:0 0 12px}.cv-answer-source h5{margin-bottom:8px}
@media(max-width:700px){.cv-skill-scroll{gap:4px}.cv-skill-scroll-arrow{min-width:28px}.cv-clarification-option{padding:10px;font-size:14px}}