/* ═══════════════════════════════════════════════════════════
   모두매출 — 이용약관

   ⚠️ 이 파일이 약관의 **유일한 원본**이다. 마크다운 사본을 따로 두지 않는다 —
   두 벌이 되면 반드시 어긋나고, 어긋난 약관은 그 자체가 분쟁거리가 된다.
   개정 이력은 문서 끝의 표와 git 로그에 남긴다.
   ═══════════════════════════════════════════════════════════ */

:root {
  --paper:#EFF3F8; --surface:#FBFCFE; --raised:#FFFFFF;
  --ink:#0B1220; --ink-2:#4B5A70; --ink-3:#7A8899;
  --rule:#DAE2EC; --rule-2:#BDC8D7; --wash:#E4EBF4;
  --warn:#8A5600; --warn-bg:#F9EDD6;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#090E17; --surface:#101724; --raised:#141C2B;
    --ink:#E7ECF3; --ink-2:#96A4B8; --ink-3:#67758B;
    --rule:#1D2634; --rule-2:#2E3949; --wash:#16202E;
    --warn:#DFB05C; --warn-bg:#292014;
  }
}
:root[data-theme="dark"] {
  --paper:#090E17; --surface:#101724; --raised:#141C2B;
  --ink:#E7ECF3; --ink-2:#96A4B8; --ink-3:#67758B;
  --rule:#1D2634; --rule-2:#2E3949; --wash:#16202E;
  --warn:#DFB05C; --warn-bg:#292014;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 15.5px; line-height: 1.78; letter-spacing: -.012em;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 780px; margin: 0 auto; padding: 0 24px; }

header { border-bottom: 1px solid var(--rule); background: var(--surface); }
.bar { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 20px 0; flex-wrap: wrap; }
.logo { font-weight: 900; font-size: 19px; letter-spacing: -.045em; }
.logo span { font-weight: 500; font-size: 15px; color: var(--ink-3); margin-left: 10px; letter-spacing: -.01em; }
header a { color: var(--ink-2); text-decoration: none; font-size: 14px; border-bottom: 1px solid var(--rule-2); }
header a:hover { color: var(--ink); }

main { padding: 44px 0 72px; }

h1 { font-size: 27px; font-weight: 900; letter-spacing: -.04em; margin: 0 0 6px; }
.sub { color: var(--ink-3); font-size: 14px; margin: 0 0 30px; }

h2 {
  font-size: 19px; font-weight: 900; letter-spacing: -.035em;
  margin: 54px 0 4px; padding-top: 26px; border-top: 1px solid var(--rule);
}
h2:first-of-type { border-top: 0; padding-top: 0; }
h3 { font-size: 16px; font-weight: 700; letter-spacing: -.025em; margin: 30px 0 8px; }
h3 .no { color: var(--ink-3); font-weight: 500; margin-right: 6px; }

p { margin: 10px 0; }
ol, ul { margin: 10px 0; padding-left: 1.6em; }
li { margin: 5px 0; }
ol ol, ol ul { margin: 4px 0 8px; }
ol ol { list-style: none; counter-reset: ho; padding-left: 1.1em; }
ol ol > li { counter-increment: ho; position: relative; padding-left: 1.5em; color: var(--ink-2); }
ol ol > li::before {
  content: counter(ho); position: absolute; left: 0; top: 0;
  font-size: 12px; color: var(--ink-3); border: 1px solid var(--rule-2);
  border-radius: 50%; width: 17px; height: 17px; line-height: 15px;
  text-align: center; margin-top: 5px;
}
b, strong { font-weight: 700; }

.note {
  border-left: 2px solid var(--rule-2); padding: 2px 0 2px 14px;
  color: var(--ink-2); font-size: 14.5px; margin: 16px 0;
}
.hold {
  background: var(--warn-bg); border: 1px solid var(--rule-2); border-radius: 8px;
  padding: 16px 18px; margin: 22px 0; font-size: 14.5px; color: var(--ink-2);
}
.hold b { color: var(--warn); }

table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14.5px; }
th, td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--rule); vertical-align: top; }
th { background: var(--wash); font-weight: 700; color: var(--ink-2); font-size: 13px; letter-spacing: 0; }
td.n, th.n { text-align: right; font-variant-numeric: tabular-nums; }
.scroll { overflow-x: auto; }
.blank { color: var(--ink-3); letter-spacing: .3em; }

footer { border-top: 1px solid var(--rule); background: var(--surface); padding: 34px 0 56px; font-size: 13.5px; color: var(--ink-3); }
footer a { color: var(--ink-2); }