.employer-solutions {
  padding-left: 0px;
  padding-right: 0px;
 }
.employer-solutions,
.employer-solutions h1,
.employer-solutions h2,
.employer-solutions h3,
.employer-solutions p,
.employer-solutions li {
  color: #002638;  

}
/* .employer-solutions a {
  color: #0075ab;
  text-decoration: underline;
} */

.take-survey p {
  margin: auto;
  text-align: center;
  max-width: 100%;
}
.employer-solutions a:hover,
.employer-solutions a:focus {
  text-decoration: none;
}

 .employer-solutions p,
.employer-solutions li,
.employer-solutions .intro-paragraph,
.employer-solutions .on-page-nav,
.employer-solutions .abc-alert,
.employer-solutions .next-steps,
.employer-solutions .checklist-card,
 .employer-solutions .callouts,
.employer-solutions .tip-card,
.employer-solutions .workplace-strategies {
  max-width: 800px;
}
.employer-solutions p,
.employer-solutions li {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

 
.employer-solutions h1 + p,
.employer-solutions h2 + p,
.employer-solutions h3 + p,
.employer-solutions .h1 + p,
.employer-solutions .h2 + p,
.employer-solutions .h3 + p {
  margin-top: 16px;
}

 .employer-solutions h2 + h3,
.employer-solutions h2 + .h3-block,
.employer-solutions .h3-block + .h3-block {
  margin-top: 32px;
}

 .employer-solutions h2 {
  margin-top: 56px;
}

 .employer-solutions ul,
.employer-solutions ol {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-left: 20px;
}
 
 .employer-solutions .on-this-page h2 {
  font-size: 24px;
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  line-height: 1.25;
  margin-bottom: 16px;
  font-weight: 600;
}

 .employer-solutions .lead-18-bold {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
  margin: 16px 0 8px 0;
}
 
.employer-solutions .accordion .btn-link {
  font-weight: 700;  
  font-size: 18px;
  text-decoration: none;
  color: #002638;
  padding: 16px;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 10px;
}

.employer-solutions .accordion .btn-link:not(.collapsed) {
  color: white;
}
.employer-solutions .accordion .btn-link .caret {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
.employer-solutions .accordion .btn-link[aria-expanded="true"] .caret {
  transform: rotate(180deg);
}
 .employer-solutions .accordion .btn-link .caret::before {
  content: "⌄";  
  font-size: 18px;
  line-height: 1;
}

.employer-solutions .accordion h3,
.employer-solutions .menopause-card h3
{ margin: 0; } 

.employer-solutions .accordion .card {
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}
.employer-solutions .accordion .card .card-body {
  padding: 24px;
  border-top: 1px solid #eee;
}

 .employer-solutions .page-notification {
  background: #e6f3ff;
  border-left: 4px solid #0075ab;
  border: 1px solid #ccc;
  max-width: 800px;
  border-radius: 10px;
  padding: 24px;
  margin: 24px 0;
}
.employer-solutions .page-notification .content {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.employer-solutions .page-notification .icon {
  font-size: 24px;
  line-height: 1;
  color: #0075ab;
  margin-top: 4px;
}
 .employer-solutions .callouts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 32px 0;
}
.employer-solutions .callout {
  display: flex;
  gap: 16px;
  align-items: flex-start;  
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 2px 2px 4px rgba(0,0,0,.25);
}
.employer-solutions .callout .stat-number {
  font-size: 56px;
  line-height: 1;
  font-weight: 700;
  color: #0075ab;
  flex: 0 0 auto;
}
.employer-solutions .callout .stat-text {
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
}


 .employer-solutions .next-steps {
  margin: 56px 0;
}
.employer-solutions .next-steps .card {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 2px 2px 4px rgba(0,0,0,.25);
}
.employer-solutions .next-steps h3 {
  font-size: 36px;  
  line-height: 1.2;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;   
  margin-bottom: 16px;
}

 .employer-solutions .workplace-strategies h3 {
  margin-top: 32px;
  margin-bottom: 8px;
}
.employer-solutions .workplace-strategies .strategy-block + .strategy-block {
  margin-top: 32px;  
}

 
@media (max-width: 768px) {
  .employer-solutions .callout .stat-number {
    font-size: 48px;
  }
  .employer-solutions .checklist-card,
  .employer-solutions .next-steps,
  .employer-solutions .on-this-page {
    padding-left: 0;
    padding-right: 0;
  }
}

 
.employer-solutions [id] {
  scroll-margin-top: 96px;
}

.employer-solutions .page-notification {
  background: #E0F5FD;        
  border: 1px solid #0075AB;      
  border-left-width: 8px;       
  border-radius: 4px;
  padding: 16px 16px 16px 24px;    
  margin: 24px 0;
}
.employer-solutions .page-notification .content {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
 
 .employer-solutions .page-notification p strong:first-child {
  display: inline-block;
  margin-bottom: 8px;
}

.employer-solutions .learn-more {
   max-width: none;

}

 .employer-solutions .stat-text p,
.employer-solutions .stat-text {
  margin: 0;
  max-width: none;
}

.employer-solutions .blue-banner h2 {
  margin-top: 0px;
}


 .employer-solutions .tip-card {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;  
  border-bottom: 4px solid #B8CDFF;
  border-radius: 10px;         
  box-shadow: 2px 2px 4px rgba(0,0,0,0.25); 
  padding: 32px;             
  display: grid;             
  grid-template-columns: 80px 1fr;
  gap: 24px;                
  align-items: flex-start;
  margin: 32px 0;            
  max-width: 800px;          
}

.employer-solutions .tip-card .icon {
  font-size: 22px;
  color: #0075ab;
  margin-top: 2px;
}
.employer-solutions .tip-card h4 {
  margin: 0 0 16px;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
}

 .employer-solutions .tip-card .icon,
.employer-solutions .tip-card .icon img,
.employer-solutions .tip-card .icon svg {
  width: 64px;
  height: auto;
  display: block;
}
.employer-solutions .tip-card .icon { align-self: flex-start; }

 .employer-solutions .tip-card ul { margin: 0; padding-left: 1.2em; }
.employer-solutions .tip-card li { margin-bottom: 12px; }

.employer-solutions .blue-banner {
background: #E0F5FD;
}

.employer-solutions .stat-grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  column-gap:64px; justify-items:center; margin:56px 0;
}
.employer-solutions .stat-item{ position:relative; text-align:center; padding:0 32px; }
.employer-solutions .stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -32px;                  
  top: 50%;
  transform: translateY(-50%);
  height: 298px;                 
  border-left: 2px solid #0075AB; 
  width: 0;
}

.employer-solutions .stat-item .stat-value{
  font-family:Paralucent,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:300; font-size:100px; line-height:1; color:#0075AB; margin:0 0 8px 0;
}
.employer-solutions .stat-item .stat-text{
  font-size:18px; line-height:1.6; color:#002638; margin:0; max-width:360px; text-align:center;
}
@media (max-width:768px){
  .employer-solutions .stat-grid{ grid-template-columns:1fr; row-gap:32px; }
  .employer-solutions .stat-item{ padding:0; }
  .employer-solutions .stat-item .stat-value{ font-size:64px; }
}

.employer-solutions .checklist-card .helper { font-size: 18px; line-height: 1.6; margin: 0 0 16px; color: #002638; }

.employer-solutions .checklist-card p strong { display: block; margin: 16px 0 8px; font-weight: 700; color: #002638; }


 .employer-solutions .checklist-card ul { list-style: none; padding-left: 0; margin: 0; }
.employer-solutions .checklist-card li { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0; }
 .employer-solutions .checklist-card input[type="checkbox"] {
  width: 20px; height: 20px; flex: 0 0 auto; accent-color: #0075AB; margin-top: 2px;
}

.employer-solutions .checklist-card li span,
.employer-solutions .checklist-card li p { font-size: 18px; line-height: 1.6; margin: 0; color: #002638; }


.employer-solutions .checklist-card .uncheck-all { display: inline-block; margin-top: 8px; text-decoration: underline; color: #0075AB; }.employer-solutions .checklist-card .uncheck-all:hover { text-decoration: none; }

.employer-solutions .checklist-counter { margin: 12px 0 24px; padding: 12px 16px; border: 1px solid #E0E0E0; border-radius: 8px; font-size: 18px; color: #002638; max-width: 800px; }

.employer-solutions .checklist-card :is(input, a):focus-visible { outline: 2px solid #c85207; outline-offset: 3px; border-radius: 4px; }



 .employer-solutions .checklist-card {
  background: #F3F5F7;
  border: 1px solid #CCCCCC;  
  border-bottom: 0;   
  border-radius: 10px 10px 0 0;
  box-shadow: 4px 0 8px rgba(0,0,0,0.14);
  padding: 24px;
  margin: 24px 0 0;              
  max-width: 800px;
}
.employer-solutions .checklist-card .alert-heading {
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 8px;
  color: #002638;
}
.employer-solutions .checklist-card .margin-b-16 {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 16px;
  color: #002638;
}



 .employer-solutions .checklist-card .checklist-section { margin-top: 8px; }
.employer-solutions .checklist-card .checklist-section > p > strong {
  display: block;
  margin: 16px 0 8px;
  font-weight: 700;
  color: #002638;
}



 .employer-solutions .checklist-card .checklist-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0;
}

 .employer-solutions .checklist-card .custom-checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
 .employer-solutions .checklist-card .custom-checkbox input[type="checkbox"] {
  position: absolute;
  inset: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

 .employer-solutions .checklist-card .custom-checkbox .checkmark {
  position: absolute;
  left: 0; top: 0;
  width: 20px; height: 20px;
  border: 1px solid #9E9E9E;
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
  pointer-events: none;  
}

 .employer-solutions .checklist-card .custom-checkbox input[type="checkbox"]:focus-visible + .checkmark {
  outline: 2px solid #c85207;
  outline-offset: 2px;
  border-radius: 4px;
}

 .employer-solutions .checklist-card .custom-checkbox input[type="checkbox"]:checked + .checkmark {
  background: #0075AB;
  border-color: #0075AB;
}
.employer-solutions .checklist-card .custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: 2px solid #FFFFFF;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}
.employer-solutions .checklist-card .custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
  display: block;
}



.employer-solutions .checklist-card label {
  font-size: 18px;
  line-height: 1.6;
  color: #002638;  
  margin: 0;
  cursor: pointer;
}

.employer-solutions label:not(.check-radio-label){
  font-weight: 400  
}


.employer-solutions .checklist-card .uncheck-all-btn {
  display: inline-block;
  margin-top: 8px;
  font-size: 18px;
  text-decoration: underline;
  color: #0075AB;
}
.employer-solutions .checklist-card .uncheck-all-btn:hover { text-decoration: none; }



.employer-solutions .checklist-score {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-top: 0;                  
  border-radius: 0 0 10px 10px;  
  box-shadow: 2px 2px 4px rgba(0,0,0,0.25);  
  margin: 0 0 24px;                 
  padding: 12px 16px;
  font-size: 18px;
  color: #002638;
  max-width: 800px;
}


/* 1) Constrain the actual "Sections in this guide" wrapper */
.employer-solutions .on-this-page { max-width: 800px; }

/* 2) Tablet breakpoint: 769–991px (covers your problem range) */
@media (min-width: 769px) and (max-width: 991.98px) {

  /* Stat grid: drop from 3 cols to 2 to avoid squish/overflow */
  .employer-solutions .stat-grid { grid-template-columns: repeat(2, 1fr); column-gap: 32px; }
  .employer-solutions .stat-item:not(:last-child)::after { display: none; } /* hide tall divider */
  .employer-solutions .stat-item .stat-value { font-size: 72px; }           /* scale down */

  /* Callouts: one column so text wraps nicely */
  .employer-solutions .callouts { grid-template-columns: 1fr; }

}

/* 3) Safety: make any images scale so they don’t force horizontal overflow */
.employer-solutions img { max-width: 100%; height: auto; }
@media (max-width: 575.98px) {
 
  /* Stack the Tips icon on top of the content */
  .employer-solutions .tip-card {
    grid-template-columns: 1fr;    /* single column */
    gap: 16px;
    text-align: left;
  }
  .employer-solutions .tip-card .icon {
    order: -1;                     /* move icon to top */
    justify-self: start;
    margin: 0 0 4px 0;
    width: 56px;
    height: auto;
  }
  .employer-solutions .tip-card .icon img,
  .employer-solutions .tip-card .icon svg {
    width: 56px;
    height: auto;
    display: block;
  }
  .employer-solutions .tip-card h4 {
    margin-top: 0;
  }
}


/* Tablet stack: 768–991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
  .employer-solutions .stat-grid {
    display: grid;
    grid-template-columns: 1fr;   /* ← stack */
    gap: 40px;
    overflow-x: clip;             /* guard against tiny scrollbar */
  }

  /* Center each stat for nicer balance when stacked */
  .employer-solutions .stat-item {
    text-align: center;
    padding: 0 8px;
  }

  /* Remove the vertical divider between items on tablet */
  .employer-solutions .stat-item:not(:last-child)::after {
    content: none;
  }

  /* Scale big numbers so they’re not overwhelming on tablet */
  .employer-solutions .stat-item .stat-value {
    font-size: clamp(48px, 10vw, 72px);
    line-height: 1;
  }

  /* Keep the caption text comfortably narrow */
  .employer-solutions .stat-item p {
    max-width: 560px;
    margin: 8px auto 0;
  }
}

/* Bonus: if you previously had a negative/right offset on the divider,
   keep this globally safe */
.employer-solutions .stat-item:not(:last-child)::after { right: 0; }
/* Full-width dark band above Research sources */
.employer-solutions .more-to-come-band {
  background: #002638;
  color: #fff;
}

/* Inner container: matches your body/content width rhythm */
.employer-solutions .more-to-come-band .container {
  max-width: 800px;
  padding: 64px 24px;
}

/* Ensure headings and text render white, maintain existing spacing rhythm */
.employer-solutions .more-to-come-band h2 {
  margin-bottom: 20px;
  color: #fff;
margin-top: 0px;
}
.employer-solutions .more-to-come-band p {
  color: #fff;
  margin: 0;
}

/* Links inside the band */
.employer-solutions .more-to-come-band a {
  color: #fff;
  text-decoration: underline;
}
.employer-solutions .more-to-come-band a:hover,
.employer-solutions .more-to-come-band a:focus {
  text-decoration: none;
}