/* Focused additions to the existing ALIGNED design. */
header .training-submenu{min-width:290px;max-width:min(360px,calc(100vw - 40px))}
header .training-submenu .submenu-overview{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:16px}
header .training-submenu strong{line-height:1.45}
header nav .account-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;min-height:48px;padding:0 20px;border:1px solid #cbb49c;border-radius:8px;background:transparent;color:#655c50;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .2s,border-color .2s}
header nav .account-link:hover{background:#e6dbc6;border-color:#a9947d;color:#302a25}
.ux-team{background:#e6dbc6}
.ux-team .cms-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1000px}
.ux-team .cms-cards>article{padding:0!important;border:0!important;background:#f5eedf;overflow:hidden}
.ux-team .cms-cards>article>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.ux-team .cms-card-copy{padding:28px 32px}
.ux-team .cms-card-copy h3{margin:0 0 12px;font-size:30px}
.ux-team .cms-card-copy p{max-width:46ch;font-size:16px;line-height:1.7}
.ux-team .cms-card-copy p:last-child{font-size:12px;color:#655c50}
.ux-team .section-top{max-width:1000px}
.ux-team .cms-intro{max-width:420px}
.ux-motivation{background:#f5eedf}
.ux-motivation .cms-body{max-width:850px}
.ux-motivation .cms-body p{font-size:20px;line-height:1.8}
.ux-motivation .cms-body p:last-child{font-size:14px;color:#655c50}
.ux-event{background:#e6dbc6}
.ux-event .cms-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.ux-event .cms-cards article{background:#f5eedf;padding:32px!important;border:0!important}
.ux-event h3{font-size:25px;line-height:1.3}
.ux-event p{line-height:1.7}
.ux-info .cms-body{max-width:850px}
.ux-info .cms-body p,.ux-info .cms-body li{font-size:17px;line-height:1.8}
.ux-info .cms-body h3{font-size:25px;margin-top:30px}
.ux-steps .cms-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.ux-steps .cms-cards article{padding:24px 0!important}
.ux-steps .cms-cards h3{font-size:24px}
.ux-steps .cms-cards p{font-size:16px;line-height:1.75}
.cms-hero .hero-content h1{font-size:clamp(46px,5.4vw,84px);max-width:850px;letter-spacing:-3px}
.cms-hero .hero-content p{max-width:530px}
.aligned-courses .course-program{min-width:0;overflow-wrap:anywhere}
@media(max-width:1250px){header nav.open{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.training-submenu[hidden]{display:none!important}}
@media(max-width:700px){
 .ux-team .cms-cards,.ux-event .cms-cards,.ux-steps .cms-cards{grid-template-columns:1fr}
 .ux-team .cms-card-copy{padding:24px}.ux-team .cms-cards{gap:24px}
 .ux-motivation .cms-body p{font-size:17px}
 .cms-hero .hero-content h1{font-size:46px;letter-spacing:-2px;line-height:1.1}
 .cms-hero.hero{min-height:680px;padding-top:60px}
 header>.button.small{font-size:11px;padding:12px 13px}
 header .training-submenu{width:100%;max-width:100%;min-width:0}
 .eyebrow{font-size:10px;line-height:1.6}
 /* Compact section headings on phones; tablet and desktop rules stay intact. */
 #main h2{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin-block:18px 16px}
 #main h2 :is(em,span){letter-spacing:inherit}
 #main .concept-grid h2{margin-top:0}
 #main .section-top{gap:14px;margin-bottom:24px}
 #main .section-top h2{margin-bottom:0}
 /* Consistent reading size and a tighter vertical rhythm on phones. */
 #main :is(p,li,blockquote){font-size:16px;line-height:1.6;letter-spacing:normal}
 #main :is(p,li,blockquote) :is(a,strong,em,span){font-size:inherit;line-height:inherit;letter-spacing:inherit}
 #main :is(p,blockquote){margin-block:0 14px}
 #main blockquote{margin-inline:0}
 #main :is(ul,ol){margin-block:12px 18px;padding-inline-start:22px}
 #main li+li{margin-top:6px}
 #main :is(.cms-body,.cms-intro,.cms-card-copy,.card-copy)>p:last-child{margin-bottom:0}
 #main .section{padding-block:52px}
 #main :is(.studio-copy,.site-cta,.closing){padding-block:48px}
 #main .cms-split.service-cover{padding-block:0}
 #main .section-top{gap:12px;margin-bottom:20px}
 #main .concept-grid{margin-bottom:28px}
 #main .cms-split{row-gap:24px}
 #main :is(.course-meta,.course-footnote,.course-unavailable,.demo-note,.journal-meta,.article-meta),
 #main .ux-team .cms-card-copy p:last-child,#main .article-sources p{font-size:12px;line-height:1.5}
 #main .ux-motivation .cms-body p:last-child{font-size:14px;line-height:1.5}
}