/* 2026-10-02: curriculum follow-up learning media sequence. */
.learning-media-section{width:100%;max-width:1200px;margin-inline:auto;padding:72px 48px;box-sizing:border-box;color:#07365f}
.learning-media-section:nth-of-type(even){background:#f1f6fc}
.learning-media-header{max-width:860px;margin:0 auto 38px;text-align:center}
.learning-media-kicker{margin:0 0 10px;color:#1955d1;font-size:15px;font-weight:800;letter-spacing:.08em}
.learning-media-section h2{margin:0;font-size:clamp(29px,3.2vw,42px);line-height:1.45;letter-spacing:.01em;text-wrap:balance}
.learning-media-section h2 span{display:block}
.learning-media-lead{max-width:760px;margin:20px auto 0;color:#3e5668;font-size:17px;line-height:1.85;text-wrap:pretty}
.video-learning{background:#eef5fb}
.video-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:0 auto}
.video-scene{overflow:hidden;margin:0;background:#fff;border:1px solid #d7e3ef;border-radius:14px;box-shadow:0 10px 28px rgba(7,54,95,.07)}
.video-scene-label{margin:0;padding:15px 20px 13px;color:#1955d1;font-size:15px;font-weight:800;text-align:center;letter-spacing:.04em}
.video-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff}
.video-scene figcaption{min-height:3.4em;padding:17px 22px 20px;color:#263f53;font-size:16px;font-weight:700;line-height:1.7;text-align:center}
.learning-usage-note{max-width:1000px;margin:18px auto 0;color:#5c6d7b;font-size:13px;line-height:1.75;text-align:left}
.supplement-learning{background:#fff}
.supplement-grid{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(0,.95fr);gap:42px;align-items:center;max-width:1000px;margin:0 auto}
.supplement-visual{display:block;width:100%;height:auto;object-fit:contain;background:#f3f6f9;border:1px solid #d7e3ef;border-radius:14px;box-shadow:0 8px 22px rgba(7,54,95,.07)}
.supplement-points{display:grid;gap:14px}
.supplement-point{position:relative;padding:20px 22px 20px 58px;background:#f4f7fc;border:1px solid #d8e2f2;border-radius:12px}
.supplement-point::before{content:attr(data-number);position:absolute;top:20px;left:20px;color:#1955d1;font-size:14px;font-weight:900}
.supplement-point h3{margin:0 0 6px;color:#07365f;font-size:20px;line-height:1.5}
.supplement-point p{margin:0;color:#40596c;font-size:16px;line-height:1.75}
.flexible-study.learning-media-section{background:#eef7fb}
.study-method-visual{display:block;width:100%;max-width:840px;height:auto;margin:0 auto 6px;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
.study-method-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1000px;margin:0 auto}
.study-method{padding:22px 20px;background:#fff;border-top:4px solid #1955d1;border-radius:10px;box-shadow:0 6px 18px rgba(7,54,95,.05)}
.study-method h3{margin:0 0 8px;color:#07365f;font-size:19px;line-height:1.5}
.study-method p{margin:0;color:#40596c;font-size:16px;line-height:1.75}
.study-method-line{display:inline-block;white-space:nowrap}
.study-method-note{max-width:820px;margin:20px auto 0;color:#53697a;font-size:14px;line-height:1.75;text-align:center}
/* Keep the supplied visuals prominent without an extra container-like frame. */
.supplement-visual{background:transparent;border:0;border-radius:0;box-shadow:none}
.flexible-study .learning-media-header{margin-bottom:0}
.flexible-study .study-method-visual{margin-top:-8px}
@media(max-width:760px){
 .learning-media-section{padding:48px 20px}
 .learning-media-header{margin-bottom:28px;text-align:left}
 .learning-media-kicker{font-size:14px}
 .learning-media-section h2{font-size:clamp(23px,6vw,28px);line-height:1.48;text-wrap:pretty}
 .learning-media-section h2 span{display:block}
 .learning-media-lead{margin-top:16px;font-size:16px;line-height:1.8}
 .video-scenes{grid-template-columns:1fr;gap:18px}
 .video-scene-label{padding-block:13px 11px;font-size:14px}
 .video-scene figcaption{min-height:0;padding:15px 18px 18px;font-size:15px}
 .learning-usage-note{margin-top:15px;font-size:12px}
 .supplement-grid{grid-template-columns:1fr;gap:24px}
 .supplement-visual{width:min(100%,560px);margin:0 auto}
 .supplement-point{padding:18px 18px 18px 52px}
 .supplement-point::before{top:19px;left:18px}
 .supplement-point h3{font-size:18px}
 .supplement-point p{font-size:15px}
 .flexible-study .study-method-visual{margin-top:0;margin-bottom:4px}
 .study-method-list{grid-template-columns:1fr;gap:12px}
 .study-method{padding:18px;border-top-width:3px}
 .study-method h3{font-size:18px}
 .study-method p{font-size:15px}
 .study-method-note{margin-top:16px;font-size:13px;text-align:left}
}
@media(max-width:360px){
 .learning-media-section{padding-inline:16px}
 .video-scene figcaption{padding-inline:14px}
 .supplement-point{padding-left:48px}
}