/* Nursing pay page (nursing-pay.html). Kept separate from style.css so it merges cleanly. */
.pay-toc{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.pay-toc a{display:inline-block;background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none;color:var(--ink)}
.pay-toc a:hover{border-color:var(--teal);color:var(--teal)}
.pay-sec{scroll-margin-top:80px}
.pay-sec h2{font-size:clamp(24px,3vw,30px)}
.pay-sec h3{font-size:18px;margin-top:22px}
.pay-note{background:var(--teal-soft);border-radius:12px;padding:14px 16px;font-size:14.5px;margin:0 0 18px;color:var(--ink)}
.pay-note p{margin:0 0 6px}.pay-note p:last-child{margin:0}
.pay-disclaimer{background:#FFF8E6;color:#6B4E00;border:1px solid #F3E1A8;border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:600;margin:0 0 18px}
.pay-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 18px}
.pay-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 1px 3px rgba(9,24,53,.04)}
.pay-card h3{margin:0 0 4px;font-size:18px}
.pay-card .pay-range{font-size:22px;font-weight:800;color:var(--teal);margin:2px 0 8px;letter-spacing:-.01em}
.pay-card .pay-range small{font-size:13px;font-weight:600;color:var(--muted)}
.pay-card ul{padding-left:18px;margin:0 0 6px}
.pay-card li{margin-bottom:6px;font-size:14.5px}
.pay-card .np{color:#8a5a00;font-weight:700}
.pay-src{font-size:12.5px;color:var(--muted);margin:8px 0 0;line-height:1.5}
.pay-src a{color:var(--muted);text-decoration:underline}
.tag-rep{display:inline-block;background:#FFF1D6;color:#7a4b00;border-radius:6px;font-size:11.5px;font-weight:700;padding:1px 6px;margin-right:4px;vertical-align:1px}
.tag-dol{display:inline-block;background:#E5EEFA;color:#0b3a75;border-radius:6px;font-size:11.5px;font-weight:700;padding:1px 6px;margin-right:4px;vertical-align:1px}
.tag-ag{display:inline-block;background:var(--mint);color:#00654c;border-radius:6px;font-size:11.5px;font-weight:700;padding:1px 6px;margin-right:4px;vertical-align:1px}
.pay-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}
.pay-stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}
.pay-stat b{display:block;font-size:22px;color:var(--ink);letter-spacing:-.01em}
.pay-stat span{font-size:13px;color:var(--muted)}
.pay-pick{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 14px}
.pay-pick .field{margin:0;flex:1 1 220px}
.pay-pick select,.pay-pick input{width:100%;padding:11px 12px;border:1px solid #d6dbe2;border-radius:10px;font:inherit;font-size:15px;background:#fff}
.pay-state-card{background:var(--mint);border-radius:12px;padding:14px 16px;margin:0 0 14px}
.pay-state-card h3{margin:0 0 6px;font-size:18px}
.pay-state-card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}
.pay-state-card dt{font-size:12.5px;color:var(--muted)}
.pay-state-card dd{margin:0;font-weight:800;color:var(--ink);font-size:17px}
.pay-tablewrap{border:1px solid var(--border);border-radius:12px;overflow:auto;max-height:620px;-webkit-overflow-scrolling:touch}
.pay-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.pay-table th,.pay-table td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}
.pay-table th:first-child,.pay-table td:first-child{text-align:left;position:sticky;left:0;background:inherit}
.pay-table thead th{background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;position:sticky;top:0;z-index:1}
.pay-table thead th:first-child{z-index:2}
.pay-table thead th button{all:unset;cursor:pointer;display:inline-flex;gap:4px;align-items:center}
.pay-table thead th button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pay-table thead th[aria-sort="ascending"] button::after{content:"▲";font-size:9px}
.pay-table thead th[aria-sort="descending"] button::after{content:"▼";font-size:9px}
.pay-table tbody tr{background:#fff}
.pay-table tbody tr:nth-child(even){background:#FAFBFC}
.pay-table tbody tr.is-picked{background:#FFF8E6}
.pay-table tfoot td{background:var(--mint);font-weight:800;color:var(--ink)}
.pay-calc{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin:0 0 18px}
.pay-calc h3{margin:0 0 10px}
.pay-calc-row{display:flex;flex-wrap:wrap;gap:12px}
.pay-calc-row .field{margin:0;flex:1 1 160px}
.pay-calc-row input{width:100%;padding:11px 12px;border:1px solid #d6dbe2;border-radius:10px;font:inherit;font-size:15px}
.pay-calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 0}
.pay-calc-out div{background:var(--bg);border-radius:10px;padding:10px 12px}
.pay-calc-out b{display:block;font-size:19px;color:var(--ink)}
.pay-calc-out span{font-size:12.5px;color:var(--muted)}
.pay-steps{counter-reset:s;list-style:none;padding:0;margin:0 0 16px}
.pay-steps li{position:relative;padding-left:38px;margin-bottom:12px}
.pay-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.pay-checked{font-weight:700;color:var(--ink)}
@media (max-width:760px){
  .pay-cards{grid-template-columns:1fr}
  .pay-stats{grid-template-columns:repeat(2,1fr)}
  .pay-state-card dl{grid-template-columns:repeat(2,1fr)}
  .pay-calc-out{grid-template-columns:1fr 1fr}
}