/* 이용약관·개인정보처리방침 문서 화면 (styles.css 다음에 읽어요) */

.doc-bar .app-bar__row { justify-content: space-between; }

.doc {
  max-width: 760px;
  padding-top: var(--seed-dimension-x8);
  padding-bottom: var(--seed-dimension-x12, 64px);
  font-size: var(--seed-font-size-t5);
  line-height: 1.75;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.doc__title {
  font-size: var(--seed-font-size-t10, 26px);
  line-height: 1.3;
  font-weight: var(--seed-font-weight-bold);
  letter-spacing: -0.02em;
}
.doc__meta {
  margin-top: var(--seed-dimension-x2);
  color: var(--seed-color-fg-neutral-subtle);
  font-size: var(--seed-font-size-t4);
}
.doc__lead {
  margin-top: var(--seed-dimension-x5);
  color: var(--seed-color-fg-neutral-muted);
}

/* 차례 */
.doc-toc {
  margin-top: var(--seed-dimension-x6);
  padding: var(--seed-dimension-x4) var(--seed-dimension-x5);
  border-radius: var(--seed-radius-r3);
  background: var(--seed-color-bg-layer-fill);
  font-size: var(--seed-font-size-t4);
}
.doc-toc summary {
  font-weight: var(--seed-font-weight-bold);
  cursor: pointer;
}
.doc-toc ol {
  margin: var(--seed-dimension-x3) 0 0;
  padding: 0;
  list-style: none;
  columns: 2 220px;
  column-gap: var(--seed-dimension-x6);
}
.doc-toc li { break-inside: avoid; }
.doc-toc a { color: var(--seed-color-fg-neutral-muted); text-decoration: none; }
.doc-toc a:hover { color: var(--seed-color-fg-neutral); text-decoration: underline; }

.doc section { scroll-margin-top: calc(var(--bar-h, 56px) + 16px); }
.doc h2 {
  margin-top: var(--seed-dimension-x8);
  padding-top: var(--seed-dimension-x6);
  border-top: 1px solid var(--seed-color-stroke-neutral-subtle);
  font-size: var(--seed-font-size-t7);
  line-height: var(--seed-line-height-t7);
  font-weight: var(--seed-font-weight-bold);
}
.doc h3 {
  margin-top: var(--seed-dimension-x5);
  font-size: var(--seed-font-size-t5);
  font-weight: var(--seed-font-weight-bold);
}
.doc p,
.doc ol,
.doc ul,
.doc .doc-table-wrap { margin-top: var(--seed-dimension-x3); }
.doc ol,
.doc ul { padding-left: 1.4em; }
.doc li + li { margin-top: 4px; }
.doc li > ol,
.doc li > ul { margin-top: 4px; }
.doc a { color: var(--seed-color-fg-brand); text-underline-offset: 3px; }
.doc strong { font-weight: var(--seed-font-weight-bold); }

.doc .notice { margin-top: var(--seed-dimension-x4); }

.doc-table-wrap { overflow-x: auto; }
.doc table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: var(--seed-font-size-t4);
  line-height: 1.6;
}
.doc th,
.doc td {
  padding: 10px 12px;
  border: 1px solid var(--seed-color-stroke-neutral-subtle);
  text-align: left;
  vertical-align: top;
}
.doc th {
  background: var(--seed-color-bg-layer-fill);
  font-weight: var(--seed-font-weight-bold);
  white-space: nowrap;
}

@media (max-width: 599px) {
  .doc table.stack { min-width: 0; }
  .doc table.stack thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  .doc table.stack tr {
    display: block;
    border: 1px solid var(--seed-color-stroke-neutral-subtle);
    border-radius: var(--seed-radius-r3);
    overflow: hidden;
  }
  .doc table.stack tr + tr { margin-top: var(--seed-dimension-x3); }
  .doc table.stack td {
    display: grid;
    grid-template-columns: 6.5em minmax(0, 1fr);
    gap: var(--seed-dimension-x3);
    border: 0;
    border-top: 1px solid var(--seed-color-stroke-neutral-subtle);
  }
  .doc table.stack td:first-child {
    border-top: 0;
    background: var(--seed-color-bg-layer-fill);
    font-weight: var(--seed-font-weight-bold);
  }
  .doc table.stack td::before {
    content: attr(data-label);
    color: var(--seed-color-fg-neutral-subtle);
    font-weight: var(--seed-font-weight-medium);
  }
  .doc th { white-space: normal; }
  .doc table:not(.stack) { min-width: 0; }
}

/* 사업자 정보가 아직 비어 있을 때 */
.doc [data-biz].is-empty,
.footer [data-biz].is-empty { color: var(--seed-color-fg-neutral-subtle); }

@media print {
  .app-bar, .doc-toc, .footer { display: none; }
  .doc { padding: 0; }
}