/* 게시판(인사이트 확장) 추가 스타일 — insights.v4.css 위 additive 레이어.
   토큰은 site.v4.css :root 변수만 사용 (팔레트 신조 금지 — V8 토큰드리프트 가드). */

/* ─ 본문 폰트 스택: Noto 보완 서브셋 폴백 (주 폰트 미보유 기호 ⇨♦｢｣ 등 tofu 차단, B3 게이트) ─ */
.post-body__inner{font-family:"Pretendard","Noto Serif KR",-apple-system,BlinkMacSystemFont,system-ui,sans-serif}

/* ─ 블로그↔영상 최상위 탭 (두 게시판 완전 분리 — 목록 혼입 없음, 이동만) ─ */
.insights-tabs{display:flex;gap:22px;margin:0 0 20px;border-bottom:1px solid var(--hair)}
.insights-tabs a{padding:0 2px 12px;font-size:15px;color:var(--muted);text-decoration:none;letter-spacing:-0.01em;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s var(--ease),border-color .2s var(--ease)}
.insights-tabs a:hover{color:var(--ink)}
.insights-tabs a.on{color:var(--goldtext);border-bottom-color:var(--goldline);font-weight:600}

/* ─ 게시판 검색창 (클라이언트 검색 — search-index.json) ─ */
.insights-search{margin:0 0 26px}
.insights-search input{width:100%;max-width:440px;padding:11px 16px;border:1px solid var(--hair);border-radius:10px;background:transparent;color:var(--ink);font-size:14px;letter-spacing:-0.01em;transition:border-color .2s var(--ease)}
.insights-search input::placeholder{color:var(--muted)}
.insights-search input:focus{outline:none;border-color:var(--goldline)}
.insights-search__meta{margin:10px 2px 0;font-size:13px;color:var(--muted);letter-spacing:-0.01em}

/* ─ 카테고리 필터 바 ─ */
.insights-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.insights-filter a{display:inline-block;padding:7px 14px;border:1px solid var(--hair);border-radius:999px;font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:-0.01em;transition:border-color .2s var(--ease),color .2s var(--ease)}
.insights-filter a:hover{border-color:var(--goldline);color:var(--ink)}
.insights-filter a.on{border-color:var(--goldline);color:var(--goldtext);font-weight:600}

/* ─ 페이지네이션 ─ */
.insights-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:40px 0 8px;font-size:14px}
.insights-pagination a{color:var(--ink);text-decoration:none;border:1px solid var(--hair);border-radius:8px;padding:8px 18px;transition:border-color .2s var(--ease)}
.insights-pagination a:hover{border-color:var(--goldline)}
.insights-pagination .pg-now{color:var(--muted);letter-spacing:.04em}

/* ─ 포스트 본문 요소 (스크랩 콘텐츠) ─ */
.post-body__inner p{margin:0 0 1.1em;line-height:1.75;word-break:keep-all}
.post-body__inner blockquote{margin:1.6em 0;padding:1em 1.3em;border-left:3px solid var(--goldline);background:var(--plate);border-radius:0 10px 10px 0}
.post-body__inner blockquote p{margin:0;color:var(--ink)}
.post-body__inner figure{margin:1.8em 0}
.post-body__inner figure img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--hairsoft);display:block;margin:0 auto}
.post-body__inner figcaption{text-align:center;font-size:12.5px;color:var(--muted);margin-top:9px;letter-spacing:-0.01em}
.post-body__inner table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:14px;overflow-x:auto;display:block}
.post-body__inner table td{border:1px solid var(--hair);padding:8px 11px;word-break:keep-all}
.post-body__inner hr{border:0;border-top:1px solid var(--hair);margin:2.2em auto;max-width:120px}
.post-body__inner .linkcard a{display:inline-block;padding:10px 16px;border:1px solid var(--hair);border-radius:10px;color:var(--goldtext);text-decoration:none;font-size:14px;word-break:break-all}
.post-body__inner .linkcard a:hover{border-color:var(--goldline)}

/* ─ 포스트 메타·관련 링크 ─ */
.post-hero__src a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:12.5px}
.post-hero__category a{color:inherit;text-decoration:none}
.post-related{margin:2.6em 0 0;padding:1.1em 1.3em;border:1px solid var(--hairsoft);border-radius:12px;font-size:14px}
.post-related__label{margin:0 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--goldtext);font-weight:600}
.post-related a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* ─ 유튜브 영상 임베드 (클릭-로드 퍼사드 — 로드 시 로컬 썸네일만, 재생 클릭에 iframe 주입) ─ */
.ytvideo{position:relative;aspect-ratio:16/9;background:var(--deep2);border:1px solid var(--hairsoft);border-radius:12px;overflow:hidden;margin:0 0 1.8em}
.ytvideo__btn{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.ytvideo__btn img{width:100%;height:100%;object-fit:cover;display:block}
.ytvideo__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:color-mix(in srgb, var(--field) 88%, transparent);border-radius:14px;transition:background .2s var(--ease)}
.ytvideo__play::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.ytvideo__btn:hover .ytvideo__play,.ytvideo__btn:focus-visible .ytvideo__play{background:var(--field)}
.ytvideo__frame{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ─ 영상 카드 (허브·카테고리 목록 — 썸네일 상단 전폭) ─ */
.insights-card--video .insights-card__thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;margin:-32px -28px 20px;border-bottom:1px solid var(--hairsoft)}
.insights-card--video .insights-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--ease)}
.insights-card--video:hover .insights-card__thumb img{transform:scale(1.03)}
.insights-card--video .insights-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:34px;background:color-mix(in srgb, var(--field) 88%, transparent);border-radius:10px}
.insights-card--video .insights-card__play::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff}

/* ─ 모바일 (375 기준) ─ */
@media (max-width:640px){
  .insights-tabs{gap:16px;margin-bottom:16px}
  .insights-tabs a{font-size:14px;padding-bottom:10px}
  .insights-filter{gap:6px}
  .insights-filter a{padding:6px 11px;font-size:12px}
  .post-body__inner table{font-size:12.5px}
}


/* == font cache-bust overrides — build_board.py 자동 생성 == */
@font-face{font-family:"MaruBuri";src:url("/assets/v4/fonts/MaruBuri-Regular.subset.woff2?v=c8554ab5") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"MaruBuri";src:url("/assets/v4/fonts/MaruBuri-SemiBold.subset.woff2?v=ae03bc5f") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"MaruBuri";src:url("/assets/v4/fonts/MaruBuri-Bold.subset.woff2?v=4bf191ea") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("/assets/v4/fonts/Pretendard-Regular.subset.woff2?v=feb6f5e8") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("/assets/v4/fonts/Pretendard-Medium.subset.woff2?v=172af722") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("/assets/v4/fonts/Pretendard-SemiBold.subset.woff2?v=033eb7e8") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("/assets/v4/fonts/Pretendard-Bold.subset.woff2?v=ea033656") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Serif KR";src:url("/assets/v4/fonts/NotoSerifKR-Regular.hanja.woff2?v=aaefbdaf") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Serif KR";src:url("/assets/v4/fonts/NotoSerifKR-Bold.hanja.woff2?v=9ca9e8e5") format("woff2");font-weight:700;font-style:normal;font-display:swap}