/* 약관·정책 본문과 개정 이력 (/terms · /privacy · /policy/<종류>/…). */
.pol-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:10px;margin-bottom:6px}
.pol-head h1{margin:0}
.pol-meta{margin:0;font-size:13px}

/* 과거 이력을 보고 있음을 분명히 알린다 — 현행 문서로 돌아가는 길을 함께 준다. */
.pol-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:10px;margin:14px 0 0;padding:12px 16px;border-radius:10px;
  background:#fef3c7;border:1px solid #fcd34d;color:#92400e;font-size:14px}

/* 본문은 관리자가 에디터로 쓴 HTML 이다 — 문서용 여백·줄간격을 여기서 준다
   (허용 태그 목록은 backend/common/htmlsan.py 의 ALLOWED). */
.pol-body{margin-top:16px;line-height:1.85;color:var(--n700,#334155);font-size:15px}
.pol-body h2,.pol-body h3,.pol-body h4{margin:26px 0 10px;color:var(--n900,#0f172a);
  line-height:1.4}
.pol-body h2{font-size:20px}
.pol-body h3{font-size:17px}
.pol-body h4{font-size:15px}
.pol-body p{margin:0 0 12px}
.pol-body ul,.pol-body ol{margin:0 0 14px;padding-left:22px}
.pol-body li{margin:4px 0}
.pol-body blockquote{margin:14px 0;padding:10px 16px;border-left:3px solid var(--n300,#cbd5e1);
  background:var(--n50,#f8fafc);color:var(--n600,#475569)}
.pol-body img{max-width:100%;height:auto}
.pol-body hr{margin:22px 0;border:0;border-top:1px solid var(--n200,#e2e8f0)}
.pol-body table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.pol-body th,.pol-body td{border:1px solid var(--n200,#e2e8f0);padding:8px 10px;text-align:left}
.pol-body th{background:var(--n50,#f8fafc)}
/* 긴 표는 본문 폭을 밀어내지 않고 자기 안에서 가로 스크롤 되게 한다. */
.pol-body{overflow-x:auto}

.pol-actions{margin-top:18px;text-align:right}

/* 개정 이력 목록 */
.pol-history td,.pol-history th{vertical-align:top}
.pol-link{font-weight:600;color:var(--n900,#0f172a);text-decoration:none}
.pol-link:hover{color:var(--p500,#2563eb);text-decoration:underline}
.pol-summary{font-size:12.5px;margin-top:4px}
.pol-live{background:#dcfce7;color:#15803d;border-color:#86efac}
.pol-done{background:var(--n200,#e2e8f0);color:var(--n700,#334155)}