/* The whole panel gains mint intensity with its real score; no score animation. */
.job-match-summary,.job-match-panel{--match-color:#234f3e;--match-surface:color-mix(in srgb,#b9f2d7 calc(var(--match-percent,0)*1%),#edf4ef)}
.job-match-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;min-width:0;padding:1.25rem;border:1px solid #b8dbc7;border-radius:14px;background:var(--match-surface);color:var(--match-color)}
.job-match-summary.match-empty,.job-match-panel.match-empty{--match-surface:#f2f4f3;--match-color:#485a51;border-color:#d9e0dc}
.job-match-ring{position:relative;width:6.75rem;height:6.75rem;flex:0 0 6.75rem;display:grid;place-items:center;color:var(--match-color)}
.job-match-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.job-match-ring circle{fill:none;stroke-width:4}
.job-match-track{stroke:currentColor;opacity:.22}
.job-match-value{stroke:currentColor;stroke-linecap:round}
.job-match-ring>strong{position:relative;display:block;font-family:Inter,Arial,sans-serif;font-size:1.75rem;font-weight:400;letter-spacing:-.035em;line-height:1;color:inherit;font-variant-numeric:tabular-nums}
.job-match-ring>strong span{font-size:.75rem;letter-spacing:0;margin-left:2px}
.job-match-ring .job-match-unscored{display:grid;place-items:center;width:84%;height:84%;border:5px solid #d6dfd9;border-radius:50%;font-size:1.75rem;color:inherit}
.job-match-copy{min-width:0}
.job-match-status{display:block;font-size:.7rem;font-weight:700;line-height:1.5;margin-bottom:.375rem;color:inherit}
.product-page .job-match-copy h2{font-size:1.1rem;line-height:1.35;margin:0 0 .5rem;color:inherit}
.product-page .job-match-copy>strong{display:block;font-size:1rem;line-height:1.35;letter-spacing:-.02em;color:inherit}
.product-page .job-match-copy p{font-size:.8125rem;line-height:1.5;margin:.375rem 0 0;color:inherit}
.job-match-partial{display:block;font-size:.75rem;line-height:1.5;margin-top:.375rem;color:inherit}
.job-match-profile{display:inline-flex;align-items:center;gap:.375rem;min-height:44px;font-size:.875rem;font-weight:700;color:#165e46;text-underline-offset:3px;overflow-wrap:anywhere}
.job-match-profile:hover{text-decoration-thickness:2px}
.job-match-profile:focus-visible,.job-match-more>summary:focus-visible{outline:3px solid #514ce4;outline-offset:4px;border-radius:6px}
.job-match-reasons{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0 0;margin:0;list-style:none;border-top:1px solid #234f3e20}
.job-match-reasons li{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:6px;background:#ffffff80;font-size:.6875rem;font-weight:600;line-height:1.5}
.job-match-summary.is-compact{gap:.625rem 1rem;padding:1rem 1.125rem}
.job-match-summary.is-compact .job-match-ring{width:4.75rem;height:4.75rem;flex-basis:4.75rem}
.job-match-summary.is-compact .job-match-ring>strong{font-size:1.25rem}
.job-match-summary.is-compact .job-match-ring>strong span{font-size:.625rem}
.job-match-summary.is-compact .job-match-copy p{font-size:.75rem}
.job-match-summary.is-compact .job-match-profile{font-size:.8125rem}
.catalog-offer-top{display:grid;grid-template-columns:minmax(0,1fr);gap:1.125rem;align-items:start}
.catalog-offer-top .job-match-summary{width:100%;max-width:none}
.product-page .catalog-offer-actions .btn.job-match-apply{--match-cta-surface:#b9f2d7;--match-cta-color:#234f3e;margin-left:auto;min-height:44px;max-width:100%;padding:.75rem 1rem;background:var(--match-cta-surface);border-color:#91cfb3;color:var(--match-cta-color);font-size:.875rem;font-weight:700;line-height:1.4;white-space:normal;text-align:center;text-wrap:balance}
.product-page .catalog-offer-actions .btn.job-match-apply:hover{background:#a5e9c9;border-color:#68b992;color:#193e30}
.product-page .catalog-offer-actions .btn.job-match-apply:focus-visible{outline:3px solid var(--match-cta-color);outline-offset:3px}
@media(max-width:1100px){.product-page .catalog-offer-actions .btn.job-match-apply{flex-basis:100%;margin-left:0}}
.job-card-match{margin-top:1.25rem}
.product-page .job-match-panel{padding:0;border-color:#b8dbc7;background:var(--match-surface);overflow:hidden}
.job-match-panel>.job-match-summary{border-radius:17px 17px 0 0;border:0;padding:1.5rem}
.job-match-context{font-size:.75rem!important;line-height:1.6!important;color:#4d6256;margin:0!important;padding:1rem 1.5rem}
.job-match-more{margin:0 1.5rem 1rem;border-top:1px solid #cadbd1;padding-top:.375rem}
.product-page .job-match-more>summary{min-height:48px;display:list-item;align-content:center;cursor:pointer;font-size:.875rem;font-weight:700;line-height:1.5;list-style-position:inside;color:#165e46}
.job-match-more>summary:hover{text-decoration:underline;text-underline-offset:4px}
.job-match-explainer>p{font-size:.8125rem;line-height:1.6;margin:.75rem 0 1rem;color:#526258}
.job-match-criteria{display:grid;gap:.625rem;padding:0;margin:0 0 .75rem;list-style:none}
.job-match-preview{padding:0 1.5rem;margin-bottom:1.25rem}
.job-match-criterion{padding:.875rem 1rem;border:1px solid #c7ddcf;border-radius:10px;background:#e5f0e9;color:#214b36}
.job-match-criterion.is-different{border-color:#e6d7be;background:#f8f1e6;color:#694619}
.job-match-criterion.is-unknown{border-color:#dce1de;background:#f1f3f2;color:#536258}
.job-match-criterion>div{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.375rem .75rem}
.job-match-criterion strong{font-size:.875rem;font-weight:700}
.job-match-criterion span{font-size:.6875rem;font-weight:700;color:inherit;line-height:1.5}
.job-match-criterion span b{font-weight:700;margin-right:2px}
.job-match-criterion p{font-size:.75rem;line-height:1.6;margin:.375rem 0 0;color:inherit;overflow-wrap:anywhere}
@media(max-width:767px){.product-page .job-detail-side .job-match-panel{grid-row:2}.product-page .job-detail-main{grid-row:3}}
@media(max-width:640px){.job-match-summary.is-full{gap:.75rem}.job-match-summary.is-full .job-match-ring{width:5.75rem;height:5.75rem;flex-basis:5.75rem}.product-page .job-match-copy h2{font-size:1rem}.job-match-panel>.job-match-summary{padding:1.25rem}.job-match-context,.job-match-preview{padding-left:1.25rem;padding-right:1.25rem}.job-match-more{margin-left:1.25rem;margin-right:1.25rem}}
@media(max-width:380px){.job-match-summary.is-compact{padding:.875rem;gap:.625rem}.job-match-summary.is-compact .job-match-ring{width:4rem;height:4rem;flex-basis:4rem}.job-match-summary.is-compact .job-match-ring>strong{font-size:1.125rem}.product-page .job-match-summary.is-compact .job-match-copy>strong{font-size:.875rem}.job-match-summary.is-full .job-match-ring{width:4.75rem;height:4.75rem;flex-basis:4.75rem}.job-match-ring>strong{font-size:1.5rem}}
