/* Experts / Office Hours: verified people, focused conversations, practical topics. */
#main[data-page=expert]{background:var(--white)}
main#main[data-page=expert]:not(:has(.plat)) .photo-img img{filter:grayscale(1)}
#main[data-page=expert] .hero-inner.has-photo{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--s5);align-items:center;padding-block:var(--s4)}
#main[data-page=expert] .hero-copy{min-width:0;max-width:none !important}
#main[data-page=expert] .hero .photo-hero{height:auto;aspect-ratio:5/4}
#main[data-page=expert] .section>.container{padding-block:var(--s4);border-top:0}
#main[data-page=expert] .section h2{max-width:34ch}
#main[data-page=expert] .expert-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);list-style:none;margin:var(--s3) 0 0;padding:0}
#main[data-page=expert] .expert-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s2);align-items:start}
#main[data-page=expert] .expert-step-number{font-size:var(--fs-lg);font-weight:600;line-height:1.3;color:var(--crimson)}
#main[data-page=expert] .expert-steps h3{margin:0 0 var(--s1);line-height:1.3 !important}
#main[data-page=expert] .expert-steps p{margin:0}
#main[data-page=expert] .expert-section-deck{font-size:var(--fs-md);max-width:75ch;margin:var(--s2) 0 var(--s4)}
#main[data-page=expert] .expert-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
#main[data-page=expert] .expert-profile{display:grid;grid-template-columns:calc(var(--s5) * 2) minmax(0,1fr);gap:var(--s2);align-items:start}
#main[data-page=expert] .expert-portrait{width:100%;aspect-ratio:1;height:auto;background:var(--paper-2)}
#main[data-page=expert] .expert-profile h3{font-size:var(--fs-md) !important;line-height:1.35 !important;margin:0 0 var(--s1)}
#main[data-page=expert] .expert-profile p{font-size:var(--fs-sm);line-height:1.5;margin:0}
#main[data-page=expert] .expert-directory-next{margin-top:var(--s3)}
#main[data-page=expert] .expert-directory-next p{font-size:var(--fs-sm);max-width:85ch;margin:var(--s1) 0 0}
#main[data-page=expert] .expertise-editorial{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s4) var(--s5);margin-top:var(--s3)}
#main[data-page=expert] .expertise-editorial>div{grid-column:span 2}
#main[data-page=expert] .expertise-editorial>div:nth-last-child(-n+2){grid-column:span 2}
#main[data-page=expert] .expertise-editorial h3{margin-bottom:var(--s1)}
#main[data-page=expert] .expertise-editorial p{margin:0;max-width:45ch}
#main[data-page=expert] .closing>.container{padding-block:var(--s3)}
@media(max-width:1000px){
  #main[data-page=expert] .expert-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  #main[data-page=expert] .hero-inner.has-photo{grid-template-columns:1fr;gap:var(--s3)}
  #main[data-page=expert] .hero .photo-hero{aspect-ratio:3/2}
  #main[data-page=expert] .expert-steps{grid-template-columns:1fr;gap:var(--s3)}
}
@media(max-width:600px){
  #main[data-page=expert] .expert-preview,#main[data-page=expert] .expertise-editorial{grid-template-columns:1fr;gap:var(--s3)}
  #main[data-page=expert] .expert-profile{grid-template-columns:calc(var(--s5) * 2) minmax(0,1fr)}
  #main[data-page=expert] .expertise-editorial>div{grid-column:auto}
  #main[data-page=expert] .expertise-editorial>div:nth-last-child(-n+2){grid-column:auto}
}

#main[data-page=expert] .hero-copy{max-width:85ch !important}
#main[data-page=expert] .expert-section-deck{max-width:none;margin-bottom:var(--s3)}
#main[data-page=expert][data-site-preview=editorial]>#areas-of-expertise>.container,
#main[data-page=expert][data-site-preview=editorial]>#meet-the-experts>.container{border-top:1px solid var(--crimson)!important}
#main[data-page=expert] #expert-how-it-works .container{display:block;background:var(--paper-2);padding:var(--s3);margin-block:var(--s2) var(--s4)}
#main[data-page=expert] #expert-how-it-works h2{font-size:var(--fs-lg);margin-bottom:var(--s1)}
#main[data-page=expert] #expert-how-it-works p{max-width:none;margin-block:var(--s1)}
main#main[data-page=expert] .section h2{max-width:none}
main#main[data-page=expert] .section .expert-section-deck,
main#main[data-page=expert] #expert-how-it-works p{max-width:none}
main#main[data-page=expert] .closing>.container{flex-direction:column;align-items:flex-start;gap:var(--s2)}
main#main[data-page=expert] .closing p{max-width:none}