/* 명세: PG 심사에 필요한 약관·개인정보·환불 정책을 모바일에서도 읽기 쉬운 공개 문서 화면으로 표시합니다. */
:root { color-scheme: dark; font-family: Pretendard, "Noto Sans KR", Arial, sans-serif; background: #070812; color: #edf1ff; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at top, #172340 0, #070812 52rem); }
.policy-shell { width: min(900px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 64px; }
.policy-brand { display: inline-block; margin-bottom: 24px; color: #83eadc; font-size: 18px; font-weight: 800; letter-spacing: .12em; text-decoration: none; }
.policy-card { padding: clamp(24px, 5vw, 52px); border: 1px solid #283550; border-radius: 20px; background: rgba(14, 19, 34, .92); box-shadow: 0 18px 50px rgba(0, 0, 0, .22); }
.policy-eyebrow { margin: 0 0 10px; color: #83eadc; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
h1 { margin: 0; font-size: clamp(30px, 5vw, 44px); letter-spacing: -.04em; }
h2 { margin: 42px 0 12px; color: #fff; font-size: 20px; }
p, li { color: #c7d0df; line-height: 1.8; word-break: keep-all; }
.policy-date { margin-top: 8px; color: #8997ad; font-size: 14px; }
a { color: #83eadc; }
ul { padding-left: 22px; }
table { width: 100%; margin-top: 16px; border-collapse: collapse; font-size: 14px; }
th, td { padding: 12px; border: 1px solid #35445f; text-align: left; vertical-align: top; line-height: 1.6; }
th { color: #fff; background: #1c2941; }
.policy-links { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-top: 24px; }
@media (max-width: 600px) { .policy-shell { width: min(100% - 24px, 900px); padding-top: 26px; } .policy-card { border-radius: 14px; } table { font-size: 12px; } th, td { padding: 8px; } }