.compare-job{min-width:48px;min-height:36px;padding:5px 9px;border:1px solid #b7c9b3;border-radius:6px;background:white;color:var(--green,#254d43);font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.compare-job[aria-pressed=true]{background:var(--green,#254d43);border-color:var(--green,#254d43);color:white}.compare-job:hover{box-shadow:0 0 0 2px #254d4314}.compare-job:focus-visible,.job-compare-bar button:focus-visible,.job-compare-dialog button:focus-visible,.job-compare-dialog a:focus-visible,.jc-scroll:focus-visible{outline:3px solid #7c9b55;outline-offset:3px}
.jc-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.job-compare-bar[hidden]{display:none}.job-compare-bar{position:fixed;z-index:1050;left:50%;bottom:18px;transform:translateX(-50%);width:min(980px,calc(100% - 36px));box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 15px;background:white;border:1px solid #bdceb7;border-radius:10px;box-shadow:0 5px 25px #16382c26;color:var(--green,#254d43)}.jc-bar-count{flex-shrink:0}.jc-bar-count strong{display:block;font-size:12px}.jc-bar-count small{font-size:10px;color:var(--sub,#627364)}.jc-bar-jobs{display:flex;gap:6px;min-width:0;flex:1}.jc-bar-job{display:flex;align-items:center;gap:4px;min-width:0;max-width:190px;background:#f2f6ed;border-radius:5px;padding:2px 2px 2px 8px;font-size:10px}.jc-bar-job>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-bar-job button{flex-shrink:0;min-width:32px;min-height:34px;border:0;background:transparent;font-size:17px;color:var(--green,#254d43);cursor:pointer}.jc-open{flex-shrink:0;min-height:40px;border:1px solid var(--green,#254d43);border-radius:6px;padding:8px 19px;font:inherit;font-size:12px;background:var(--green,#254d43);color:white;cursor:pointer}.jc-open:disabled{opacity:.45;cursor:default}.jc-clear{min-height:40px;flex-shrink:0;border:0;background:transparent;color:var(--sub,#627364);font:inherit;font-size:11px;text-decoration:underline;cursor:pointer}.job-compare-selected{padding-bottom:100px}.job-compare-open{overflow:hidden}
.job-compare-dialog:not([open]){display:none}.job-compare-dialog{position:fixed;inset:0;box-sizing:border-box;max-width:1120px;width:calc(100% - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #c5d2be;border-radius:13px;background:#fff;color:var(--green,#254d43);box-shadow:0 18px 70px #102c2940;overflow:hidden}.job-compare-dialog[open]{display:flex;flex-direction:column}.job-compare-dialog::backdrop{background:#122f2880}.jc-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:19px 22px;border-bottom:1px solid #dfe6dc;flex-shrink:0}.jc-dialog-head h2{font-size:20px;line-height:1.5;margin:0}.jc-dialog-head p{font-size:11px;color:var(--sub,#627364);margin:5px 0 0}.jc-close{flex-shrink:0;min-height:40px;padding:7px 12px;border:1px solid #c5d2be;border-radius:6px;background:white;color:var(--green,#254d43);font:inherit;font-size:12px;cursor:pointer}.jc-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin}.jc-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:calc(104px + var(--jc-columns)*250px);font-size:13px;line-height:1.8}.jc-table caption{text-align:left}.jc-table th,.jc-table td{box-sizing:border-box;min-width:0;width:250px;border-right:1px solid #e2e8de;border-bottom:1px solid #e2e8de;padding:15px 16px;text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:normal}.jc-table th:last-child,.jc-table td:last-child{border-right:0}.jc-table .jc-row-label{position:sticky;left:0;z-index:1;width:104px;background:#f4f7ef;font-size:12px;font-weight:600;padding-inline:12px}.jc-table thead th{background:#f9fbf6}.jc-table thead .jc-row-label{background:#f4f7ef}.jc-job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-weight:650;font-size:15px}.jc-remove{flex-shrink:0;min-height:34px;padding:4px 7px;border:1px solid #d5dfcf;border-radius:5px;background:white;color:var(--sub,#627364);font:inherit;font-size:10px;cursor:pointer}.jc-job-title{margin:7px 0 0;font-size:12px;font-weight:400;color:var(--sub,#627364)}.jc-table small{display:block;font-size:10px;color:var(--sub,#627364);line-height:1.7;margin-block:2px 5px}.jc-salary{font-weight:650;font-size:15px;line-height:1.9}.jc-source-link{display:block;width:fit-content;margin-top:11px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.jc-condition-link{display:block;font-size:11px;margin-top:8px;text-decoration:underline;text-underline-offset:3px}.jc-unavailable{color:var(--sub,#627364)}.jc-dialog-foot{font-size:10px;color:var(--sub,#627364);padding:11px 22px;margin:0;border-top:1px solid #dfe6dc;background:#f9fbf6;flex-shrink:0}.job-compare-selected .toast{bottom:110px}
@media(max-width:800px){.jc-bar-jobs{display:none}.jc-bar-count{margin-right:auto}.job-compare-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.jc-table{min-width:calc(94px + var(--jc-columns)*230px)}.jc-table th,.jc-table td{width:230px;padding:12px 14px}.jc-table .jc-row-label{width:94px;font-size:11px;padding-inline:10px}}
@media(max-width:620px){body.job-compare-selected{padding-bottom:165px}.job-compare-bar{bottom:calc(74px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:9px 11px;gap:10px;border-radius:8px}.jc-bar-count strong{font-size:11px}.jc-bar-count small{font-size:9px}.jc-open{min-height:40px;font-size:12px;padding-inline:16px}.jc-clear{font-size:10px}.compare-job{min-height:36px;min-width:48px;font-size:11px}.job-compare-dialog{inset:8px 8px 0;width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:11px;margin:auto}.jc-dialog-head{padding:15px 14px;gap:12px}.jc-dialog-head h2{font-size:18px}.jc-dialog-head p{font-size:10px;max-width:220px}.jc-close{min-height:40px;font-size:11px;padding-inline:10px}.jc-job-head{font-size:14px;display:block}.jc-remove{min-height:36px;margin-top:7px;font-size:11px}.jc-table{font-size:12px;min-width:calc(82px + var(--jc-columns)*210px)}.jc-table th,.jc-table td{width:210px;padding:11px 12px}.jc-table .jc-row-label{width:82px;font-size:10px;padding-inline:8px}.jc-salary{font-size:14px}.jc-job-title{font-size:11px}.jc-dialog-foot{font-size:10px;padding:10px 14px}.job-compare-selected .toast{bottom:calc(156px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.jc-scroll{scroll-behavior:auto}}
.jc-table thead th{position:sticky;top:0;z-index:2}.jc-table thead .jc-row-label{z-index:3}
.jc-job-head>span{display:block}.jc-swipe-hint{display:none}.jc-long-text{margin:0}.jc-long-text summary{cursor:pointer;line-height:1.8}.jc-long-text summary>span{display:block;width:fit-content;margin-top:4px;font-size:11px;color:var(--green,#254d43);text-decoration:underline;text-underline-offset:3px}.jc-long-text>p{margin:9px 0 0;line-height:1.8;overflow-wrap:anywhere}.jc-long-text summary:focus-visible{outline:3px solid #7c9b55;outline-offset:3px}
@media(max-width:800px){.jc-caption{text-align:left;background:#f4f7ef}.jc-swipe-hint{display:block;padding:8px 12px;font-size:11px;color:var(--sub,#627364)}}
