.youth-hero { padding:clamp(40px,6vw,88px) 0; background:#03132e; }
.youth-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:48px; }
.youth-hero h1 { font-size:clamp(52px,6.6vw,88px); line-height:1; max-width:11ch; }
.youth-hero h1 span { color:#c9d4ee; }
.youth-hero .lede { margin:24px 0; max-width:48ch; }
.youth-hero figure { margin:0; }
.youth-hero figure img { width:100%; aspect-ratio:1.1; object-fit:cover; object-position:center; }
.youth-hero figcaption { margin-top:12px; color:#c9d4ee; font-size:14px; }
.youth-hero-note { margin-top:20px; color:#c9d4ee; max-width:45ch; font-size:14px; }
.youth-jumps { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:30px; }
.youth-jumps a { border:1px solid #7282ad; padding:10px 18px; border-radius:24px; text-decoration:none; min-height:44px; }
.youth-jumps a:hover { background:#223185; color:white; }
.youth-program { display:grid; grid-template-columns:1fr 1fr; gap:20px 48px; padding:36px 0; border-top:1px solid #ffffff30; scroll-margin-top:100px; }
.youth-program h3 { font-size:clamp(30px,3.6vw,46px); line-height:1.1; margin-bottom:16px; }
.youth-program p { max-width:55ch; color:var(--soft); }
.youth-program dl { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.youth-program dt { color:var(--soft); font-size:14px; margin-bottom:6px; }
.youth-program dd { margin:0; font-size:18px; font-weight:650; }
.youth-program .link-arrow { margin-top:18px; }
.youth-dates-link { grid-column:2; justify-self:start; padding:10px 0; font-weight:650; }
.youth-calendar-tools { display:flex; align-items:end; gap:24px; flex-wrap:wrap; }
.youth-calendar-tools label { display:grid; gap:8px; font-weight:600; }
.youth-calendar-tools select { background:#0a2250; color:white; border:1px solid #7282ad; border-radius:8px; padding:14px 44px 14px 16px; font:inherit; min-height:48px; }
.youth-calendar-context { margin:28px 0; color:var(--soft); }
.youth-calendar-context strong { color:white; }
.youth-months { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.youth-months h3 { font-size:26px; line-height:1.2; margin-bottom:14px; }
.youth-months ul { list-style:none; margin:0; padding:0; }
.youth-months li { padding:10px 0; border-top:1px solid #ffffff28; font-variant-numeric:tabular-nums; }
.youth-date-note { display:block; font-size:12px; color:var(--soft); }
.youth-small { font-size:14px; color:var(--soft); margin:24px 0; max-width:70ch; }
.youth-parent-guide { background:#eaf0fb; color:#03132e; }
.youth-parent-guide p { color:#304363; }
.youth-parent-guide a { color:#223185; }
.youth-parent-guide .two-col { align-items:start; }
.youth-parent-guide .two-col > div > p { margin-top:24px; }
.youth-guide-lines > div + div { border-top:1px solid #bac8df; padding-top:24px; margin-top:24px; }
.youth-guide-lines h3,.youth-key-dates h3 { font-size:30px; line-height:1.1; margin-bottom:12px; }
.youth-guide-lines p + a { display:inline-block; margin-top:16px; }
.youth-key-dates article { padding:24px 0; border-top:1px solid #ffffff30; }
.youth-key-dates article:first-child { padding-top:0; border-top:0; }
.youth-key-dates p { color:var(--soft); margin-top:8px; }
.youth-contact { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.youth-contact h2 { font-size:clamp(38px,5vw,64px); line-height:1; }
.youth-contact p { margin-top:24px; }
.youth-contact p a { display:inline-block; padding:5px 0; }
@media(max-width:900px){.youth-hero-grid{gap:28px}.youth-months{grid-template-columns:repeat(2,1fr)}.youth-program{gap:20px 28px}}
@media(max-width:650px){.youth-hero-grid{grid-template-columns:1fr}.youth-hero figure img{aspect-ratio:1.7}.youth-hero h1{max-width:14ch}.youth-program{grid-template-columns:1fr}.youth-dates-link{grid-column:1}.youth-contact{align-items:start;flex-direction:column}.youth-months{gap:24px 20px}.youth-calendar-tools{display:grid}.youth-calendar-tools select{width:100%}.youth-calendar-tools button{white-space:normal;text-align:center}}