/* TV 뉴스 보도(tv-news.html) 전용 — 2026-10-09 병원 시안. 상단 띠는 greeting.css(.gr-hero) 를 함께 씁니다.
   2026-10-16 병원 수정안(TV뉴스_디자인수정안.zip, tv-news-redesign.css)으로 다시 정리:
   첫 화면 두 칸(소개 | 대표 영상, 900px 이하 한 칸) · 방송사 링크 단추 · KBS 3칸 / MBC 4칸 / SBS 한 장 · 연한 파랑 안내 상자.
   수정안의 본문 폭 1200px 규칙은 헤더 · 다른 페이지 폭(--wrap 1280)과 어긋나서 넣지 않았습니다. */

/* ① 첫 화면 — 2026-10-16 사용자 확인: 글자 크기 · 위치를 원장 인사말 · 국제학술지 논문 첫 화면에 맞춤(글 위쪽 시작, 제목 54 · 두 줄 32 · 설명 18px) */
.tvn .gr-hero{padding:24px 0 64px;background:linear-gradient(120deg,#F2F7FC,#F8FBFD)}
html[data-theme="dark"] .tvn .gr-hero{background:var(--gr-soft)}
.tvn .crumb{margin-bottom:44px}
.tv-hero-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.tvn .gr-eng{margin:0 0 16px;font-size:13.12px;letter-spacing:.3em;color:#8AA0BC}
.tvn .gr-title{margin:0 0 24px;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.2;letter-spacing:-.03em}
.tv-lead{margin:0 0 16px;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:800;line-height:1.4;letter-spacing:-.03em;color:var(--gr-navy)}
.tvn .gr-sub{max-width:520px;margin:0;font-size:1.14rem;line-height:1.8;color:var(--gr-ink-2)}
.tv-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}
.tv-tags a{display:block;padding:9px 16px;border:1px solid #CBDBEA;border-radius:8px;background:#fff;color:#1A446A;font-size:14px;font-weight:700;text-decoration:none}
.tv-tags a:hover{border-color:var(--gr-blue);color:var(--gr-blue)}
html[data-theme="dark"] .tv-tags a{background:transparent;color:var(--gr-navy)}

/* 대표 영상 */
/* 2026-10-23 병원 요청 — 봉침요법 첫 화면 영상과 같은 모양: 흰 판 없이 영상 칸만 둥근 카드(그림자), 제목 · 설명은 바탕 위에 */
.tv-video{margin:0}
.tv-video .orig-video{margin:0;overflow:hidden;border-radius:var(--r-xl);aspect-ratio:16/9;background:#000;box-shadow:var(--shadow-l)}
.tv-video .yt-cover{position:relative;width:100%;height:100%;padding:0;border:0;cursor:pointer}
.tv-video .yt-cover img{width:100%;height:100%;object-fit:cover}
.tv-video figcaption{padding:var(--sp-4) var(--sp-1) 0}
.tv-video figcaption b{display:block;font-size:17px;font-weight:800;color:var(--gr-navy)}
.tv-video figcaption p{margin:7px 0 0;font-size:13px;color:#647587}

/* ② 방송사별 보도 */
.tv-content{padding:24px 0 64px}
.tv-archive-note{margin:0 0 40px;font-size:13px;line-height:1.7;color:#687C8F}
.tv-section{margin:0 0 48px;scroll-margin-top:110px}
.tvn section.tv-section{padding:0}
.tv-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.tv-section-heading>span{padding:7px 11px;border-radius:7px;background:#EAF3FB;color:#22567E;font-size:14px;font-weight:800}
html[data-theme="dark"] .tv-section-heading>span{background:var(--gr-soft);color:var(--gr-blue)}
.tv-h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.7px;color:var(--gr-navy)}
.tv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#news-mbc .tv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#news-sbs .tv-grid{grid-template-columns:minmax(0,1fr);max-width:365px}
.tv-card{margin:0;overflow:hidden;border:1px solid #DCE5EE;border-radius:12px;background:#fff;transition:transform .2s}
.tv-card:hover{transform:translateY(-3px)}
html[data-theme="dark"] .tv-card{background:transparent;border-color:var(--gr-line)}
html[data-theme="dark"] .tv-card figcaption{border-top-color:var(--gr-line)}
.tv-image{display:block;width:100%;aspect-ratio:600/465;padding:0;border:0;background:#fff;cursor:zoom-in}
.tv-image img{display:block;width:100%;height:100%;object-fit:cover} /* 2026-10-16 사용자 지시 — 틀에 꽉 채움 */
.tv-card figcaption{padding:16px;border-top:1px solid #E6EDF3}
.tv-card figcaption p{margin:0;font-size:15px;line-height:1.5;color:#263F58}
html[data-theme="dark"] .tv-card figcaption p{color:var(--gr-ink)}

/* ③ 논문 확인 안내 · 그 밖의 언론 소개 이력 */
.tv-note{margin:0 0 48px;padding:30px;border-radius:14px;background:#EDF5FC;color:var(--gr-ink-2);text-align:center} /* 2026-10-16 사용자 지시 — 가운데 */
html[data-theme="dark"] .tv-note{background:var(--gr-soft)}
.tv-note>b{font-size:21px;color:var(--gr-navy)}
.tv-note p{margin:.4rem 0 0;font-size:14px;line-height:1.8;color:#556C82}
.tv-related{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.tv-related .btn{min-height:50px}
.tv-more{padding-top:32px;border-top:1px solid #E2E9EF}
.tv-badges{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.tv-badges figure{display:flex;align-items:center;gap:20px;margin:0;padding:20px;border:1px solid #E6EDF3;border-radius:10px;background:#F8FAFC}
html[data-theme="dark"] .tv-badges figure{background:transparent;border-color:var(--gr-line)}
.tv-badges img{width:112px;height:auto}
.tv-badges figcaption{font-size:14px;line-height:1.6;color:var(--gr-ink-2)}

/* 크게 보기 창 */
.tv-modal{max-width:900px;width:92%;padding:16px;border:0;border-radius:12px}
.tv-modal::backdrop{background:rgba(0,0,0,.6)}
.tv-modal img{display:block;width:100%;height:auto}
.tv-close{display:block;margin:0 0 10px auto;padding:6px 14px;border:1px solid var(--gr-line);border-radius:8px;cursor:pointer;font-weight:700}

.tvn a:focus-visible,.tvn button:focus-visible{outline:3px solid #2679BF;outline-offset:4px}
@media (prefers-reduced-motion:reduce){ .tv-card{transition:none} .tv-card:hover{transform:none} }

@media (max-width:900px){
  .tv-hero-layout{grid-template-columns:1fr;gap:28px}
  .tv-grid,#news-mbc .tv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tv-badges{grid-template-columns:1fr}
}
@media (max-width:560px){
  .tvn .gr-hero{padding-bottom:28px}
  .tv-grid,#news-mbc .tv-grid{grid-template-columns:1fr}
  #news-sbs .tv-grid{max-width:none}
  .tv-note{padding:22px}
  .tv-related{flex-direction:column}
  .tv-badges figure{gap:14px}
  .tv-h2{font-size:22px}
}