/* Employment palette: warm ochre, soft industrial blue, ivory and brick red. */
:root {
  --ink: #263b49;
  --muted: #4b5961;
  --olive: #735420;
  --olive-dark: #263e50;
  --sand: #fff8ec;
  --sky: #eaf2f7;
  --accent: #986b25;
  --red: #b54132;
  --red-dark: #993326;
  --blue-strong: #386378;
  --line: #dfded4;
  --gold: #b54132;
  --gold-hover: #993326;
  --gold-ink: #ffffff;
}
.button { background: var(--gold); border-color: var(--gold); color: var(--gold-ink); }
.button:hover { background: var(--gold-hover); border-color: var(--gold-hover); color: var(--gold-ink); }
.button.secondary { border-color: #bacdd7; }
.icon.terra { background: #faebc8; color: #78581f; }
.text-link:hover { text-decoration: underline; }
.header-inner { position: relative; }
.nav-dropdown { position: static; }
.nav-submenu { left: 0; right: 0; top: 100%; width: 100%; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; padding: 25px; box-shadow: 0 20px 45px #263e501c; }
.nav-group { min-width: 0; }
.nav-group>p { font-size: 15px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; color: var(--olive); padding: 0 8px 12px; border-bottom: 1px solid var(--line); }
.nav-group ul { list-style: none; padding: 0; margin: 0; }
.nav-group a { gap: 9px; padding: 10px 8px; font-size: 15.5px; min-height: 45px; }
.nav-group svg { width: 18px; height: 18px; }
.main-nav .header-phone { padding: 10px 14px; border-radius: 999px; background: #fcf0e8; color: #a9392c; }
.hero-shell { min-height: 690px; }
.hero-content { width: 66%; max-width: 780px; padding: 61px 0 57px 61px; }
.hero-content h1 { font-size: clamp(49px,4.3vw,64px); max-width: 660px; }
.hero-content h1 .hero-topic { color: var(--ink); margin-top: 0; }
@media(min-width:981px) {
  .hero-content h1 { max-width: 100%; }
  .hero-content h1 .hero-topic { font-size: clamp(32px,3.15vw,44px); line-height: 1.3; letter-spacing: -.8px; white-space: nowrap; margin-bottom: 12px; }
}
.hero-content .lead { max-width: 535px; }
.hero-content .eyebrow { max-width: 520px; }
.hero-shell:after { background: linear-gradient(90deg,#fff8ec 0,#fff8ecfc 270px,#fff8ecf2 420px,#fff8ecdd 570px,#fff8ec91 680px,#fff8ec38 780px,#fff8ec0b 865px,transparent 950px); }
.hero-location { color: #345165; background: #fffffff2; }
.hero-proof { max-width: 520px; }
.situation:nth-child(2) { background: #edf4f8; border-color: var(--line); }
.situation:nth-child(3) { background: #edf4f8; }
.urgent-note { display: grid; grid-template-columns: 43px minmax(0,1fr) auto; align-items: center; gap: 19px; margin-top: 27px; padding: 26px 30px; border: 1px solid #e2c993; border-radius: 23px; background: #fff6e0; }
.urgent-note>span { color: #7f591b; }
.urgent-note svg { width: 29px; height: 29px; display: block; }
.urgent-note strong { display: block; font-size: 19px; margin-bottom: 5px; }
.urgent-note p { margin: 0; font-size: 17px; line-height: 1.7; color: var(--muted); }
.urgent-note>a { display: flex; align-items: center; gap: 10px; white-space: nowrap; text-decoration: none; font-size: 19px; font-weight: 650; color: #a9392c; }
.urgent-note>a svg { width: 20px; height: 20px; }
.topic-jumps { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 43px; }
.topic-jumps a { padding: 11px 18px; background: #fff; border: 1px solid #ddd5c0; border-radius: 999px; text-decoration: none; font-size: 17px; font-weight: 600; color: var(--olive); }
.topic-jumps a:hover { background: #eaf2f7; border-color: var(--olive); }
.guide-group { margin-top: 45px; scroll-margin-top: 112px; }
.guide-group-heading { display: flex; align-items: center; gap: 17px; margin-bottom: 24px; }
.group-number { display: flex; align-items: center; justify-content: center; flex: none; width: 47px; height: 47px; border-radius: 15px; color: var(--olive); background: #f3e3be; font-size: 18px; font-weight: 650; }
.guide-group-heading h3 { font-size: 27px; }
.guide-group-heading p { margin: 5px 0 0; font-size: 17px; color: var(--muted); }
.guide-card { padding: 27px; }
.guide-card h4 { margin: 20px 0 13px; font-family: var(--sans); font-size: 22px; line-height: 1.4; font-weight: 600; color: var(--ink); }
.guide-card:hover { box-shadow: 0 10px 26px #263e5009; }
.strategy-band { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding: 56px; background: linear-gradient(120deg,#edf4f8,#fff5df); border: 1px solid var(--line); border-radius: 30px; }
.strategy-band h2 { margin-bottom: 25px; }
.strategy-band p { color: var(--muted); }
.strategy-list { list-style: none; margin: 0; padding: 0; }
.strategy-list li { display: grid; grid-template-columns: 39px 1fr; gap: 14px; padding: 0 0 23px; margin-bottom: 23px; border-bottom: 1px solid #d4e0e5; }
.strategy-list li:last-child { border: 0; margin: 0; padding: 0; }
.strategy-list svg { width: 29px; height: 29px; color: var(--olive); }
.strategy-list strong { display: block; font-size: 21px; line-height: 1.4; margin-bottom: 8px; }
.strategy-list p { margin: 0; font-size: 17px; }
.contact-section { background: linear-gradient(115deg,#fff5e3,#eaf2f7); }
.site-footer { color: #f3f5f7; }
.website-info .cookie-table th,.website-info .cookie-table td { border-color: #8b9ba5; }
.article-symbol { background: #f4e7c7; }
.takeaway .icon { background: #efe2bc; }
.aside-contact .eyebrow { color: #f6d388; }
.article-aside { position: static; max-height: none; overflow: visible; }
.article-body a { overflow-wrap: anywhere; }
.article-header .actions { margin-top: 25px; }
.cookie-actions .cookie-acknowledge { color: var(--gold-ink); border-radius: 999px; }
.cookie-actions .cookie-more { border-radius: 999px; }
.mobile-contact-bar a:last-child { background: var(--gold); color: var(--gold-ink); }
.benefits-employment { --benefit-surface: #fff7e6; --benefit-icon-surface: #f5e4b9; --benefit-accent: #805b1f; --benefit-line: #dfded4; }
.reviews-section.theme-employment { --review-ink: #263b49; --review-muted: #4b5961; --review-accent: #735420; --review-background: #edf4f8; --review-tint: #f4e5bd; --review-edge: #dfded4; --review-end: #edf4f8; }
@media(min-width:1650px) { .hero-shell { min-height: 720px; } .hero-content { padding-top: 76px; } .hero-content h1 { font-size: 66px; } }
@media(max-width:1120px) { .hero-content { padding-left: 43px; } .hero-content h1 { font-size: 53px; } .hero-content .lead { max-width: 515px; } .hero-shell:after { background: linear-gradient(90deg,#fff8ec 0,#fff8ecf7 230px,#fff8ecea 400px,#fff8ecc7 520px,#fff8ec61 630px,#fff8ec15 735px,transparent 820px); } .nav-submenu { gap: 14px; padding: 20px; } .strategy-band { padding: 40px; gap: 35px; } .urgent-note { grid-template-columns: 40px 1fr; } .urgent-note>a { grid-column: 2; } }
@media(max-width:980px) { .nav-dropdown { position: relative; } .nav-submenu { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); width: auto; max-height: none; box-shadow: none; } .nav-group a { font-size: 16px; } .main-nav .header-phone { justify-content: center; margin-top: 10px; } .hero-shell { min-height: 0; padding-top: 345px; } .hero-photo { height: 365px; } .hero-photo img { object-position: 76% center; } .hero-shell:after { background: linear-gradient(180deg,transparent 0,transparent 270px,#fff8ec 365px,#fff8ec 100%); } .hero-content { width: 100%; max-width: none; padding: 9px 34px 42px; } .hero-content h1 { max-width: 760px; } .hero-content .lead { max-width: 720px; } .hero-proof { max-width: none; } .strategy-band { grid-template-columns: 1fr; } }
@media(max-width:640px) { .nav-submenu { grid-template-columns: 1fr; gap: 23px; padding: 18px 11px; } .hero-shell { padding-top: 246px; } .hero-photo { height: 275px; } .hero-shell:after { background: linear-gradient(180deg,transparent 0,transparent 196px,#fff8ec 275px,#fff8ec 100%); } .hero-content { padding: 13px 23px 33px; } .hero-content h1 { font-size: 42px; } .hero-content .eyebrow { font-size: 12px; letter-spacing: 1px; } .hero-content .actions { align-items: stretch; flex-direction: column; } .hero-proof { font-size: 15px; } .urgent-note { padding: 24px; grid-template-columns: 1fr; gap: 12px; } .urgent-note>a { grid-column: 1; } .topic-jumps { gap: 9px; margin-bottom: 30px; } .topic-jumps a { padding: 9px 14px; font-size: 16px; } .guide-group { margin-top: 34px; } .guide-group-heading { align-items: flex-start; } .guide-group-heading h3 { font-size: 24px; } .guide-card h4 { font-size: 23px; } .strategy-band { padding: 30px 25px; gap: 29px; } .strategy-list p { font-size: 18px; } }
@media(max-width:370px) { .hero-content h1 { font-size: 37px; } .hero-content { padding-inline: 20px; } }
@media print { .site-footer { color: #222; } .strategy-band { background: #fff; padding: 25px; } .topic-jumps,.urgent-note { display: none; } .guide-group { break-inside: avoid; } }


/* Two primary audiences, with a distinct occupational-health section. */
:root { --gold: #b54132; --gold-hover: #993326; --gold-ink: #ffffff; }
.hero-content { width: 64%; max-width: 760px; }
.hero-content h1 .hero-topic { font-size: clamp(27px,2.5vw,35px); letter-spacing: -.55px; }
.hero-content h1>span:last-child { color: #78581f; }
.hero-content .lead { max-width: 535px; }
.hero-proof { row-gap: 10px; }
.audience-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; }
.audience-card { padding: 36px; border-radius: 27px; background: #fff8e9; display:flex; flex-direction:column; align-items:flex-start; }
.audience-card:nth-child(2) { background:#edf4f8; }
.audience-card h3 { font-size: 29px; margin-top: 9px; }
.audience-card .audience-kicker { margin: 22px 0 0; color: #6d542b; font-size: 15px; font-weight: 600; }
.audience-card:nth-child(2) .audience-kicker { color:#3d6176; }
.audience-card:nth-child(2) .icon { background:#dceaf3; color:#335b74; }
.audience-card .text-link { margin-top:auto; padding-top:8px; }
.conflict-note { margin:19px 0 0; color:var(--muted); font-size:16px; }
.health-section { padding-top:0; }
.health-band { display:grid; grid-template-columns:1.15fr 1fr; gap:55px; padding:55px; background:linear-gradient(120deg,#eaf2f7,#f5f8fa); border:1px solid #d5e2e9; border-radius:32px; }
.health-copy h2 { margin-bottom:25px; }
.health-copy h2 em { color:#386378; }
.health-copy .button { margin-top:12px; }
.health-copy p { color:var(--muted); }
.health-panel { padding:30px; border-radius:25px; background:#ffffffd9; border:1px solid #d5e2e9; }
.health-symbol { display:flex; align-items:center; justify-content:center; width:68px; height:68px; background:#f7e5b5; border-radius:20px; color:#8a5d1f; }
.health-symbol svg { width:39px; height:39px; }
.health-panel h3 { font-size:25px; margin:23px 0 13px; }
.health-links { list-style:none; padding:0; margin:0; }
.health-links li { border-bottom:1px solid #dbe4e8; }
.health-links a { display:flex; align-items:center; gap:15px; justify-content:space-between; padding:14px 0; color:#2f536a; font-size:18px; line-height:1.5; font-weight:600; text-decoration:none; }
.health-links a:hover { text-decoration:underline; }
.health-links svg { width:19px; height:19px; flex:none; }
.health-panel p { font-size:16px; line-height:1.75; color:var(--muted); margin:20px 0 0; }
.guides { grid-template-columns:repeat(3,minmax(0,1fr)); }
.guide-card { padding:29px; }
.guide-card h4 { font-size:23px; }
.guide-group:nth-of-type(2n) .group-number { background:#e0eaf0; color:#365b70; }
.guide-group:nth-of-type(2n) .icon { background:#e8f0f5; color:#365b70; }
.article-aside,.article-aside .aside-card { position:static; max-height:none; overflow:visible; }
.article-body .related a { color:#735420; }
.takeaway { background:#fff7e4; }
.header-phone:hover { background:#f8e2d9; }
.cookie-actions .cookie-acknowledge { color:#fff; }
.cookie-notice { border-color:#cda665; }
@media(max-width:1120px) { .health-band { gap:32px; padding:38px; } .health-panel { padding:26px; } }
@media(max-width:980px) { .hero-content { width:100%; max-width:none; } .hero-content h1 .hero-topic { font-size:32px; white-space:normal; margin-bottom:12px; } .health-band { grid-template-columns:1fr; } .guides { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .hero-content h1 .hero-topic { font-size:27px; line-height:1.3; margin-bottom:13px; } .hero-content .eyebrow { font-size:12px; letter-spacing:.6px; } .audience-grid,.guides { grid-template-columns:1fr; } .audience-card { padding:28px; } .audience-card h3 { font-size:27px; } .health-band { padding:29px 22px; gap:28px; border-radius:25px; } .health-panel { padding:25px 22px; } .health-links a { font-size:18px; } .health-copy h2 { font-size:34px; } .health-copy .button { width:100%; } }
@media print { .health-band { background:#fff; padding:20px; } }

.button.secondary:hover { color: var(--ink); }
.contact-phone { color:#a9392c; }
