/* For Families page formatting pass. Content, colors, imagery, and structure remain unchanged. */
.page-families .families-topic-nav{
  position:relative;
  z-index:2;
  padding:24px 0 26px;
  background:#fffdf8;
  border-bottom:1px solid rgba(11,45,91,.14);
}

.page-families .families-topic-nav .eyebrow{
  margin-bottom:14px;
}

.page-families .families-topic-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
}

.page-families .families-topic-links a{
  color:#0B2D5B;
  font-size:15px;
  font-weight:800;
  text-decoration:none;
  border-bottom:2px solid transparent;
}

.page-families .families-topic-links a:hover,
.page-families .families-topic-links a:focus-visible{
  color:#FF8A00;
  border-bottom-color:#FF8A00;
}

.page-families main > .section[id]{
  scroll-margin-top:24px;
}

.page-families .callout{
  border-left:6px solid #FF8A00;
  background:#fffdf8;
  box-shadow:0 8px 24px rgba(11,45,91,.06);
}

.page-families .callout strong,
.page-families .callout p{
  color:#0B2D5B;
}

.page-families main > .section{
  padding:78px 0;
}

.page-families .section-heading{
  margin-bottom:30px;
  gap:36px !important;
}

.page-families .section-heading h2{
  max-width:680px !important;
}

.page-families .lead,
.page-families .section-copy{
  max-width:780px;
}

.page-families .grid2,
.page-families .grid3{
  gap:20px;
  align-items:stretch;
}

.page-families .card{
  padding:23px 22px;
}

.page-families .callout{
  margin-top:26px;
  padding:23px 26px;
}

.page-families .steps{
  margin-top:4px;
}

.page-families .step{
  padding:20px 18px 0;
}

.page-families .faq{
  margin-top:18px;
}

.page-families .faq details{
  padding:15px 0;
}

.page-families .experience-final .actions{
  margin-top:24px;
}

.page-families main > .section:nth-of-type(2),
.page-families main > .section:nth-of-type(6),
.page-families main > .section:nth-of-type(10),
.page-families main > .section:nth-of-type(14),
.page-families main > .section:nth-of-type(18),
.page-families main > .section:nth-of-type(22),
.page-families main > .section:nth-of-type(26){
  border-top:4px solid rgba(255,138,0,.75);
}

/* Keep the Gear Closet follow-up copy dark on the light section background. */
.page-families main > .section:nth-of-type(22) > .wrap > .section-copy{
  color:#0B2D5B !important;
}

.page-families main > .section:nth-of-type(22){
  color:#0B2D5B;
  background:#F8F4EB;
}

.page-families main > .section:nth-of-type(22) h2,
.page-families main > .section:nth-of-type(22) > .wrap > .section-heading > .lead{
  color:#0B2D5B !important;
}

@media (max-width:767px){
  .page-families .families-topic-nav{
    padding:20px 0 22px;
  }

  .page-families .families-topic-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 18px;
  }

  .page-families .families-topic-links a{
    font-size:14px;
  }

  .page-families main > .section{
    padding:60px 0;
  }

  .page-families .section-heading{
    margin-bottom:24px;
    gap:18px !important;
  }

  .page-families .grid2,
  .page-families .grid3{
    gap:14px;
  }

  .page-families .card{
    padding:20px 18px;
  }

  .page-families .callout{
    margin-top:20px;
    padding:20px;
  }

  .page-families .step{
    padding:18px 0 0;
  }

  .page-families .faq{
    margin-top:10px;
  }

  .page-families .faq details{
    padding:13px 0;
  }
}