/* Visual-only treatment for the four AOA experience pages. */
.research-aligned{
  overflow-x:hidden;
  background:#F8F4EB;
}

.research-aligned .wrap{
  width:min(1320px,calc(100% - clamp(48px,10vw,152px)));
}

.research-aligned .experience-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-image:
    linear-gradient(105deg,rgba(5,31,68,.92) 0%,rgba(11,45,91,.68) 52%,rgba(17,75,142,.22) 100%),
    url('./AOA_Hero.webp');
  background-position:center right;
  background-size:cover;
  background-repeat:no-repeat;
}

.research-aligned .experience-hero .hero-inner{
  position:relative;
  z-index:1;
  max-width:1320px;
}

.page-progress .experience-hero{
  background-image:
    linear-gradient(105deg,rgba(4,27,61,.96) 0%,rgba(11,45,91,.78) 62%,rgba(17,75,142,.34) 100%),
    url('./AOA_Section_FinalCTA.webp');
  background-position:center right;
}

.page-day .experience-hero{
  background-image:
    linear-gradient(110deg,rgba(4,35,78,.92) 0%,rgba(17,75,142,.68) 58%,rgba(11,45,91,.24) 100%),
    url('./AOA_Hero.webp');
  background-position:center right;
}

.page-families .experience-hero{
  background-image:
    linear-gradient(112deg,rgba(11,45,91,.96) 0%,rgba(11,45,91,.82) 60%,rgba(17,75,142,.38) 100%),
    url('./AOA_Hero.webp');
  background-position:center right;
}

.page-fit .experience-hero{
  background-image:
    linear-gradient(116deg,rgba(5,31,68,.90) 0%,rgba(17,75,142,.68) 66%,rgba(255,138,0,.16) 100%),
    url('./AOA_Hero.webp');
  background-position:center right;
}

.page-fit .experience-hero .hero-inner{
  border-left:6px solid #FF8A00;
}

.research-aligned .section{
  border-top:1px solid rgba(11,45,91,.07);
}

.research-aligned .section:nth-child(even):not(.blue):not(.experience-final){
  background:#F8F4EB;
}

.research-aligned .section:nth-child(odd):not(.blue):not(.experience-final){
  background:#fffdf8;
}

.research-aligned .section.blue{
  position:relative;
  isolation:isolate;
  background-color:#0B2D5B;
}

.research-aligned .section h2{
  text-wrap:balance;
}

.research-aligned .card{
  box-shadow:0 10px 28px rgba(11,45,91,.055);
  transition:transform .2s ease,box-shadow .2s ease;
}

.research-aligned .card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(11,45,91,.09);
}

.research-aligned .blue .card{
  box-shadow:none;
}

.research-aligned .callout{
  border-left:0;
  background:#FF8A00;
  color:#0B2D5B;
}

/* Major editorial emphasis sections. */
.page-families main>.section:nth-child(22),
.page-fit main>.section:nth-child(5){
  position:relative;
  isolation:isolate;
  color:#fff;
  background:#0B2D5B;
}

.page-day main>.section:nth-child(7),
.page-fit main>.section:nth-child(5),
.page-progress main>.section:nth-child(12){
  background-image:
    linear-gradient(105deg,rgba(4,27,61,.94) 0%,rgba(11,45,91,.80) 58%,rgba(17,75,142,.46) 100%),
    url('./AOA_Section_Pathways.jpg');
  background-position:center right;
  background-size:cover;
  background-repeat:no-repeat;
}

.page-families main>.section:nth-child(22) h2,
.page-families main>.section:nth-child(22) .section-copy,
.page-families main>.section:nth-child(22) .lead,
.page-fit main>.section:nth-child(5) h2,
.page-fit main>.section:nth-child(5) .section-copy,
.page-fit main>.section:nth-child(5) .lead{
  color:#fff;
}

.page-fit main>.section:nth-child(5) .callout{
  background:transparent;
  border:1px solid rgba(255,255,255,.26);
  border-left:6px solid #FF8A00;
  box-shadow:none;
}

.page-fit main>.section:nth-child(5) .callout strong,
.page-fit main>.section:nth-child(5) .callout p{
  color:#fff;
}

.page-fit main>.section:nth-child(5)>.wrap>.section-copy:last-child strong{
  display:block;
  max-width:940px;
  color:#FF8A00;
  font:900 clamp(32px,4vw,58px)/.96 'Arial Narrow','Roboto Condensed',Arial,sans-serif;
  letter-spacing:-.025em;
  text-transform:uppercase;
}

/* Stigma-Free Gear Closet centerpiece. */
.page-families main>.section:nth-child(22){
  background:#114B8E;
}

.page-families main>.section:nth-child(22) .gear,
.page-fit .section.blue .gear{
  position:relative;
  overflow:hidden;
  padding:clamp(34px,5vw,72px);
  color:#fff;
  background:#0B2D5B;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
}

.page-families main>.section:nth-child(22) .gear-words,
.page-fit .section.blue .gear-words{
  color:#fff;
  font-size:clamp(48px,6.2vw,92px);
  line-height:.88;
  letter-spacing:-.035em;
}

.page-families main>.section:nth-child(22) .gear-words::first-line,
.page-fit .section.blue .gear-words::first-line{
  color:#FF8A00;
}

.page-families main>.section:nth-child(22) .gear p,
.page-fit .section.blue .gear p{
  max-width:760px;
  color:rgba(255,255,255,.82);
  font-size:18px;
}

/* Keep Families light sections high-contrast without changing the approved dark feature sections. */
.page-families main>.section:not(.blue):not(.experience-final):not(:nth-child(18)):not(:nth-child(22)) h2{
  color:#0B2D5B;
}

.page-families main>.section:not(.blue):not(.experience-final):not(:nth-child(18)):not(:nth-child(22)) .lead,
.page-families main>.section:not(.blue):not(.experience-final):not(:nth-child(18)):not(:nth-child(22)) .section-copy,
.page-families main>.section:not(.blue):not(.experience-final):not(:nth-child(18)):not(:nth-child(22)) .card p,
.page-families main>.section:not(.blue):not(.experience-final):not(:nth-child(18)):not(:nth-child(22)) .step h3{
  color:#243B53;
}

.page-families main>.section:not(.blue):not(.experience-final):not(:nth-child(18)):not(:nth-child(22)) .card h3{
  color:#0B2D5B;
}

/* Where Have We Been: horizontal desktop milestones and status labels. */
.page-progress .timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  border-left:0;
  border-top:3px solid #FF8A00;
}

.page-progress .timeline .step{
  position:relative;
  min-width:0;
  padding:34px 18px 0;
  border:0;
  border-left:1px solid rgba(11,45,91,.14);
}

.page-progress .timeline .step::before{
  content:"";
  position:absolute;
  top:-10px;
  left:18px;
  width:17px;
  height:17px;
  border:4px solid #F8F4EB;
  border-radius:50%;
  background:#FF8A00;
  box-shadow:0 0 0 2px #FF8A00;
}

.page-progress .timeline .step:first-child{
  border-left:0;
}

.page-progress main>.section:nth-child(9) .card p{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  margin-top:18px;
  padding:6px 12px;
  color:#0B2D5B;
  background:rgba(255,138,0,.14);
  border:1px solid rgba(255,138,0,.42);
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.page-progress main>.section:nth-child(9) .card:nth-child(6) p,
.page-progress main>.section:nth-child(9) .card:nth-child(8) p,
.page-progress main>.section:nth-child(9) .card:nth-child(11) p{
  color:#fff;
  background:#114B8E;
  border-color:#114B8E;
}

/* A Day in the Life: connected vertical schedule. */
.page-day #sample-day .timeline{
  position:relative;
  max-width:1040px;
  margin-inline:auto;
  padding-left:0;
  border-left:0;
}

.page-day #sample-day .timeline::before{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  left:50%;
  width:3px;
  transform:translateX(-50%);
  background:#FF8A00;
}

.page-day #sample-day .timeline .step{
  position:relative;
  width:calc(50% - 36px);
  margin-right:auto;
  padding:26px 28px;
  background:#fffdf8;
  border:1px solid rgba(11,45,91,.16);
  border-radius:12px;
  box-shadow:0 12px 28px rgba(11,45,91,.06);
}

.page-day #sample-day .timeline .step:nth-child(even){
  margin-right:0;
  margin-left:auto;
  background:#0B2D5B;
  color:#fff;
}

.page-day #sample-day .timeline .step:nth-child(even) h3,
.page-day #sample-day .timeline .step:nth-child(even) p{
  color:#fff;
}

.page-day #sample-day .timeline .step::after{
  content:"";
  position:absolute;
  top:28px;
  right:-45px;
  width:16px;
  height:16px;
  border:4px solid #F8F4EB;
  border-radius:50%;
  background:#FF8A00;
  box-shadow:0 0 0 2px #FF8A00;
}

.page-day #sample-day .timeline .step:nth-child(even)::after{
  right:auto;
  left:-45px;
}

/* Student-facing page: bolder editorial statements. */
.page-fit main>.section:nth-child(2) h2,
.page-fit main>.section:nth-child(3) h2,
.page-fit main>.section:nth-child(6) h2{
  font-size:clamp(50px,5.7vw,82px);
  line-height:.9;
}

.page-fit main>.section:nth-child(2) .list p{
  padding:20px 22px;
  background:#fff;
  border:1px solid rgba(11,45,91,.13);
  border-left:5px solid #FF8A00;
  border-radius:8px;
}

.research-aligned .experience-final{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(3,32,73,.92),rgba(17,75,142,.46)),
    url('./AOA_Section_FinalCTA.webp') center right/cover no-repeat;
}

.research-aligned .experience-final h2,
.research-aligned .experience-final .section-copy,
.research-aligned .experience-final .list p{
  color:#fff;
}

.research-aligned .experience-final .callout{
  max-width:940px;
}

@media (max-width:1023px){
  .research-aligned .wrap{
    width:calc(100% - 48px);
  }

  .page-progress .timeline{
    grid-template-columns:repeat(3,minmax(0,1fr));
    row-gap:42px;
  }

  .page-progress .timeline .step:nth-child(4){
    border-left:0;
  }
}

@media (max-width:900px){
  .research-aligned .site-header{
    position:relative;
    min-height:80px;
    background:#0B2D5B;
    border-bottom:2px solid #FF8A00;
  }

  .research-aligned .nav{
    min-height:80px;
    justify-content:flex-end;
  }

  .research-aligned .menu-button{
    display:inline-flex;
    align-items:center;
  }

  .research-aligned .nav-links{
    position:absolute;
    top:80px;
    left:24px;
    right:24px;
    z-index:20;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    margin:0;
    padding:12px;
    background:#061b36;
    border:1px solid rgba(255,255,255,.16);
    border-radius:10px;
    box-shadow:0 20px 45px rgba(3,20,48,.32);
  }

  .research-aligned .nav-links.open{
    display:flex;
  }

  .research-aligned .nav-links a{
    min-height:48px;
    display:flex;
    align-items:center;
    padding:12px 14px;
  }

  .research-aligned .nav-cta{
    justify-content:center;
    text-align:center;
  }
}

@media (max-width:820px){
  .research-aligned .wrap{
    width:calc(100% - 40px);
  }

  .research-aligned .experience-hero,
  .page-progress .experience-hero,
  .page-day .experience-hero,
  .page-families .experience-hero,
  .page-fit .experience-hero{
    background-size:cover;
  }

  .page-progress .experience-hero{
    background-image:
      linear-gradient(145deg,rgba(5,31,68,.96),rgba(17,75,142,.72)),
      url('./AOA_Section_FinalCTA.webp');
    background-position:74% center;
  }

  .page-day .experience-hero,
  .page-fit .experience-hero{
    background-image:
      linear-gradient(145deg,rgba(5,31,68,.94),rgba(17,75,142,.70)),
      url('./AOA_Hero.webp');
    background-position:72% center;
  }

  .page-families .experience-hero{
    background-image:
      linear-gradient(145deg,rgba(5,31,68,.96),rgba(17,75,142,.72)),
      url('./AOA_Hero.webp');
    background-position:74% center;
  }

  .page-day main>.section:nth-child(7),
  .page-fit main>.section:nth-child(5),
  .page-progress main>.section:nth-child(12){
    background-position:68% center;
  }

  .research-aligned .experience-hero,
  .research-aligned .experience-hero .hero-inner{
    min-height:0;
  }

  .research-aligned .experience-hero .hero-inner{
    padding:64px 0 76px;
  }

  .research-aligned .experience-hero h1{
    max-width:13ch;
    font-size:clamp(43px,9vw,62px);
    line-height:1;
  }

  .research-aligned .hero-copy{
    font-size:18px;
  }

  .research-aligned .section{
    padding:72px 0;
  }

  .research-aligned .section h2{
    font-size:clamp(36px,7.2vw,52px);
  }

  .page-fit .experience-hero .hero-inner{
    padding-left:20px;
    border-left:4px solid #FF8A00;
  }

  .research-aligned .section-heading{
    grid-template-columns:1fr;
    gap:24px;
    align-items:start;
  }

  .research-aligned .grid2,
  .research-aligned .grid3,
  .research-aligned .steps{
    grid-template-columns:1fr;
  }

  .research-aligned .actions{
    display:grid;
  }

  .research-aligned .button{
    width:100%;
  }

  .research-aligned .card:hover{
    transform:none;
  }

  .research-aligned .card{
    padding:24px;
  }

  .research-aligned .footer-grid{
    flex-direction:column;
  }

  .page-progress .timeline{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding-left:22px;
    border-top:0;
    border-left:3px solid #FF8A00;
  }

  .page-progress .timeline .step,
  .page-progress .timeline .step:nth-child(4){
    padding:12px 0 28px 24px;
    border:0;
    border-bottom:1px solid rgba(11,45,91,.13);
  }

  .page-progress .timeline .step::before{
    top:17px;
    left:-32px;
  }

  .page-day #sample-day .timeline{
    padding-left:22px;
  }

  .page-day #sample-day .timeline::before{
    left:0;
    transform:none;
  }

  .page-day #sample-day .timeline .step,
  .page-day #sample-day .timeline .step:nth-child(even){
    width:100%;
    margin:0 0 18px;
    padding:22px 20px;
  }

  .page-day #sample-day .timeline .step::after,
  .page-day #sample-day .timeline .step:nth-child(even)::after{
    top:25px;
    right:auto;
    left:-31px;
  }

  .page-families main>.section:nth-child(22) .gear,
  .page-fit .section.blue .gear{
    padding:28px 20px;
  }

  .page-families main>.section:nth-child(22) .gear-words,
  .page-fit .section.blue .gear-words{
    font-size:clamp(40px,12vw,58px);
  }

  .page-fit main>.section:nth-child(2) h2,
  .page-fit main>.section:nth-child(3) h2,
  .page-fit main>.section:nth-child(6) h2{
    font-size:clamp(42px,11vw,56px);
  }
}

/* Shared navigation: More Pages occupies the orange CTA position on every new page. */
.research-aligned .nav-more{
  position:relative;
  padding:0;
  border:0;
}

.research-aligned .nav-more summary{
  display:flex;
  align-items:center;
  cursor:pointer;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.03em;
  list-style:none;
  text-transform:uppercase;
}

.research-aligned .nav-more summary::-webkit-details-marker{display:none}
.research-aligned .nav-more summary::after{content:"+";margin-left:7px;color:#fff}
.research-aligned .nav-more[open] summary::after{content:"−"}
.research-aligned .nav-more.nav-cta{background:#FF8A00;border-radius:10px}
.research-aligned .nav-more.nav-cta summary{padding:16px 23px}
.research-aligned .nav-more-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:50;
  display:grid;
  min-width:240px;
  gap:3px;
  padding:8px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:#061B36;
  box-shadow:0 18px 40px rgba(3,20,48,.3);
}
.research-aligned .nav-more-menu a{display:block;min-height:0;padding:12px 14px;color:#fff;white-space:nowrap}
.research-aligned .nav-more-menu a:hover{color:#FF8A00;background:rgba(255,255,255,.08)}

@media (max-width:900px){
  .research-aligned .nav-more{width:100%}
  .research-aligned .nav-more.nav-cta summary{justify-content:center}
  .research-aligned .nav-more-menu{position:static;min-width:0;margin:0 8px 4px;box-shadow:none}
  .research-aligned .nav-more-menu a{min-height:48px;display:flex;align-items:center}
}