/* One 1440px desktop composition for approval; no responsive variants. */
/* Direction author bio: the program-byline appearance, without loading program layouts. */
#maven-mood .training-page .program-byline{display:flex;align-items:center;gap:16px;margin-bottom:24px}
#maven-mood .training-page .program-byline img{width:64px;height:64px;object-fit:cover;object-position:center 30%;border-radius:50%;flex-shrink:0}
#maven-mood .training-page .program-byline>div{min-width:0}
#maven-mood .training-page .program-byline strong{display:block;font-size:17px;font-weight:600;line-height:1.4}
#maven-mood .training-page .program-byline span{display:block;font-size:14px;line-height:1.5;color:#33424E}
#maven-mood .training-page .program-byline a{font-size:14px;line-height:1.5;text-decoration:none;color:var(--mv-blue)}
#maven-mood .training-page .program-byline a:hover{text-decoration:underline}
#maven-mood .training-page{width:1320px;margin:32px auto 0;font-size:17px;line-height:1.55}
#maven-mood .training-page h1{font-size:52px;line-height:1.14;font-weight:600;letter-spacing:-1.5px;margin-bottom:24px}
#maven-mood .training-page h2{font-size:32px;line-height:1.25;font-weight:600;letter-spacing:-.7px;margin-bottom:16px}
#maven-mood .training-page h3{font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.3px;margin:0 0 12px}
#maven-mood .training-page p+p{margin-top:16px}
#maven-mood .training-page .primary{font-size:16px;white-space:nowrap;flex-shrink:0}
#maven-mood .training-section{margin-top:48px}
#maven-mood .training-hero{width:1136px;margin:auto;display:grid;grid-template-columns:760px 320px;gap:56px;align-items:center}
#maven-mood .training-hero p{max-width:700px;font-size:18px;line-height:1.55}
#maven-mood .training-photo{width:320px;aspect-ratio:4/5;border-radius:6px;background:var(--mv-soft);display:flex;align-items:center;justify-content:center;color:#667783;font-size:15px}
#maven-mood .training-actions{display:flex;align-items:center;gap:32px;margin-top:24px}
#maven-mood .training-link{font-size:16px;font-weight:600;text-decoration:none;border-bottom:1px solid #a6b8c7;padding-bottom:5px}
#maven-mood .training-meaning{width:1136px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px;align-items:start}
#maven-mood .training-meaning h2{max-width:360px}
#maven-mood .training-meaning p{max-width:800px}
#maven-mood .training-programs-intro{max-width:864px;margin-left:96px}
#maven-mood .training-programs>h2::before{content:"";display:block;width:96px;height:2px;background:var(--mv-soft);margin-bottom:16px}
#maven-mood .training-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;margin-top:32px}
#maven-mood .training-catalog article{border-top:1px solid var(--mv-line);padding:22px 0 24px;min-width:0}
#maven-mood .training-catalog a{text-decoration:none;color:var(--mv-blue)}
#maven-mood .training-catalog a:hover{text-decoration:underline}
#maven-mood .training-catalog p{max-width:590px}
#maven-mood .training-custom{width:1136px;margin:32px auto 0;border-left:3px solid var(--mv-soft);padding:0 0 0 24px;display:flex;align-items:center;gap:44px}
#maven-mood .training-custom>div{max-width:800px}
#maven-mood .training-custom h3{margin-bottom:12px}
#maven-mood .training-process{background:var(--mv-soft);border-radius:5px;padding:36px 44px}
#maven-mood .training-process>h2{margin-bottom:28px}
#maven-mood .training-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
#maven-mood .step-number{display:block;font-size:14px;font-weight:600;color:var(--mv-detail);margin-bottom:12px}
#maven-mood .training-steps h3{font-size:22px;min-height:58px;margin-bottom:12px}
#maven-mood .training-process-note{margin-top:28px;max-width:1050px;font-size:16px}
#maven-mood .training-final{max-width:1080px;margin-left:auto;margin-right:auto;padding-top:28px;border-top:1px solid var(--mv-line);display:flex;gap:48px;align-items:center}
#maven-mood .training-final>div{max-width:760px}
body.post-type-archive-training #maven-mood .surface>.footer{margin-top:48px}

/* Only loaded for Training. Desktop remains the approved composition. */
@media(min-width:1440px){#maven-mood .training-programs-intro{max-width:944px}}
#maven-mood .step-number{font-size:22px;font-weight:600;line-height:1.2;margin-bottom:8px}
#maven-mood .training-photo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
#maven-mood .training-page>* ,#maven-mood .training-page section>div{min-width:0}
#maven-mood .training-detail{max-width:900px;min-height:400px}
@media(max-width:1439px){
 #maven-mood .training-page{width:calc(100% - 64px);max-width:1320px}
 #maven-mood .training-hero{width:100%;grid-template-columns:minmax(0,1fr) minmax(260px,32%);gap:40px}
 #maven-mood .training-photo{width:100%}
 #maven-mood .training-meaning{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px}
 #maven-mood .training-custom{width:100%;gap:40px}
 #maven-mood .training-programs-intro{--training-intro-offset:clamp(0px,calc((100vw - 768px)/7),96px);margin-left:var(--training-intro-offset);max-width:min(864px,calc(100% - var(--training-intro-offset)))}
 #maven-mood .training-catalog{column-gap:40px}
 #maven-mood .training-final{width:100%;gap:40px}
}
@media(max-width:1100px){
 #maven-mood .training-page h1{font-size:42px}
 #maven-mood .training-process{padding:32px}
 #maven-mood .training-steps{grid-template-columns:1fr;gap:24px}
 #maven-mood .training-steps h3{min-height:0}
 #maven-mood .training-steps p{max-width:680px}
}
@media(max-width:850px){
 #maven-mood .training-hero{grid-template-columns:1fr;gap:24px}
 #maven-mood .training-photo{max-width:320px}
 #maven-mood .training-meaning{grid-template-columns:1fr;gap:24px}
 #maven-mood .training-meaning h2{max-width:none;margin-bottom:0}
 #maven-mood .training-custom,#maven-mood .training-final{flex-direction:column;align-items:flex-start;gap:24px}
}
@media(max-width:720px){
 #maven-mood .training-catalog{grid-template-columns:1fr}
}
@media(max-width:640px){
 #maven-mood .training-page{width:calc(100% - 40px);margin-top:24px;font-size:16px;line-height:1.5}
 #maven-mood .training-section{margin-top:40px}
 #maven-mood .training-page h1{font-size:36px;letter-spacing:-.8px}
 #maven-mood .training-page h2{font-size:28px;letter-spacing:-.4px}
 #maven-mood .training-hero p{font-size:16px;line-height:1.5}
 #maven-mood .training-actions{flex-direction:column;align-items:flex-start;gap:24px}
 #maven-mood .training-catalog{grid-template-columns:1fr;margin-top:24px}
 #maven-mood .training-custom{padding-left:24px}
 #maven-mood .training-process{padding:24px}
 #maven-mood .training-photo{max-width:100%;width:320px}
}

/* Hero media only; all following sections retain their existing rules. */
#maven-mood .training-hero{grid-template-columns:minmax(0,1fr) 288px;width:1104px;gap:56px;padding-right:48px;box-sizing:border-box}
#maven-mood .training-video{position:relative;width:288px;max-width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;align-self:center}
#maven-mood .training-video video,#maven-mood .training-video-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:inherit}
#maven-mood .training-video video{opacity:0}
#maven-mood .training-video.has-frame video{opacity:1}
#maven-mood .training-video.has-frame .training-video-poster{visibility:hidden}
#maven-mood .training-video-toggle{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border:0;border-radius:6px;background:var(--mv-soft);color:#202A33;font:600 18px Manrope,Arial,sans-serif;cursor:pointer}
#maven-mood .training-video-toggle[hidden]{display:none}
#maven-mood .training-video-toggle:hover{color:#0546A1}
#maven-mood .training-video-toggle:focus-visible{outline:2px solid #0546A1;outline-offset:-4px}
@media(max-width:1439px){#maven-mood .training-hero{width:100%;grid-template-columns:minmax(0,1fr) 256px;gap:40px;padding-right:clamp(0px,calc((100vw - 1024px)*.1153846154),48px)}#maven-mood .training-video{width:256px}}
@media(max-width:900px){#maven-mood .training-hero{grid-template-columns:1fr;gap:24px}#maven-mood .training-video{width:280px;justify-self:center}#maven-mood .training-hero .training-actions{flex-direction:column;align-items:flex-start;gap:24px}}
@media(prefers-reduced-motion:reduce){#maven-mood .training-video{scroll-behavior:auto}}
#maven-mood .training-catalog button.training-link{background:transparent;border:0;border-bottom:1px solid #a6b8c7;padding:0 0 5px;color:var(--mv-blue);font-family:inherit;cursor:pointer;text-align:left}