.work-banner{display:flex;align-items:center;gap:18px;padding:22px;border:2px solid #d6c5a4;background:#fff6df;border-radius:18px;box-shadow:0 4px 0 #e5d7b9}.work-banner h3{margin:7px 0}.work-banner p{font-size:14px;margin:6px 0}.work-sign{display:grid;place-items:center;flex:0 0 60px;height:60px;font-size:34px;color:#735b3a;background:#efdeb6;border:3px solid #c9b48d;box-shadow:3px 3px 0 #c6b188}.work-meters,.job-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.work-meters strong{float:right}.work-meters .bar{margin-top:8px}.job-grid form{min-width:0;padding:18px;background:#faf8ee;border:1px solid #dfdac8;border-radius:15px}.job-grid h4{margin:8px 0;font-size:17px}.job-grid p{font-size:14px;line-height:1.8}.job-grid small{display:block;margin:10px 0;line-height:1.8;color:#80765f}.job-grid select{width:100%;font-size:14px}.job-grid .button{width:100%;margin-top:8px}.business-ledger{background:#edf3e5;border-radius:16px;padding:20px;margin:16px 0}.business-ledger h3{margin:10px 0 20px}.business-ledger small{line-height:1.9}.work-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-totals small,.work-totals strong{display:block}.work-totals strong{font-size:19px;margin-top:6px}.work-entry{margin-top:9px;background:#faefd6;border-color:#d9c59e;color:#6b5b3e}select:focus-visible{outline:3px solid #bd8b49;outline-offset:3px}.modal-body details>summary{cursor:pointer}
@media(max-width:600px){.job-grid{grid-template-columns:1fr}.work-banner{padding:16px;gap:12px}.work-sign{flex-basis:42px;height:48px;font-size:26px}.work-totals{grid-template-columns:1fr;gap:8px}.work-totals>div{display:flex;justify-content:space-between;align-items:center}.work-totals strong{margin:0;font-size:16px}.work-meters{gap:12px}.business-ledger{padding:16px}.work-banner h3{font-size:17px}}
.career-rank{margin:20px 0;padding:20px;border:1px solid #c4d5ba;border-radius:16px;background:#f5f8ed}.career-rank h3{margin:0 0 16px}.career-rank h4{font-size:19px;margin:22px 0 8px}.career-rank p{font-size:17px;line-height:1.7}.career-ranks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;list-style:none}.career-ranks li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;padding:8px 2px;border:1px solid #ccd6c5;border-radius:10px;font-size:17px;color:#53604c}.career-ranks [aria-current]{background:#53785e;color:#fff;border-color:#53785e;font-weight:700}.career-ranks small{font-size:13px;margin-top:3px}.promotion-checks{list-style:none;padding:0;margin:16px 0}.promotion-checks li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #dbe3d3;font-size:16px}.promotion-checks b{font-variant-numeric:tabular-nums}.promotion-checks small{font-size:14px}.promotion-checks .met{color:#376346}.promotion-checks .needed{color:#805b28}.career-rank .rank-note{font-size:15px;color:#59664f}.career-rank .rank-guidance{font-size:16px}.career-rank>.button{min-height:44px}.career-rank strong{white-space:normal}
@media(max-width:600px){.career-rank{padding:14px}.career-ranks{gap:5px}.promotion-checks li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.promotion-checks small{grid-column:2;text-align:right}.career-rank>.button{width:100%}}
.career-ranks [aria-current] small{color:#fff}.career-rank{color:#324839}
.career-status{grid-column:1/-1;margin-top:16px;padding:14px 12px;border:1px solid #dbc99e;border-radius:12px;background:#fff8e8;color:#4f503e;overflow-wrap:anywhere}
.career-status p{font-size:15px;line-height:1.65;margin:8px 0}.career-status .career-status-role{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:0}.career-status-role strong{font-size:18px;color:#473e29}.career-status-role span{font-size:16px}.career-status .career-status-task{font-size:16px}.career-status .career-status-next{border-top:1px solid #e3d9bd;padding-top:10px;font-size:16px}.career-status ul{padding:0;list-style:none;margin:8px 0}.career-status li{font-size:15px;line-height:1.65;margin:5px 0}.career-status li b{display:block;font-variant-numeric:tabular-nums}.career-status .career-status-hold{color:#80532e}.promotion-ready{display:inline-block;background:#e4efde;color:#36583a;border-radius:6px;padding:1px 6px;font-size:14px;font-weight:600}
.job-form [data-job-quote] p{font-size:16px;line-height:1.8;color:#344d3e}.job-form [data-job-quote] strong{font-size:18px}.job-form [data-job-quote] small{font-size:14px;color:#625b49}.job-form [data-job-quote]{overflow-wrap:anywhere}
