/*
      개인정보 처리방침(privacy.html)과 같은 토큰·구조를 쓴다. 두 문서는 스토어
      심사에 나란히 제출되므로 서로 다르게 보이면 안 된다.
    */
    :root {
      --ink: #14110F;
      --ink-soft: #6B645C;
      --paper: #FFF6E5;
      --surface: #FFFFFF;
      --pink: #FF4D9D;
      --yellow: #FFD23F;
      --cyan: #3DD9FF;
      --border: 3px;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      padding: 0 16px 96px;
      background: var(--paper);
      color: var(--ink);
      font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
        "Pretendard", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;
      font-size: 16px;
      line-height: 1.75;
      word-break: keep-all;
      overflow-wrap: anywhere;
      -webkit-text-size-adjust: 100%;
    }

    .wrap { max-width: 760px; margin: 0 auto; }

    header {
      margin: 32px 0 24px;
      padding: 24px;
      background: var(--yellow);
      border: var(--border) solid var(--ink);
      box-shadow: 6px 6px 0 var(--ink);
    }

    header h1 { margin: 0 0 4px; font-size: 28px; line-height: 1.3; }
    header p { margin: 0; color: var(--ink); font-weight: 600; }

    .home {
      display: inline-block;
      margin-top: 16px;
      padding: 6px 14px;
      background: var(--surface);
      border: 2px solid var(--ink);
      box-shadow: 3px 3px 0 var(--ink);
      color: var(--ink);
      font-weight: 700;
      text-decoration: none;
    }

    .home:active { transform: translate(3px, 3px); box-shadow: none; }

    .langbar { display: flex; gap: 8px; margin: 0 0 24px; }

    section {
      margin: 0 0 20px;
      padding: 20px 22px;
      background: var(--surface);
      border: var(--border) solid var(--ink);
      box-shadow: 5px 5px 0 var(--ink);
    }

    /* 무관용 조항. 심사자가 가장 먼저 찾는 문단이라 눈에 띄게 둔다. */
    section.highlight {
      background: var(--cyan);
      box-shadow: 5px 5px 0 var(--ink);
    }

    h2 {
      margin: 0 0 12px;
      font-size: 19px;
      line-height: 1.4;
      border-bottom: var(--border) solid var(--ink);
      padding-bottom: 8px;
    }

    h3 { margin: 20px 0 6px; font-size: 16px; }
    p { margin: 0 0 12px; }
    ul { margin: 0 0 12px; padding-left: 22px; }
    li { margin: 0 0 6px; }
    li::marker { color: var(--pink); }
    a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--pink); }
    strong { background: linear-gradient(transparent 62%, var(--cyan) 62%); }
    section.highlight strong { background: linear-gradient(transparent 62%, var(--yellow) 62%); }

    .table-scroll { overflow-x: auto; margin: 0 0 12px; }

    table { width: 100%; min-width: 460px; border-collapse: collapse; }

    th, td {
      padding: 8px 10px;
      border: 2px solid var(--ink);
      text-align: left;
      vertical-align: top;
      font-size: 15px;
    }

    th { background: var(--yellow); }

    .note { color: var(--ink-soft); font-size: 14px; }

    footer {
      margin-top: 8px;
      padding: 16px 22px;
      border: var(--border) dashed var(--ink);
      color: var(--ink-soft);
      font-size: 14px;
    }

    @media (max-width: 480px) {
      body { font-size: 15px; }
      header { padding: 20px; }
      header h1 { font-size: 23px; }
      section { padding: 16px; }
    }

    @media print {
      body { background: #fff; padding: 0; }
      .langbar, .home { display: none; }
      section, header { box-shadow: none; }
    }

.langbar label { font-weight: 700; }
.langbar { flex-wrap: wrap; align-items: center; }
.langbar select { min-width: 0; max-width: 100%; padding: 10px; border: 3px solid var(--ink); background: var(--surface); color: var(--ink); font: inherit; }
[dir="rtl"] th, [dir="rtl"] td { text-align: right; }
[dir="rtl"] ul { padding-left: 0; padding-right: 22px; }