body { background: #ffffff; color: #0f172a; }
.page-content { max-width: 820px; margin: 60px auto; padding: 0 8% 80px; }
.page-content h1 { font-size: 48px; font-weight: 800; margin-bottom: 10px; letter-spacing: -1px; }
.legal-date { font-size: 13px; color: #94a3b8; margin-bottom: 36px; }
.page-content > p:first-of-type { font-size: 17px; color: #334155; line-height: 1.75; margin-bottom: 32px; }
.page-content h2 { font-size: 19px; font-weight: 700; margin: 40px 0 12px; color: #0f172a; border-bottom: 1px solid #f1f5f9; padding-bottom: 8px; }
.page-content h3 { font-size: 16px; font-weight: 700; margin: 24px 0 8px; color: #1e293b; }
.page-content p { color: #475569; line-height: 1.8; margin-bottom: 14px; }
.page-content ul, .page-content ol { color: #475569; line-height: 1.8; margin-bottom: 16px; padding-left: 24px; }
.page-content li { margin-bottom: 6px; }
.page-content a { color: #0ea5e9; text-decoration: none; }
.page-content a:hover { text-decoration: underline; }
.page-content strong { color: #0f172a; }
.legal-toc { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px 28px; margin-bottom: 36px; }
.legal-toc strong { display: block; margin-bottom: 10px; color: #0f172a; }
.legal-toc ol { margin: 0; padding-left: 20px; }
.legal-toc li { font-size: 14px; color: #475569; margin-bottom: 4px; }
.legal-toc a { color: #0ea5e9; text-decoration: none; }
.legal-toc a:hover { text-decoration: underline; }
@media(max-width: 640px) {
    .page-content { padding: 0 5% 60px; }
    .page-content h1 { font-size: 30px; }
    .page-content h2 { font-size: 17px; }
}