/* ==========================================================================
   화백리포트(판례 글) — 목록(news_5)과 상세(report/*.html). 2026-10-01 화백리포트-1 세션.
   볼드·검정 덩어리·움직이는 장식 없이, 금색은 분야 표시와 소제목에만.
   ========================================================================== */
.rpt { padding: 60px 0 150px; }
.rpt .container { max-width: 1060px; }
.nw { white-space: nowrap; }

/* ---- 목록 ---- */
.rpt-intro { font-size: 17px; line-height: 1.7; color: var(--ink-600); margin-bottom: 30px; }
.rpt-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.rpt-tabs button { height: 44px; padding: 0 24px; border: 1px solid var(--line-soft); border-radius: 6px; background: #fff;
  font: inherit; font-size: 16px; color: var(--ink-700); cursor: pointer; }
.rpt-tabs button.is-on { border-color: var(--brand); color: var(--brand); }
.rpt-list { border-top: 1px solid #cfc6b4; }
.rpt-item a { display: block; padding: 26px 6px; border-bottom: 1px solid var(--line); }
.rpt-item a:hover .rpt-title { color: var(--brand); }
.rpt-cat { font-size: 14px; color: var(--brand); margin-bottom: 9px; }
.rpt-title { font-size: 21px; font-weight: 500; line-height: 1.5; color: var(--ink-900); transition: color var(--dur, .3s); }
.rpt-sum { margin-top: 8px; font-size: 15.5px; line-height: 1.7; color: var(--ink-600);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rpt-meta { margin-top: 10px; font-size: 14.5px; color: var(--ink-500); display: flex; flex-wrap: wrap; gap: 4px 16px; }
.rpt-empty { padding: 60px 0; text-align: center; color: var(--ink-500); font-size: 16px; }
.rpt-more { margin-top: 40px; text-align: center; }
.rpt-more button, .rpt-back a { display: inline-block; padding: 13px 40px; border: 1px solid var(--brand); border-radius: 6px;
  background: #fff; color: var(--brand); font: inherit; font-size: 16px; cursor: pointer; }

/* ---- 상세 ---- */
.rpt-doc { max-width: 900px; margin: 0 auto; }
.rpt-doc__cat { font-size: 15px; color: var(--brand); }
.rpt-doc__title { margin-top: 12px; font-size: 32px; font-weight: 500; line-height: 1.45; color: var(--ink-900); }
.rpt-doc__meta { margin-top: 14px; padding-bottom: 26px; border-bottom: 1px solid var(--line); font-size: 15px; color: var(--ink-500);
  display: flex; flex-wrap: wrap; gap: 4px 16px; }
.rpt-doc__meta a { color: var(--ink-700); }
.rpt-doc__meta a:hover { color: var(--brand); }
.rpt-doc h3 { margin-top: 46px; font-size: 21px; font-weight: 500; color: var(--brand); }
.rpt-doc p, .rpt-doc li { font-size: 17px; line-height: 1.85; color: var(--ink-700); }
.rpt-doc h3 + p, .rpt-doc h3 + ul, .rpt-doc h3 + blockquote { margin-top: 12px; }
.rpt-doc p + p, .rpt-doc ul + p, .rpt-doc blockquote + p, .rpt-doc p + ul, .rpt-doc p + blockquote { margin-top: 14px; }
.rpt-doc ul { margin-top: 10px; }
.rpt-doc li { position: relative; padding-left: 16px; margin-top: 6px; }
.rpt-doc li::before { content: ''; position: absolute; left: 2px; top: .8em; width: 5px; height: 5px; border-radius: 50%; background: var(--brand-line); }
/* 판결 인용: 서면의 인용 박스처럼 흰 바탕 + 가는 테두리(박변 10. 1. 「박스가 AI 냄새가 진하다」 → 연한 바탕·왼쪽 금색 띠를 뺌) */
.rpt-doc blockquote { margin: 16px 0; padding: 18px 22px; background: #fff; border: 1px solid #c9c2b4;
  font-size: 16px; line-height: 1.85; color: var(--ink-800); }
.rpt-doc blockquote + blockquote { margin-top: 12px; }
.rpt-doc li a { color: var(--brand); }
.rpt-notice { margin-top: 44px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 14.5px !important; line-height: 1.7 !important; color: var(--ink-500) !important; }
.rpt-back { margin-top: 50px; text-align: center; }

@media (max-width: 768px) {
  .rpt { padding: 36px 0 110px; }
  .rpt-intro { font-size: 15.5px; }
  .rpt-tabs { gap: 8px; }
  .rpt-tabs button { height: 38px; padding: 0 16px; font-size: 15px; }
  .rpt-item a { padding: 22px 2px; }
  .rpt-title { font-size: 17.5px; }
  .rpt-sum { font-size: 14.5px; }
  .rpt-meta { font-size: 13.5px; }
  .rpt-doc__title { font-size: 23px; }
  .rpt-doc__meta { font-size: 14px; }
  .rpt-doc h3 { margin-top: 36px; font-size: 18.5px; }
  .rpt-doc p, .rpt-doc li { font-size: 15.5px; }
  .rpt-doc blockquote { padding: 16px; font-size: 15px; }
}

/* ---- 그림(2026-10-01 박변 「그림 설명도, 지피티 그림도」) ---- */
.rpt-photo { margin: 28px 0 4px; }
.rpt-photo img { display: block; width: 100%; height: auto; }
.rpt-photo figcaption, .rpt-fig figcaption { margin-top: 8px; font-size: 13.5px; line-height: 1.6; color: var(--ink-500); }
.rpt-fig { margin: 22px 0 6px; }
.rpt-fig svg { display: block; width: 100%; height: auto; padding: 18px 10px; border: 1px solid #c9c2b4; background: #fff; font-family: var(--font); }
.rpt-tl { margin: 0; padding: 14px 20px; border: 1px solid #c9c2b4; background: #fff; list-style: none; }
.rpt-doc .rpt-tl li { display: grid; grid-template-columns: 160px 1fr; gap: 16px; margin: 0; padding: 9px 0; }
.rpt-doc .rpt-tl li::before { display: none; }
.rpt-doc .rpt-tl li + li { border-top: 1px solid #ece7dd; }
.rpt-tl .d { font-size: 15px; color: var(--brand); white-space: normal; word-break: keep-all; }   /* 2026-10-24 긴 날짜(…부터 …까지)는 줄을 바꿔 옆 칸을 덮지 않게 */
.rpt-tl .t { font-size: 15.5px; line-height: 1.7; color: var(--ink-700); }
@media (max-width: 768px) {
  .rpt-fig svg { padding: 8px 2px; }
  .rpt-doc .rpt-tl li { grid-template-columns: 1fr; gap: 2px; }
}

/* ---- 핵심정리(2026-10-12 박변 「GPT 인용 잘되게, 150자 이내」): 글머리 바로 아래, 바탕색 없이 아래 가는 선 하나 ---- */
.rpt-key { margin: 0; padding: 24px 0 26px; border-bottom: 1px solid var(--line); }   /* 위 선은 글머리(meta) 아래 선이 맡는다 */
.rpt-doc .rpt-key__label { font-size: 14px; line-height: 1.5; color: var(--brand); }
.rpt-doc .rpt-key__text { margin-top: 6px; font-size: 18px; line-height: 1.75; color: var(--ink-900); }
@media (max-width: 768px) { .rpt-doc .rpt-key__text { font-size: 16px; } }

/* ---- 해당 판결·하급심·판결/법령 링크(2026-10-13 박변 「챗변처럼 원심 판결까지 같이 보여주고 링크」) ---- */
.rpt-case__label { margin-top: 16px !important; font-size: 15px !important; color: var(--ink-500) !important; }
/* 본문(h3 뒤)의 링크만. 글머리의 답변자 링크는 그대로 */
.rpt-doc h3 ~ p:not(.rpt-back) a, .rpt-doc h3 ~ ul li a, .rpt-doc h3 ~ .rpt-case a { color: var(--ink-900); text-decoration: underline; text-decoration-color: #c9c2b4; text-underline-offset: 4px; }
.rpt-doc h3 ~ p:not(.rpt-back) a:hover, .rpt-doc h3 ~ ul li a:hover, .rpt-doc h3 ~ .rpt-case a:hover { color: var(--brand); text-decoration-color: var(--brand); }
.rpt-case > p:first-child { margin-top: 12px; }

/* ---- 관련 화백리포트(2026-10-16): 글 끝, 바탕색 없이 위 가는 선 ---- */
.rpt-related { margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--line); }
.rpt-doc .rpt-related h3 { margin-top: 0; font-size: 18px; }
.rpt-doc .rpt-related ul { margin-top: 12px; }
.rpt-doc .rpt-related li { font-size: 16px; line-height: 1.7; }
.rpt-doc .rpt-related li + li { margin-top: 6px; }