/* ============================================================
   SYNIZE PT — 공통 스타일
   방향: 스플래시의 [세리프 S · 골드 헤어라인 · 자간 넓은 소문자] 락업을
        문서 전체의 구조 장치로 확장. 경쟁 서비스의 애시드그린 스포츠
        톤과 정면으로 갈리는 '조판된 문서' 성격을 유지한다.
   ============================================================ */

:root{
  color-scheme: dark;
  --void:#08090d;
  --ink:#0b0f16;
  --panel:rgba(255,255,255,.045);
  --panel-2:rgba(255,255,255,.028);
  --line:rgba(255,255,255,.10);
  --gold:#d4af37;
  --gold-lite:#f0d77b;
  --text:#eef2f6;
  --muted:#93a0b0;
  --dim:#6f7b8a;

  --serif: Georgia, 'Times New Roman', serif;
  --sans: 'Noto Sans KR', -apple-system, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  background:
    radial-gradient(circle at 24% 0%, rgba(212,175,55,.13), transparent 46vh),
    linear-gradient(180deg,#0c1119,var(--ink) 54%,var(--void));
  background-attachment:fixed;
  color:var(--text);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  padding:0 0 env(safe-area-inset-bottom);
}

.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.wrap-tight{max-width:600px;margin:0 auto;padding:0 22px}

/* ---- 상단 락업 (스플래시 언어의 축소판) ---- */
.lockup{display:flex;align-items:center;gap:11px;padding:30px 0 0}
.lockup .s{font-family:var(--serif);font-weight:700;font-size:27px;line-height:1;color:var(--gold)}
.lockup .bar{width:26px;height:1.5px;background:var(--gold);opacity:.8}
.lockup .name{font-family:var(--mono);font-size:11px;letter-spacing:.34em;color:var(--gold);padding-left:.34em}
.lockup a{text-decoration:none;display:flex;align-items:center;gap:11px}

/* ---- 타이포 ---- */
.eyebrow{font:600 10.5px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
h1.doc{font-family:var(--serif);font-size:38px;line-height:1.16;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}
h1.hero{font-family:var(--serif);font-size:clamp(34px,8.2vw,54px);line-height:1.14;font-weight:700;letter-spacing:-.02em}
h2.sec{font-family:var(--serif);font-size:23px;line-height:1.3;font-weight:700;margin:0 0 14px}
.effective{font:500 11.5px var(--mono);color:var(--dim);letter-spacing:.04em}
.lede{font-size:15px;line-height:1.85;color:var(--muted);margin-top:16px}

p,li{font-size:14.5px;line-height:1.9;color:#c2ccd8}
a{color:var(--gold)}

/* ---- 법률 문서 조판 ---- */
.doc-body{padding:42px 0 0}
.article{padding-top:30px;margin-top:30px;border-top:1px solid var(--line)}
.article:first-of-type{border-top:0;margin-top:8px}
.article h3{font-family:var(--serif);font-size:18px;font-weight:700;margin-bottom:13px;color:var(--text)}
.article ol{padding-left:19px;margin:9px 0}
.article ol ol{margin:7px 0 3px}
.article ul{padding-left:19px;margin:9px 0;list-style:'—  '}
.article li{margin-bottom:7px}
.article p + p{margin-top:11px}
.note{margin-top:13px;padding:14px 16px;border-left:2px solid var(--gold);
      background:rgba(212,175,55,.055);border-radius:0 8px 8px 0}
.note p{font-size:13.5px;color:#cfd8e3;margin:0}

/* ---- 표 ---- */
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.7}
th{color:var(--gold);font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;
   border-bottom-color:rgba(212,175,55,.35)}
td{color:#c2ccd8}
td:first-child{color:var(--text);white-space:nowrap}

/* ---- 카드 / 패널 ---- */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 22px}

/* ---- 버튼 ---- */
.btn{display:inline-block;padding:15px 30px;border-radius:999px;border:0;cursor:pointer;
     font:700 15px var(--sans);text-decoration:none;text-align:center;
     background:linear-gradient(96deg,var(--gold),var(--gold-lite));color:#161006;
     box-shadow:0 10px 30px rgba(212,175,55,.24);transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.45;box-shadow:none;transform:none;cursor:not-allowed}
.btn-ghost{background:none;border:1px solid var(--line);color:var(--text);box-shadow:none}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-block{display:block;width:100%}

/* ---- 접근성 ---- */
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}

@media (max-width:520px){
  h1.doc{font-size:31px}
  .wrap,.wrap-tight{padding:0 18px}
  th,td{padding:10px 8px;font-size:12.5px}
}