/* Uses the live W·ERA tokens; scoped to the payroll feature. */
.payroll-section{background:var(--bg);color:var(--i);padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.payroll-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.payroll-heading h2{max-width:720px;margin-bottom:16px}
.payroll-section .eyebrow{margin-bottom:16px}
.payroll-period,.payroll-verification{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:0;max-width:760px}
.payroll-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.payroll-card{min-width:0;padding:27px 22px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:start}
.payroll-card h3{font:550 14px/1.5 var(--sans);min-height:42px;color:var(--muted);margin-bottom:13px}
.payroll-value{font:550 clamp(25px,2.45vw,34px)/1.18 var(--sans);color:var(--p);font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap;margin:0 0 13px;max-width:100%}
.payroll-rate{font-size:13px;font-weight:650;color:var(--p);margin:0 0 9px;line-height:1.5}
.payroll-scope{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 10px}
.payroll-card-period{display:block;font-size:12px;line-height:1.5;color:var(--muted);font-weight:400;letter-spacing:0;white-space:normal;margin:0 0 17px}
.payroll-source-link{display:inline-block;align-self:start;font-size:12px;line-height:1.5;font-weight:650;color:var(--p);text-decoration:underline;text-underline-offset:4px;max-width:125px;overflow-wrap:anywhere;padding:7px 0}
.payroll-card>.payroll-source-link{margin-top:auto}
.payroll-footer{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:24px;padding-bottom:46px}
.payroll-footer .payroll-verification{font-size:12.5px}
.payroll-more{font-size:14px;min-height:48px;padding:13px 22px;max-width:calc(100% - 140px);text-align:center}
.payroll-pending{margin-top:22px;font-size:13px;color:var(--muted)}
.payroll-pending p:last-child{margin-bottom:0}
.payroll-detail{max-width:1400px;margin-inline:auto;padding-bottom:120px}
.payroll-back{margin-bottom:40px;font-size:13px}
.payroll-detail h1{font-size:clamp(36px,5vw,62px)}
.payroll-detail .lead{max-width:650px;margin-bottom:18px}
.payroll-detail>.payroll-verification{margin-top:8px;margin-bottom:36px}
.payroll-records{border-top:1px solid var(--line)}
.payroll-record{border-bottom:1px solid var(--line);padding:0;margin:0}
.payroll-record:first-of-type{border-top:0}
.payroll-record>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 24px;cursor:pointer;padding:26px 34px 26px 0;position:relative;list-style:none}
.payroll-record>summary::-webkit-details-marker{display:none}
.payroll-record>summary::before{display:none}
.payroll-record>summary::after{content:'+';position:absolute;right:0;top:26px;width:auto;height:auto;background:none;transform:none;color:var(--p);font:400 24px/1 var(--sans)}
.payroll-record[open]>summary::after{content:'−'}
.payroll-record-title{font-size:18px;font-weight:600;line-height:1.4}
.payroll-record-title .payroll-card-period{margin:7px 0 0}
.payroll-record>summary .payroll-value{font-size:30px;margin:0}
.payroll-detail-hint{font-size:12px;color:var(--p);grid-column:1/-1}
.payroll-record-body{max-width:850px;padding:4px 0 30px;font-size:15px;line-height:1.7}
.payroll-record-body>p{font-size:inherit;line-height:inherit;max-width:none}
.payroll-record-body>.small{font-size:13px}
.payroll-record-body h3{font-size:17px;margin:26px 0 12px}
.payroll-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin:25px 0}
.payroll-meta dt{font-size:12px;color:var(--muted)}
.payroll-meta dd{margin:4px 0 0;font-size:14px}
.payroll-formula{background:var(--s2);padding:18px 20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.payroll-incentive{padding:16px 0;border-bottom:1px solid var(--line)}
.payroll-incentive h4{font:650 15px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--p);margin:0 0 9px}
.payroll-incentive p{margin-bottom:8px}
.payroll-source{margin:18px 0 24px}
.payroll-source-name{font-size:14px;font-weight:600;margin:0 0 5px}
.payroll-source-date{font-size:12px;color:var(--muted);margin:0 0 5px}
.payroll-detail .payroll-pending,.payroll-archive,.payroll-guidance{margin-top:48px}
.payroll-detail .payroll-pending h2,.payroll-archive h2,.payroll-guidance h2{font-size:26px;margin-bottom:22px}
.payroll-pending-item{border-left:2px solid var(--p);padding-left:20px;margin-top:26px;font-size:14px}
.payroll-pending-item h3{font-size:17px;margin-bottom:10px}
.payroll-pending-label{color:var(--p);font-weight:600}
.payroll-archive>p,.payroll-guidance p{font-size:14px;color:var(--muted);max-width:760px}
.payroll-error{color:var(--p);padding:20px 0}
@media(max-width:1099px){.payroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-value{font-size:34px}}
@media(max-width:599px){
  .payroll-section{padding-top:38px;padding-bottom:30px}
  .payroll-heading{margin-bottom:24px}
  .payroll-heading h2{font-size:29px;line-height:1.25;text-wrap:initial}
  .payroll-period{font-size:13px}
  .payroll-grid{grid-template-columns:minmax(0,1fr);border-left:0}
  .payroll-card{padding:23px 0;border-right:0}
  .payroll-card h3{min-height:0;margin-bottom:13px;font-size:14px}
  .payroll-value{font-size:34px;margin-bottom:12px}
  .payroll-card-period{margin-bottom:8px}
  .payroll-scope{margin-bottom:8px}
  .payroll-card>.payroll-source-link{max-width:120px}
  .payroll-footer{gap:18px;padding-bottom:65px}
  .payroll-more{font-size:13px;padding:12px 8px;line-height:1.5;width:100%}
  .payroll-detail{padding-bottom:115px}
  .payroll-back{margin-bottom:30px}
  .payroll-record>summary{grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 28px 24px 0}
  .payroll-record-title{font-size:17px}
  .payroll-record>summary .payroll-value{font-size:31px}
  .payroll-meta{grid-template-columns:minmax(0,1fr);gap:14px}
  .payroll-record-body{font-size:14px}
  .payroll-formula{padding:15px}
  .payroll-detail .payroll-pending h2,.payroll-archive h2,.payroll-guidance h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.payroll-section *{scroll-behavior:auto;transition:none}}