/* Personal Asiatic — legal pages */
.legal-header { position: sticky; top: 0; z-index: 50; background: rgba(251,250,247,0.9); backdrop-filter: blur(12px); border-bottom: 1px solid var(--c-line); }
.legal-header .container { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.legal-main { max-width: 820px; margin-inline: auto; padding: clamp(2.5rem, 6vw, 5rem) clamp(1.1rem, 4vw, 2rem) var(--space-8); }
.legal-main h1 { font-size: var(--text-3xl); letter-spacing: -0.02em; margin-bottom: 0.5rem; }
.legal-updated { color: var(--c-muted); font-size: 0.9rem; margin-bottom: var(--space-6); padding-bottom: var(--space-5); border-bottom: 1px solid var(--c-line); }
.legal-main h2 { font-size: var(--text-xl); margin-top: var(--space-6); margin-bottom: var(--space-3); color: var(--c-ink); }
.legal-main p, .legal-main li { color: var(--c-body); margin-bottom: 0.8rem; }
.legal-main ul { padding-left: 1.3rem; list-style: disc; margin-bottom: var(--space-4); }
.legal-main li { margin-bottom: 0.4rem; }
.legal-main a { color: var(--c-accent-600); text-decoration: underline; text-underline-offset: 2px; }
.legal-note { background: var(--c-accent-soft); border: 1px solid var(--c-accent-ring); border-radius: var(--r-md); padding: var(--space-4) var(--space-5); font-size: 0.9rem; color: var(--c-ink); margin-bottom: var(--space-6); }
.legal-placeholder { background: #fff4e6; border-radius: 4px; padding: 0 5px; font-weight: 600; color: var(--c-accent-600); }
.legal-footer { border-top: 1px solid var(--c-line); padding: var(--space-6) 0; text-align: center; color: var(--c-muted); font-size: 0.88rem; }
.legal-footer a { color: var(--c-accent-600); }