/* 이미지 문해력 시즌 3 — PLAYWITH 공지 + 강좌(program) 8개 공용 (post body)
   All selectors scoped under .image-literacy-season3 to avoid site collisions.
   스타일 원형: temp/2026-1028-portpolio-class (portfolio-class-2026.css)
   이 파일을 직접 고친다 (로컬 미리보기와 배포가 같은 파일). 수정 후 S3 재업로드 + invalidation 필수.
   S3: s3://fuji-prod/assets/css/promotion/image-literacy-season3.css
   가이드: D:\Claude\fujifilm\docs\content-maintenance\image-literacy.md */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

/* 사이트 article.post 가 overflow:visible → 100vw breakout 의 스크롤바 폭만큼 가로 넘침 방지 */
main:has(.image-literacy-season3){ overflow-x: clip; }

.image-literacy-season3{
  --bg: #ffffff;
  --beige: #f3f3f3;
  --ink: #171717;
  --ink-2: #4a4a4a;
  --muted: #909090;
  --line: #d8d8d8;
  --line-soft: #ececec;
  --rust: #9a9a9a;
  --accent: #5a4a2f;
  --green: #029575;
  --green-soft: #e7eeed;
  --max: 1130px;
  padding: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  word-break: keep-all;
  overflow-wrap: break-word;
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
}

@media (min-width: 60em){
  .image-literacy-season3{
    width: 100vw !important;
    max-width: 1360px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* 45em 미만 .post__body 좌우 padding 20px 상쇄 (hero 풀블리드) */
@media (max-width: 44.99em){
  .image-literacy-season3{
    width: calc(100% + 40px) !important;
    margin: 0 -20px !important;
  }
}

/* reset (scoped) */
.image-literacy-season3 *{ box-sizing: border-box; }
/* override site's `em { color:#029570; font-style:normal }` */
.image-literacy-season3 em{ color: inherit; font-style: italic; }
.image-literacy-season3 img{ display: block; max-width: 100%; }
.image-literacy-season3 a{ color: inherit; }
.image-literacy-season3 p,
.image-literacy-season3 h1,
.image-literacy-season3 h2,
.image-literacy-season3 h3{ text-align: left; }

/* ---------- hero (PLAYWITH) ---------- */
.image-literacy-season3 .hero{
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #141414;
}
.image-literacy-season3 .hero-img{
  width: 100% !important;
  height: auto;
}

/* ---------- shared frames ---------- */
.image-literacy-season3 .wrap{
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 24px;
}
.image-literacy-season3 .eyebrow{
  font-family: "Jost", sans-serif;
  font-weight: 400;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--rust);
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.image-literacy-season3 .eyebrow::before{
  content: "";
  width: 28px;
  height: 1px;
  background: var(--rust);
  display: inline-block;
}
.image-literacy-season3 .section-head{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 48px;
}
.image-literacy-season3 .section-head h2{
  margin: 14px 0 0;
  font-family: inherit;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.image-literacy-season3 .section-lead{
  margin: -24px 0 40px;
  max-width: 760px;
  color: var(--ink-2);
  font-size: 15px;
  line-height: 1.75;
}

/* ---------- intro ---------- */
.image-literacy-season3 .intro{ padding: 96px 0 88px; }
.image-literacy-season3 .intro-grid{
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 80px;
  align-items: start;
}
.image-literacy-season3 .intro h1{
  margin: 18px 0 0;
  font-family: inherit;
  font-weight: 500;
  font-size: 38px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.image-literacy-season3 .intro h1 .ko-sub{
  display: block;
  margin-top: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--ink-2);
}
.image-literacy-season3 .intro h1 .en{
  display: block;
  margin-top: 14px;
  font-family: "Jost", sans-serif;
  font-weight: 300;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 13px;
  color: var(--ink-2);
}
.image-literacy-season3 .intro .series-h{
  margin: 14px 0 0;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.image-literacy-season3 .intro p{
  margin: 0 0 18px;
  color: var(--ink-2);
  font-size: 15.5px;
  line-height: 1.85;
  text-wrap: pretty;
}
.image-literacy-season3 .intro p:last-child{ margin-bottom: 0; }

/* 강좌 페이지 인트로 — 1단, 아이브로우·제목 가운데 / 요약 왼쪽 정렬 */
.image-literacy-season3 .intro.is-lecture .lec-head{
  text-align: center !important;
  margin: 0 auto 48px;
  max-width: 860px;
}
.image-literacy-season3 .intro.is-lecture .eyebrow{ justify-content: center; }
.image-literacy-season3 .intro.is-lecture .eyebrow::after{
  content: "";
  width: 28px;
  height: 1px;
  background: var(--rust);
  display: inline-block;
}
.image-literacy-season3 .intro.is-lecture h1{ text-align: center !important; }
.image-literacy-season3 .intro.is-lecture .lec-summary{
  max-width: 760px;
  margin: 0 auto;
  padding-top: 36px;
  border-top: 1px solid var(--line);
}

/* 라즐로 모흘리 나기 인용 */
.image-literacy-season3 .quote{
  margin: 0 0 36px;
  padding: 0 0 32px;
  border-bottom: 1px solid var(--line);
}
.image-literacy-season3 .quote .quote-ko{
  margin: 0 0 16px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -0.005em;
  color: var(--ink);
}
.image-literacy-season3 .quote .quote-en{
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink-2);
}
.image-literacy-season3 .quote .quote-by{
  margin: 0;
  font-size: 13px;
  color: var(--muted);
}

/* 강좌 요약 (강좌 페이지 intro 오른쪽) */
.image-literacy-season3 .lec-summary{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.image-literacy-season3 .lec-summary li{
  position: relative;
  padding-left: 22px;
  font-size: 17px;
  line-height: 1.75;
  color: var(--ink);
  text-wrap: pretty;
}
.image-literacy-season3 .lec-summary li::before{
  content: "—";
  position: absolute;
  left: 0;
  color: var(--rust);
}

/* ---------- 강좌 이미지 스트립 (강좌 페이지 상단, 정사각형 그대로) ---------- */
.image-literacy-season3 .visual{
  padding: 0;
  background: #141414;
}
.image-literacy-season3 .visual-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
}
.image-literacy-season3 .visual-grid.is-3{ grid-template-columns: repeat(3, 1fr); }
.image-literacy-season3 .visual-grid figure{
  margin: 0;
  width: 100% !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #222;
}
.image-literacy-season3 .visual-grid img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* ---------- at a glance ---------- */
.image-literacy-season3 .at-glance{
  padding: 88px 0;
  background: var(--beige);
}
.image-literacy-season3 .info-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1px;
  background: var(--line);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.image-literacy-season3 .info-cell{
  background: #ffffff;
  padding: 28px 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 132px;
  text-align: left;
}
.image-literacy-season3 .info-cell .label{
  font-weight: 500;
  letter-spacing: 0.04em;
  font-size: 12.5px;
  color: var(--rust);
}
.image-literacy-season3 .info-cell .value{
  font-weight: 500;
  font-size: 19px;
  line-height: 1.45;
  letter-spacing: -0.005em;
  color: var(--ink);
}
.image-literacy-season3 .info-cell .sub{
  font-size: 13.5px;
  color: var(--ink-2);
  line-height: 1.6;
}
.image-literacy-season3 .info-cell.span-3{ grid-column: span 3; }
.image-literacy-season3 .info-cell.span-4{ grid-column: span 4; }
.image-literacy-season3 .info-cell.span-6{ grid-column: span 6; }
.image-literacy-season3 .info-cell.span-12{ grid-column: span 12; }
.image-literacy-season3 .info-cell.feature{ background: #e6e6e6; }
.image-literacy-season3 .info-cell.feature .value{ font-size: 22px; }
.image-literacy-season3 .info-cell.subject-feature{
  background: var(--green-soft);
  padding: 36px 32px 38px;
  min-height: auto;
}
.image-literacy-season3 .info-cell.subject-feature .label{ color: var(--green); }
.image-literacy-season3 .info-cell.subject-feature .value{
  font-size: 26px;
  line-height: 1.35;
}
/* 8개 일정 목록 (PLAYWITH 강의 안내 '일시') */
.image-literacy-season3 .date-list{
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 24px;
}
.image-literacy-season3 .date-list li{
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 15.5px;
  font-weight: 500;
  color: var(--ink);
}
.image-literacy-season3 .date-list .no{
  flex: 0 0 auto;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--green);
}

/* ---------- curriculum (PLAYWITH 강의 목록) ---------- */
.image-literacy-season3 .curriculum{
  padding: 96px 0;
  background: #ffffff;
}
.image-literacy-season3 .part{ margin-top: 64px; }
.image-literacy-season3 .part:first-of-type{ margin-top: 0; }
.image-literacy-season3 .part-head{
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 28px;
  align-items: baseline;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--ink);
}
.image-literacy-season3 .part-head .part-no{
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--rust);
}
.image-literacy-season3 .part-head .part-title{
  margin: 0;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.5;
  color: var(--ink);
}
.image-literacy-season3 .part-head .part-title small{
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-2);
}
.image-literacy-season3 .lec-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.image-literacy-season3 .lec-card{
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 28px;
  align-items: start;
  padding: 32px 0;
  border-bottom: 1px solid var(--line);
}
.image-literacy-season3 .lec-thumb{
  margin: 0;
  width: 160px !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #222;
}
.image-literacy-season3 .lec-thumb img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.image-literacy-season3 .lec-body{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.image-literacy-season3 .lec-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 14px;
  font-size: 13.5px;
  color: var(--ink-2);
}
.image-literacy-season3 .lec-meta .lec-no{
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--rust);
}
.image-literacy-season3 .lec-meta .lec-date{
  font-weight: 500;
  color: var(--ink);
}
.image-literacy-season3 .lec-title{
  margin: 0;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.image-literacy-season3 .lec-title small{
  display: block;
  margin-top: 4px;
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-2);
}
.image-literacy-season3 .lec-desc{
  list-style: none;
  margin: 2px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.image-literacy-season3 .lec-desc li{
  position: relative;
  padding-left: 20px;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--ink-2);
  text-wrap: pretty;
}
.image-literacy-season3 .lec-desc li::before{
  content: "—";
  position: absolute;
  left: 0;
  color: var(--rust);
}
.image-literacy-season3 .lec-action{
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.image-literacy-season3 .apply-from{
  font-size: 13px;
  font-weight: 500;
  color: var(--green);
}

/* 버튼 — 신청 상태(신청마감 등)를 적지 않는 고정 문구 */
.image-literacy-season3 .btn-line{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 20px;
  border: 1px solid var(--ink);
  background: #ffffff;
  color: var(--ink) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none !important;
  transition: background .2s, color .2s;
}
.image-literacy-season3 .btn-line::after{
  content: "→";
  font-family: "Jost", sans-serif;
  font-weight: 300;
}
.image-literacy-season3 .btn-line:hover,
.image-literacy-season3 .btn-line:focus-visible{
  background: var(--ink);
  color: #ffffff !important;
}
.image-literacy-season3 .btn-soon{
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border: 1px dashed #b8b8b8;
  color: var(--muted);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.2;
}

/* ---------- instructor (mentor) ---------- */
.image-literacy-season3 .mentor{
  padding: 96px 0;
  background: var(--beige);
}
.image-literacy-season3 .mentor-grid{
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 80px;
  align-items: start;
}
/* PC·태블릿 = 사진 칸(320) 전체, 560px 이하 = 화면 폭 (2026-11-03 "사진이 너무 작다" → 200→320, 원본 800px) */
.image-literacy-season3 .mentor-photo{
  margin: 0;
  width: 320px !important;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #1a1a1a;
}
.image-literacy-season3 .mentor-photo img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.image-literacy-season3 .mentor h3{
  margin: 0 0 24px;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.image-literacy-season3 .mentor h3 .role{
  display: block;
  margin-top: 10px;
  font-weight: 400;
  font-size: 15px;
  color: var(--ink-2);
}
.image-literacy-season3 .mentor .bio-body{
  margin: 0;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  font-size: 15px;
  line-height: 1.85;
  color: var(--ink-2);
  text-wrap: pretty;
}

/* ---------- series (강좌 페이지 하단: 시즌 3 전체 강의) ---------- */
.image-literacy-season3 .series{
  padding: 96px 0;
  background: #ffffff;
}
.image-literacy-season3 .series-list{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--ink);
}
.image-literacy-season3 .series-list li{
  border-bottom: 1px solid var(--line);
}
/* 한 줄 = .s-row (다른 강좌는 <a> 링크, 현재 강좌·id 없는 강좌는 <div>) */
.image-literacy-season3 .series-list .s-row{
  display: grid;
  grid-template-columns: 110px 150px 1fr auto;
  gap: 20px;
  align-items: baseline;
  padding: 18px 16px;
  font-size: 15px;
  color: var(--ink-2) !important;
  text-decoration: none !important;
  transition: background .2s;
}
.image-literacy-season3 .series-list a.s-row:hover,
.image-literacy-season3 .series-list a.s-row:focus-visible{ background: #f7f7f7; }
.image-literacy-season3 .series-list a.s-row:hover .s-title{
  text-decoration: underline;
  text-underline-offset: 3px;
}
.image-literacy-season3 .series-list a.s-row .s-badge::after{
  content: "→";
  font-family: "Jost", sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: var(--rust);
}
.image-literacy-season3 .series-list .s-no{
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--rust);
}
.image-literacy-season3 .series-list .s-date{ font-size: 14px; }
.image-literacy-season3 .series-list .s-title{ color: var(--ink); font-weight: 500; }
.image-literacy-season3 .series-list .s-badge{ font-size: 12px; }
.image-literacy-season3 .series-list li.is-current{ background: var(--green-soft); }
.image-literacy-season3 .series-list li.is-current .s-badge{
  padding: 4px 10px;
  background: var(--green);
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.image-literacy-season3 .series-foot{
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
}
.image-literacy-season3 .series-foot p{
  margin: 0;
  font-size: 14px;
  color: var(--ink-2);
}

/* ---------- guide (꼭 확인해 주세요) ---------- */
.image-literacy-season3 .guide-sec{
  padding: 88px 0 110px;
  background: var(--beige);
}
.image-literacy-season3 .guide-sec.is-white{ background: #ffffff; }
.image-literacy-season3 .guide-list{
  list-style: none;
  margin: 0;
  padding: 32px 0 0;
  border-top: 1px dashed #b8b8b8;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 820px;
}
.image-literacy-season3 .guide-list li{
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.75;
  color: var(--ink-2);
  text-wrap: pretty;
}
.image-literacy-season3 .guide-list li::before{
  content: "—";
  position: absolute;
  left: 0;
  color: var(--rust);
}
.image-literacy-season3 .guide-list strong{
  color: #029570;
  font-weight: 600;
}

/* ---------- responsive ---------- */
/* 60em 미만은 breakout 이 꺼져 사이트 컬럼 폭에 갇힌다 → 959.98px 이하부터 1단 */
@media (max-width: 959.98px){
  .image-literacy-season3 .intro-grid,
  .image-literacy-season3 .mentor-grid{
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .image-literacy-season3 .date-list{ grid-template-columns: repeat(2, 1fr); }
  .image-literacy-season3 .info-cell.span-3,
  .image-literacy-season3 .info-cell.span-4{ grid-column: span 6; }
  .image-literacy-season3 .series-list .s-row{
    grid-template-columns: 90px 1fr auto;
    row-gap: 4px;
  }
  .image-literacy-season3 .series-list .s-date{ grid-column: 2 / 3; grid-row: 2; }
  .image-literacy-season3 .series-list .s-title{ grid-column: 2 / 3; grid-row: 1; }
  .image-literacy-season3 .series-list .s-badge{ grid-column: 3; grid-row: 1; }
}
@media (max-width: 720px){
  .image-literacy-season3 .section-head{ flex-direction: column; align-items: flex-start; gap: 8px; }
  .image-literacy-season3 .info-cell.span-3,
  .image-literacy-season3 .info-cell.span-4,
  .image-literacy-season3 .info-cell.span-6{ grid-column: span 12; }
  .image-literacy-season3 .part-head{ grid-template-columns: 1fr; gap: 6px; }
  .image-literacy-season3 .lec-card{ grid-template-columns: 96px 1fr; gap: 18px; }
  .image-literacy-season3 .lec-thumb{ width: 96px !important; }
  /* 강좌 이미지: 모바일은 첫 번째 대표 이미지 1장만 (자르지 않음, 2026-11-03 후지필름 검수) */
  .image-literacy-season3 .visual-grid,
  .image-literacy-season3 .visual-grid.is-3{ display: block; }
  .image-literacy-season3 .visual-grid figure{ width: 100% !important; }
  .image-literacy-season3 .visual-grid figure + figure{ display: none; }
}
@media (max-width: 560px){
  .image-literacy-season3{ font-size: 15px; }
  .image-literacy-season3 .wrap{ padding: 0 18px; }
  .image-literacy-season3 .intro{ padding: 60px 0 56px; }
  .image-literacy-season3 .intro h1{ font-size: 28px; }
  .image-literacy-season3 .intro h1 .ko-sub{ font-size: 16px; }
  .image-literacy-season3 .intro h1 .en{ font-size: 12px; }
  .image-literacy-season3 .intro p{ font-size: 14.5px; }
  .image-literacy-season3 .quote .quote-ko{ font-size: 18px; }
  .image-literacy-season3 .intro.is-lecture .eyebrow{ font-size: 10.5px; letter-spacing: 0.18em; }
  .image-literacy-season3 .intro.is-lecture .eyebrow::before,
  .image-literacy-season3 .intro.is-lecture .eyebrow::after{ display: none; }
  .image-literacy-season3 .intro.is-lecture .lec-head{ margin-bottom: 36px; }
  .image-literacy-season3 .lec-summary li{ font-size: 15.5px; }
  .image-literacy-season3 .at-glance,
  .image-literacy-season3 .curriculum,
  .image-literacy-season3 .mentor,
  .image-literacy-season3 .series{ padding: 60px 0; }
  .image-literacy-season3 .guide-sec{ padding: 60px 0 80px; }
  .image-literacy-season3 .section-head h2{ font-size: 24px; }
  .image-literacy-season3 .info-cell{ padding: 22px 20px 24px; min-height: 0; }
  .image-literacy-season3 .info-cell .value{ font-size: 17px; }
  .image-literacy-season3 .info-cell.feature .value{ font-size: 19px; }
  .image-literacy-season3 .info-cell.subject-feature{ padding: 26px 20px 28px; }
  .image-literacy-season3 .info-cell.subject-feature .value{ font-size: 21px; }
  .image-literacy-season3 .date-list{ grid-template-columns: 1fr 1fr; gap: 8px 12px; }
  .image-literacy-season3 .date-list li{ font-size: 14.5px; }
  .image-literacy-season3 .lec-card{ grid-template-columns: 1fr; gap: 16px; padding: 28px 0; }
  .image-literacy-season3 .lec-thumb{ width: 100% !important; }
  .image-literacy-season3 .lec-title{ font-size: 18px; }
  .image-literacy-season3 .mentor h3{ font-size: 24px; }
  .image-literacy-season3 .mentor-photo{ width: 100% !important; }
  /* 모바일 시즌 목록: 번호 → 제목 → 날짜 → '이번 강의' (배지는 날짜 아래) */
  .image-literacy-season3 .series-list .s-row{ grid-template-columns: 1fr; padding: 16px 12px; }
  .image-literacy-season3 .series-list .s-no{ grid-column: 1; grid-row: 1; }
  .image-literacy-season3 .series-list .s-title{ grid-column: 1; grid-row: 2; }
  .image-literacy-season3 .series-list .s-date{ grid-column: 1; grid-row: 3; }
  .image-literacy-season3 .series-list .s-badge{ grid-column: 1; grid-row: 4; justify-self: start; }
  .image-literacy-season3 .series-list .s-badge:empty{ display: none; }
  .image-literacy-season3 .series-list li.is-current .s-badge{ margin-top: 6px; }
}