/* 학원 소개 — 상세 소개(블로그 게시본과 같은 이미지 흐름) */
.read-first-callout {
  max-width: 860px; margin: 40px auto 0; padding: 26px 28px;
  background: #fff; border: 1px solid var(--line, #E8DCC8); border-left: 6px solid var(--accent, #6B4F0B);
  border-radius: 10px; box-shadow: var(--shadow-card, 0 12px 30px rgba(44, 36, 22, .06));
}

/* 2026-10-01 블로그 상세페이지 본문 글(이미지 아래) — 읽기 폭으로 */
.detail-text { max-width: 720px; margin: 56px auto 8px; padding: 0 20px; color: #2C2416; font-size: 1.04rem; line-height: 1.9; word-break: keep-all; }
.detail-text h2 { margin: 0 0 22px; font-family: "Nanum Myeongjo", "Batang", Georgia, serif; font-size: clamp(1.6rem, 3.4vw, 2.2rem); line-height: 1.3; letter-spacing: -0.02em; }
.detail-text h3 { margin: 44px 0 12px; padding-top: 18px; border-top: 1px solid #E8DCC8; font-family: "Nanum Myeongjo", "Batang", Georgia, serif; font-size: clamp(1.2rem, 2.4vw, 1.45rem); line-height: 1.4; }
.detail-text p { margin: 0 0 14px; }
.detail-text ul { margin: 6px 0 16px; padding-left: 1.2em; }
.detail-text li { margin: 4px 0; }
.detail-text li::marker { color: #8B6914; }
.detail-text blockquote { margin: 18px 0; padding: 4px 0 4px 18px; border-left: 3px solid #8B6914; font-family: "Nanum Myeongjo", "Batang", Georgia, serif; font-weight: 700; }
.detail-text blockquote p { margin: 4px 0; }
.detail-text a { color: #6B4F0B; text-underline-offset: 3px; }
.detail-text-career { columns: 2; column-gap: 28px; }
@media (max-width: 560px) { .detail-text { font-size: 1rem; } .detail-text-career { columns: 1; } }

.read-first-callout h2 { margin: 6px 0 10px; font-size: clamp(1.25rem, 2.4vw, 1.6rem); }
.read-first-callout p { margin: 0 0 16px; }
@media (max-width: 760px) { .read-first-callout { margin: 28px 0 0; padding: 20px; } }
.academy-detail .section-head { text-align: center; margin-inline: auto; }
.academy-detail .section-head p:last-child { margin-inline: auto; }
.anchor-alias { display: block; height: 0; overflow: hidden; }
.detail-flow {
  max-width: 860px;
  margin: 28px auto 0;
  background: #fff;
  box-shadow: var(--shadow-card, 0 12px 30px rgba(44, 36, 22, .06));
  border: 1px solid var(--line, #E8DCC8);
}
.detail-flow > img,
.detail-flow > picture,
.detail-flow > picture img,
.detail-flow > .detail-link,
.detail-flow > .detail-link img {
  display: block;
  width: 100%;
  height: auto;
}
.detail-flow .detail-link { background: #fff; transition: filter var(--duration-ui, 180ms) ease; }
.detail-flow .detail-link:hover { filter: brightness(.97); }
.detail-flow .detail-link:focus-visible { outline: 3px solid var(--accent, #6B4F0B); outline-offset: -3px; }
.detail-video { margin: 0; padding: 24px 24px 18px; background: #1d1710; }
.detail-video .video-frame { position: relative; aspect-ratio: 16 / 9; width: 100%; }
.detail-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.detail-video figcaption { margin-top: 10px; color: #e9dcc3; font-size: .9rem; text-align: center; }
.detail-after {
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
  max-width: 860px; margin: 22px auto 0;
}
.chronology-toggle {
  margin-top: 28px;
  border-top: 1px solid var(--line, #E8DCC8);
  padding-top: 18px;
}
.chronology-toggle > summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--accent, #6B4F0B);
  list-style: none;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 16px; border: 1px solid var(--line, #E8DCC8); border-radius: 999px; background: #fff;
}
.chronology-toggle > summary::-webkit-details-marker { display: none; }
.chronology-toggle > summary::after { content: "+"; font-weight: 700; }
.chronology-toggle[open] > summary::after { content: "−"; }
@media (max-width: 760px) {
  .detail-flow { margin-inline: -20px; border-inline: 0; }
  .detail-video { padding: 14px 12px 12px; }
}