body.legal-page { margin: 0; background: #f4f6f8; color: #2b3640; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.6; }
.legal-wrap { max-width: 820px; margin: 0 auto; padding: 24px 18px 48px; }
.legal-back { display: inline-block; margin-bottom: 14px; color: #0a2540; font-size: 0.9rem; text-decoration: none; }
.legal-back:hover { text-decoration: underline; }
.legal-card { padding: 22px 26px; border-radius: 8px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }
.legal-card h1 { margin: 0 0 4px; font-size: 1.6rem; color: #0a2540; }
.legal-updated { margin: 0 0 18px; color: #6c757d; font-size: 0.85rem; }
.legal-card h2 { margin: 24px 0 6px; font-size: 1.1rem; color: #0a2540; }
.legal-card p, .legal-card li { font-size: 0.95rem; }
.legal-card img { max-width: 100%; height: auto; }
.legal-card ul { padding-left: 20px; }
.legal-todo { background: #fff3cd; padding: 0 4px; border-radius: 3px; }
.legal-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 16px; font-size: 0.85rem; }
.legal-links a { color: #58656e; }