:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#20342e;background:#f5f7f4;line-height:1.55;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,summary{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9bd6b4;outline-offset:3px}button{border:1px solid #d8e2db;background:white;color:#20342e;border-radius:10px;padding:8px 15px}button:disabled{opacity:.4;cursor:default}.topbar{height:78px;max-width:1224px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6df}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:700;font-size:18px;color:#244f3b;letter-spacing:.03em}.brand-icon{display:grid;place-items:center;color:white;background:#285c43;border-radius:11px;height:36px;width:36px}.readonly{font-size:12px;letter-spacing:.05em;color:#55715e;padding:5px 11px;border:1px solid #d8e4d8;border-radius:20px}main{max-width:1224px;padding:42px 28px 24px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{font-size:13px;font-weight:600;color:#567360;letter-spacing:.06em;margin:0 0 9px}h1{font-size:34px;font-weight:650;letter-spacing:-.035em;margin:0 0 12px}.subtle{font-size:13px;color:#6b7a70;margin:0}.scope-note{font-size:13px;line-height:1.9;text-align:right;color:#718374;flex-shrink:0}.scope-note strong{font-size:16px;color:#355441;font-weight:500}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.tab{display:flex;text-align:left;justify-content:space-between;align-items:center;padding:19px 22px;border-radius:14px;background:#fff}.tab span{font-size:14px;font-weight:550}.tab strong{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:#8c9b90}.tab.active{background:#244f3b;color:#fff;border-color:#244f3b;box-shadow:0 5px 20px #244f3b12}.tab.active strong{color:#d2eccd}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px;background:#fff;border:1px solid #e0e7df;border-radius:14px}.controls input,.controls select,.company-picker summary{border:1px solid #dfe6de;background:#fff;border-radius:8px;padding:9px 12px;color:#405347;font-size:13px;min-height:40px}.search-label{flex:1 1 245px}.search-label input{width:100%;background:#f7f9f6}.controls select{max-width:170px}.text-button{color:#3f7856;border:0;background:transparent;padding:8px;font-size:13px}.company-picker{position:relative}.company-picker summary{list-style:none;min-width:140px}.company-picker summary::after{content:"⌄";margin-left:15px;color:#758577}.company-picker[open]{z-index:3}.company-panel{position:absolute;top:48px;left:0;min-width:280px;background:#fff;box-shadow:0 14px 40px #274d3926;border:1px solid #d9e3d8;border-radius:12px;padding:16px;display:grid;gap:9px}.company-panel>label{font-size:12px;color:#65786a}.company-panel select{max-width:none;width:100%}.company-options{max-height:240px;overflow:auto;display:grid;gap:4px}.company-option{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14px}.company-option input{min-height:0;width:16px;height:16px;accent-color:#315b40}.result-heading{display:flex;gap:12px;justify-content:space-between;align-items:baseline;margin:26px 2px 12px}.result-heading>p:first-child{font-size:14px;margin:0;color:#455b4b}.result-heading .subtle{text-align:right;max-width:670px}.jobs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.job{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e7df;border-radius:14px;padding:22px;min-width:0}.job-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.company-name{font-size:13px;font-weight:600;color:#52715a}.job-date{font-size:12px;flex-shrink:0;color:#7d8b80;font-variant-numeric:tabular-nums}.job h2{font-size:17px;line-height:1.5;font-weight:600;letter-spacing:-.02em;margin:0 0 15px;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tag{font-size:11px;background:#f0f5ee;border:1px solid #e3ebdf;padding:2px 8px;border-radius:5px;color:#617a59}.tag.pending{background:#fff8eb;border-color:#eee2c8;color:#9a773d}.job-bottom{margin-top:auto;padding-top:14px;border-top:1px solid #eef1eb;display:flex;align-items:center;justify-content:space-between;gap:12px}.job-bottom .location{font-size:12px;color:#718174;overflow-wrap:anywhere}.job a{font-size:13px;color:#2b6a44;text-decoration:none;flex-shrink:0;font-weight:550}.job a:hover{text-decoration:underline}.job-link-url{margin:10px 0 0;font-size:10px;color:#8a978d;overflow-wrap:anywhere;line-height:1.5}.job-note{font-size:11px;color:#917844;margin:0 0 12px}.pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin:28px 0}.pagination span{font-size:13px;color:#65766b}.empty{text-align:center;padding:60px 24px;background:white;border-radius:14px}.empty h2{font-size:18px}.empty p{font-size:14px;color:#78877c}.error{padding:20px;background:#fff2ee;color:#8d4738;border:1px solid #eed8d1;border-radius:12px;margin:20px 0}footer{border-top:1px solid #dee6da;margin-top:30px;padding-top:18px;font-size:11px;color:#7c897d;line-height:1.7}footer p{margin:5px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:760px){.topbar{height:66px;padding:0 20px}main{padding:27px 18px 20px}.intro{margin-bottom:23px}.scope-note{display:none}h1{font-size:27px}.tabs{gap:7px;margin-bottom:16px}.tab{padding:13px 10px;flex-direction:column;align-items:flex-start;gap:6px;border-radius:11px}.tab span{font-size:12px}.tab strong{font-size:25px}.controls{padding:12px;gap:8px}.controls input,.controls select,.company-picker summary{font-size:12px;padding:8px;min-height:38px}.search-label{flex-basis:100%}.company-picker{flex:1}.company-picker summary{min-width:0}.controls>label:not(.search-label){flex:1}.controls select{width:100%;max-width:none}.company-panel{min-width:265px;max-width:calc(100vw - 62px)}.result-heading{flex-direction:column;gap:5px;margin:20px 2px 12px}.result-heading .subtle{text-align:left;font-size:12px}.jobs{grid-template-columns:1fr;gap:10px}.job{padding:18px}.job h2{font-size:16px}.job-date{font-size:11px}.pagination{gap:14px}.tags{margin-bottom:14px}footer{font-size:10px}}
@media(max-width:760px){
  .controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .controls>.search-label{grid-column:1/-1}
  .controls>label,.controls>.company-picker{min-width:0}
  .company-picker summary{height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .controls select{min-width:0;width:100%}
  .controls>.text-button{min-height:40px}
}
