/* ============================================================
   Valiant Branch Inc — legal.css
   Shared styles for privacy.php and terms.php
   ============================================================ */

body { background: var(--black); color: var(--white); }

.page-content { max-width: 800px; margin: 0 auto; padding: 160px 24px 100px; }
.page-content .label { display: inline-block; font-size: 0.8rem; font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: 3px; margin-bottom: 16px; }
.page-content h1 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 8px; }
.page-content h1 span { background: linear-gradient(135deg, var(--gold), var(--gold-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.page-content .last-updated { color: var(--gray-600); font-size: 0.85rem; margin-bottom: 48px; }

.policy-body { margin-top: 40px; }
.policy-body h2 { font-size: 1.25rem; color: var(--gold); margin: 36px 0 12px; font-family: var(--font-body); font-weight: 600; }
.policy-body h2:first-child { margin-top: 0; }
.policy-body p { color: var(--gray-300); font-size: 0.975rem; line-height: 1.8; margin-bottom: 16px; }
.policy-body ul { list-style: none; margin: 0 0 16px 0; padding: 0; }
.policy-body ul li { color: var(--gray-300); font-size: 0.975rem; padding: 4px 0 4px 20px; position: relative; line-height: 1.7; }
.policy-body ul li::before { content: ''; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; background: var(--gold); border-radius: 50%; }
.policy-body address { color: var(--gray-300); font-style: normal; font-size: 0.975rem; line-height: 1.8; }
.policy-body a { color: var(--gold); }
.policy-body a:hover { text-decoration: underline; }

@media (max-width: 768px) {
    .page-content { padding: 120px 24px 80px; }
}