/* Wide layouts, with the same reading order on smaller screens. */
img, video { max-width:100%; }
.course-intro > *, .course-cover > * { min-width:0; }
.presentation-title { max-width:620px; margin:0 auto 24px; padding:26px; border-radius:22px; background:#10213f; text-align:left; }
.presentation-title .eyebrow { display:block; color:#efbb50; margin-bottom:12px; }
.presentation-title h2 { font-size:clamp(30px,3vw,42px); margin:0 0 12px; color:#fff; }
.presentation-title p { font-size:14px; color:#d5deec; }
.course-cover { display:grid; grid-template-columns:1fr 1.1fr; overflow:hidden; border-radius:24px; background:#10213f; color:#fff; padding:0; margin:40px 0 0; border:0; }
.course-cover-copy { padding:clamp(28px,4vw,56px); align-self:center; }
.course-cover .eyebrow { color:#efbb50; margin:0 0 22px; }
.course-cover h1 { font-size:clamp(36px,4.4vw,64px); line-height:1.08; letter-spacing:-.035em; color:#fff; margin:0 0 24px; font-weight:700; }
.course-cover h1 em { color:#efbb50; font-style:normal; }
.course-cover .cover-author { color:#fff; font-size:17px; margin:0 0 7px; }
.course-cover .cover-detail { color:#d5deec; font-size:14px; margin:0; }
.course-cover-image { width:100%; height:100%; min-height:340px; object-fit:cover; object-position:48% center; display:block; }
.cover-meta { display:flex; flex-wrap:wrap; gap:10px 20px; border-top:1px solid #ffffff30; padding-top:24px; margin-top:28px; color:#d5deec; font:12px/1.5 Arial,sans-serif; }
@media(min-width:1000px) {
 header { padding-inline:max(32px,calc((100vw - 1320px)/2)); gap:32px; }
 header nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 23px; width:auto; order:initial; }
 header .brand { flex-shrink:0; }
 .section { max-width:1400px; margin-inline:auto; padding:80px 64px; }
 .course-intro { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr); gap:64px; align-items:center; max-width:1320px; margin:auto; padding:48px 40px 60px; }
 .course-intro .supplier-priority { padding:0; border:0; }
 .supplier-priority-inner { gap:24px; align-items:flex-start; }
 .supplier-number { font-size:112px; margin-top:30px; }
 .supplier-priority h1 { font-size:clamp(36px,3.2vw,48px); }
 .supplier-priority p { font-size:16px; }
 .course-intro .video-first { width:100%; max-width:none; margin:0; padding:0; }
 .course-intro .video-first video { max-height:480px; max-width:100%; }
 .course-intro .video-first > .button { display:none; }
 .course-intro .presentation-title { text-align:center; }
 .course-intro .presentation-title h2 { font-size:32px; }
 .course-summary { max-width:1320px; padding:50px 40px 70px; }
 .summary-cards { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:20px; }
 .summary-card { padding:28px; }
 .summary-card h3 { font-size:28px; }
 .summary-card p { font-size:16px; }
 .summary-card .summary-condition { font-size:13px; }
 .promotion-banner { max-width:1240px; margin:0 auto 32px; }
 .consultation.section,.direct-offer.section,.program.section { width:calc(100% - 80px); max-width:1280px; margin-inline:auto; padding:64px; }
 .consultation-with-video { display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); align-items:center; gap:64px; }
 .meeting-hero.meeting-video-first { display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); align-items:center; gap:72px; }
 .consultation-video { margin:0; }
 .home-models { max-width:1320px; padding:38px 40px 70px; }
 .models-slide img { max-height:560px; }
 .gift-section { max-width:1320px; padding:60px 40px 70px; }
 .gift-copy { max-width:1060px; }
 .hero { max-width:1240px; padding:54px 40px; }
 .hero .hero-copy { max-width:1000px; margin:auto; }
 .article-layout { max-width:1320px; margin:auto; padding-inline:40px; }
 footer { max-width:1400px; margin:auto; padding:40px 64px; }
}
@media(min-width:1600px) {
 .course-intro { gap:80px; }
 .supplier-priority h1 { font-size:48px; }
 .section { padding-inline:64px; }
}
@media(max-width:999px) {
 .presentation-title { padding:24px; text-align:center; }
 .course-cover { grid-template-columns:1fr; }
 .course-cover-image { min-height:0; height:auto; aspect-ratio:16/9; }
}
@media(max-width:650px) {
 .course-cover { margin-top:24px; border-radius:18px; }
 .course-cover-copy { padding:28px 24px; }
 .course-cover h1 { font-size:38px; }
 .cover-meta { padding-top:18px; margin-top:22px; }
 .presentation-title h2 { font-size:30px; }
}