/* Unified AOA typography roles. This file changes type only. */
:root{
  --aoa-display-font:"Arial Narrow","Roboto Condensed","Aptos Display","Segoe UI",Arial,sans-serif;
  --aoa-body-font:Inter,"Aptos","Segoe UI",Arial,sans-serif;
}

body,
input,
select,
textarea,
button{
  font-family:var(--aoa-body-font)!important;
  font-size:16px;
  line-height:1.6;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--aoa-display-font)!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  line-height:1.02!important;
  letter-spacing:-.02em!important;
}

h1{font-size:clamp(64px,6vw,84px)!important}
h2{font-size:clamp(42px,4.2vw,58px)!important}
h3{font-size:clamp(22px,2vw,30px)!important}

.eyebrow,
.aoa-eyebrow,
.opening-note,
.aoa-section-label,
.pathway-number,
.number,
.school-year,
.support-label,
.model-label,
.role,
.step b{
  font-family:var(--aoa-body-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

.nav-links a,
.nav-more summary,
.button,
.menu-button,
.aoa-submit,
.aoa-success__links a,
.field-note small{
  font-family:var(--aoa-body-font)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.03em!important;
}

p,
li,
td,
th,
label,
legend,
summary{
  font-family:var(--aoa-body-font)!important;
}

.hero-copy,
.section-copy,
.lead,
.card p,
.learning-card p,
.pathway-card p,
.support-card p,
.person small,
.list p,
.faq details p,
.hero-note,
.aoa-lead,
.aoa-note,
.aoa-success p{
  font-size:clamp(16px,1.2vw,18px)!important;
  line-height:1.6!important;
}

.callout strong,
.gear-words{
  font-family:var(--aoa-display-font)!important;
  font-weight:900!important;
  line-height:.98!important;
  letter-spacing:-.02em!important;
  text-transform:uppercase!important;
}

.callout strong{font-size:clamp(28px,3vw,48px)!important}
.gear-words{font-size:clamp(48px,6vw,84px)!important}

.section-heading{max-width:1180px}
.section-heading h2{max-width:760px!important}
.research-aligned .section-heading{
  max-width:1180px!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  gap:48px!important;
}
.research-aligned .section-heading h2{max-width:680px!important}
.research-aligned .experience-hero h1{max-width:1000px!important}

@media(max-width:767px){
  h1{font-size:clamp(40px,12vw,52px)!important}
  h2{font-size:clamp(32px,10vw,40px)!important}
  h3{font-size:clamp(20px,6.5vw,26px)!important}
  .hero h1,
  .experience-hero h1,
  .research-hero h1{max-width:100%!important;line-height:1.02!important}
  .hero-copy,
  .section-copy,
  .lead,
  .card p,
  .learning-card p,
  .pathway-card p,
  .support-card p,
  .person small,
  .list p,
  .faq details p,
  .hero-note,
  .aoa-lead,
  .aoa-note,
  .aoa-success p{font-size:16px!important;line-height:1.6!important}
  .section-heading,
  .research-aligned .section-heading{grid-template-columns:1fr!important;gap:24px!important}
  .section-heading h2,
  .research-aligned .section-heading h2{max-width:100%!important}
}