.interview-page *{box-sizing:border-box}
.interview-page main{max-width:1260px;padding-top:65px}.interview-intro{text-align:center;max-width:650px;margin:0 auto 35px}.interview-intro .section-kicker{color:var(--navy);font-size:12px;letter-spacing:.15em;margin:0}.interview-intro h1{margin:12px 0 22px}.interview-intro>p:last-child{font-size:17px;line-height:2}.interview-page .level-nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 0}.level-nav a{display:block;padding:12px 18px;border:1px solid #10213f40;text-decoration:none;background:transparent;font-size:14px}.level-nav a:hover,.level-nav a:focus-visible{background:var(--navy);color:var(--base)}.interview-page .interview-note{font-size:12px;text-align:center;max-width:780px;margin:22px auto 55px;color:#655e52}.interview-section{scroll-margin-top:30px;padding:35px 0 45px;border-top:1px solid #10213f30}.track-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.interview-page .track-heading h2{margin:0 0 10px}.track-heading p{margin:0}.track-controls{display:flex;gap:10px;flex-shrink:0}.interview-page .track-controls button{font-size:23px;width:46px;height:46px;padding:0;background:transparent;color:var(--navy);border:1px solid #10213f60}.interview-page .track-controls button:hover{background:var(--navy);color:var(--base)}.interview-page .track-controls button:disabled{opacity:.3;cursor:default;background:transparent;color:var(--navy)}.interview-page .swipe-hint{font-size:12px;margin:18px 0 14px;color:#655e52;display:flex;gap:15px;align-items:center}.interview-track{display:flex;overflow-x:auto;gap:28px;scroll-snap-type:x mandatory;padding:4px 4px 24px;scrollbar-color:var(--gold) transparent;scrollbar-width:thin;overscroll-behavior-x:contain}.interview-track:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.interview-card{flex:0 0 calc((100% - 28px)/2);min-width:0;scroll-snap-align:start;border:1px solid #10213f25;padding:25px;display:flex;flex-direction:column;background:#ffffff40}.interview-page .interview-tag{font-size:12px;margin:0 0 12px;color:#655e52}.interview-page .interview-card h3{font-size:21px;line-height:1.7;margin:0 0 22px;min-height:3.4em}.interview-card iframe{width:100%;aspect-ratio:16/9;border:0;background:var(--navy);display:block}.interview-page .interview-description{font-size:14px;line-height:2;margin:22px 0}.interview-card .youtube-link{font-size:13px;margin-top:auto;padding-top:18px;text-underline-offset:5px;align-self:flex-start}.interview-card .youtube-link span{margin-left:10px}#parenting{scroll-margin-top:30px}.enrollment-note{text-align:center;border-top:1px solid #10213f30;padding-top:30px}
@media(max-width:800px){.interview-page main{padding-top:40px}.interview-intro>p:last-child{font-size:15px}.interview-page .level-nav{gap:8px;justify-content:flex-start}.level-nav a{font-size:12px;padding:11px 13px}.interview-page .interview-note{text-align:left;margin-bottom:35px}.track-heading{align-items:flex-start}.interview-page .track-heading h2{font-size:23px}.track-heading p{font-size:13px}.track-controls{gap:7px}.interview-page .track-controls button{width:35px;height:35px;font-size:19px}.interview-track{gap:18px;margin-right:-6%;padding-right:6%}.interview-card{flex-basis:90%;padding:18px}.interview-page .interview-card h3{font-size:18px;margin-bottom:18px}.interview-page .interview-description{font-size:13px}.interview-section{padding-top:28px}.interview-page .swipe-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.interview-track{scroll-behavior:auto}}
/* Three audience groups; a navy introduction separates the opening from the videos. */
.interview-page main{max-width:none;padding:0}.interview-intro{max-width:none;margin:0;background:var(--navy);color:var(--base);border-bottom:3px solid var(--gold)}.interview-intro-inner{max-width:1120px;margin:auto;padding:65px 6% 55px}.interview-page .interview-intro h1{margin:0 0 25px;color:var(--base)}.interview-page .interview-intro h1:after{content:'';display:block;width:55px;height:2px;background:var(--gold);margin:25px auto 0}.interview-page .interview-intro p{color:var(--base);font-size:17px}.interview-page .interview-intro .level-nav{margin:30px 0 0}.interview-intro .level-nav a{border-color:#c59a4590;color:var(--base);background:#ffffff08;font-size:14px;padding:14px 20px}.interview-intro .level-nav a:hover,.interview-intro .level-nav a:focus-visible{background:var(--gold);color:var(--navy);border-color:var(--gold)}.interview-content{max-width:1260px;margin:auto;padding:20px 6% 65px}.interview-section:first-child{border-top:0}.section-number{display:inline-block;color:#8c6725;font-family:Baskerville,"Times New Roman",serif;font-size:16px;margin-bottom:10px;letter-spacing:.12em}.interview-card{background:#fffdf9;border-top:3px solid var(--gold)}.interview-page .interview-tag{color:#6f5326}.interview-page .interview-card h3{margin-bottom:16px}.interview-page .interview-name{margin:-6px 0 18px;font-size:13px;color:#655e52}.interview-name:before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold);vertical-align:middle;margin-right:8px}
@media(max-width:800px){.interview-page main{padding:0}.interview-intro-inner{padding:40px 7% 35px}.interview-page .interview-intro h1{font-size:clamp(25px,7.1vw,34px);line-height:1.6;margin-bottom:20px}.interview-page .interview-intro p{font-size:15px;line-height:2}.interview-page .interview-intro .level-nav{display:grid;grid-template-columns:1fr;gap:9px;margin-top:25px}.interview-intro .level-nav a{font-size:14px;padding:12px 14px;text-align:left;display:flex;justify-content:space-between;align-items:center}.interview-intro .level-nav a:after{content:'↓';color:var(--gold)}.interview-intro .level-nav a:hover:after{color:var(--navy)}.interview-content{padding:15px 7% 45px}.track-heading{gap:12px}.interview-page .track-heading h2{font-size:21px;line-height:1.7}.track-controls{padding-top:35px}.section-number{margin-bottom:6px;font-size:14px}.interview-page .interview-card h3{min-height:0}.interview-page .interview-name{font-size:12px}.interview-section{scroll-margin-top:20px}}

/* Names and ages have breathing room; the gold rule identifies the speaker. */
.interview-card .interview-tag{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:13px;line-height:1.8}.interview-card .interview-tag:before{content:"";width:22px;height:1px;background:var(--gold,#c59a45);flex:none}.interview-card .interview-age{color:#756d60;font-size:12px;white-space:nowrap}