/* Employer index: retain all links without lengthening the entire page. */
.employer-scroll-help { color: #4b514d; font-size: .82rem; line-height: 1.6; margin: 0 0 .9rem; }
.employer-scroll-region { max-height: 35rem; max-height: min(35rem, 65svh); overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: auto; padding-right: .6rem; scrollbar-color: #8e7353 #e8e2d8; scrollbar-gutter: stable; scrollbar-width: auto; }
.employer-scroll-region:focus-visible { outline: 2px solid #1c2e4f; outline-offset: 5px; }
.employer-scroll-region::-webkit-scrollbar { width: 10px; }
.employer-scroll-region::-webkit-scrollbar-track { background: #e8e2d8; }
.employer-scroll-region::-webkit-scrollbar-thumb { background: #8e7353; border: 2px solid #e8e2d8; border-radius: 0; }
.employer-scroll-region article:hover { transform: none; }
.employer-scroll-region article:nth-child(8) { background: #edf0ec; border-left: 3px solid #486159; padding-left: 1.25rem; }
/* Lumen keeps staggered, narrative layers rather than Duke's contribution ledger. */
.employer-layers .employer-module:nth-child(4) { margin-left: auto; }
/* Duke Energy: three contribution rows, a separate pension-election track, then coverage. */
.duke-hero { background: #1d3335; color: #f4f0e8; }
.duke-hero h1 { color: #f4f0e8; }
.duke-hero .lede { color: #d7e0dc; }
.duke-section-head { border-top: 1px solid #a08b6c; display: grid; gap: 2rem; grid-template-columns: .32fr 1fr; margin-bottom: 2rem; padding-top: 1.2rem; }
.duke-section-head h2 { color: #1c2e4f; font-family: var(--serif); font-size: clamp(2.3rem,4vw,4.3rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.03; margin: 0; max-width: 24ch; }
.duke-document-note { border-left: 2px solid #8e7353; color: #424b47; font-size: .88rem; line-height: 1.7; margin: 0 0 2rem; max-width: 85ch; padding: .5rem 0 .5rem 1.3rem; }
.duke-contributions { background: #f4f1e9; }
.duke-ledger { border-top: 1px solid #bcbdb3; }
.duke-ledger > article { border-bottom: 1px solid #bcbdb3; display: grid; gap: clamp(2rem,5vw,5rem); grid-template-columns: minmax(180px,.5fr) minmax(0,1fr); padding: 2rem 0; }
.duke-label { color: #566359; display: block; font-size: .63rem; letter-spacing: .12em; margin-bottom: .7rem; text-transform: uppercase; }
.duke-ledger h3, .duke-life h3, .duke-election-list h3 { color: #1c2e4f; font-family: var(--serif); font-size: clamp(1.7rem,2.2vw,2.5rem); font-weight: 500; line-height: 1.15; margin: 0 0 1rem; }
.duke-ledger p, .duke-pension p, .duke-life p { color: #424b47; font-size: .96rem; line-height: 1.75; margin: 0 0 1rem; }
.duke-ledger .duke-verify { color: #5b5549; font-size: .82rem; margin-bottom: 0; }
.duke-pension { background: #e9ece5; }
.duke-pension-layout { display: grid; gap: clamp(2rem,6vw,6rem); grid-template-columns: minmax(0,.8fr) minmax(0,1fr); }
.duke-pension-context { max-width: 58ch; }
.duke-election-list { border-left: 2px solid #849287; counter-reset: election; list-style: none; margin: 0; padding: 0 0 0 clamp(1.3rem,3vw,3rem); }
.duke-election-list li { border-bottom: 1px solid #b0b9ad; counter-increment: election; margin-bottom: 1.5rem; padding-bottom: 1.1rem; }
.duke-election-list li::before { color: #526858; content: counter(election,decimal-leading-zero); display: block; font-size: .78rem; margin-bottom: .8rem; }
.duke-life { background: #faf8f1; }
.duke-life-grid { display: grid; gap: clamp(1.5rem,3vw,3rem); grid-template-columns: 1.2fr 1fr 1fr; }
.duke-life-grid article { border-top: 1px solid #a08b6c; padding-top: 1.2rem; }
.duke-life .kicker { color: #776346; font-size: .63rem; line-height: 1.5; }
.duke-contributions .module-sources, .duke-pension .module-sources, .duke-life .module-sources { font-size: .74rem; line-height: 1.7; margin: 1.5rem 0 0; }
.duke-contributions a, .duke-pension a, .duke-life a:not(.text-link) { color: #1c2e4f; text-decoration: underline; text-underline-offset: .18em; overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .duke-section-head, .duke-pension-layout { grid-template-columns: 1fr; }
  .duke-life-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .employer-scroll-region { max-height: min(31rem, 65svh); padding-right: .35rem; }
  .duke-ledger > article { grid-template-columns: 1fr; gap: 1rem; }
  .employer-layers .employer-module:nth-child(4) { margin-left: 0; }
}

/* Override existing light-employer-page text rules only on Duke's dark hero. */
body.employer-duke .page-hero .lede { color: #d7e0dc; }
body.employer-duke .page-hero .eyebrow { color: #ccbd9f; }
body.employer-duke .page-hero .employer-back { color: #f4f0e8; }