/* Vleeno — legal pages */
body { background: var(--canvas); }
.legal { max-width: 820px; margin: 0 auto; padding: 130px 24px 80px; }
.legal a.back { display: inline-flex; align-items: center; gap: 8px; color: var(--brand); font-weight: 700; margin-bottom: 24px; }
.legal h1 { font-size: clamp(2rem, 4vw, 2.8rem); margin-bottom: 8px; }
.legal .updated { color: var(--muted); margin-bottom: 32px; }
.legal h2 { font-size: 1.3rem; margin: 36px 0 12px; }
.legal h3 { font-size: 1.05rem; margin: 22px 0 8px; }
.legal p, .legal li { color: var(--text-soft); margin-bottom: 10px; }
.legal ul { padding-left: 20px; list-style: disc; }
.legal table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.legal td { padding: 9px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.legal td:first-child { font-weight: 700; width: 38%; color: var(--text); }
.note { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 14px; padding: 16px 18px; color: #9a3412; margin: 24px 0; font-size: .92rem; }
mark { background: #fef08a; padding: 1px 5px; border-radius: 4px; }
.nav-mini { position: fixed; top: 0; left: 0; right: 0; padding: 16px 24px; background: rgba(255,255,255,.85); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 10px; z-index: 10; }
.nav-mini .logo__mark { width: 32px; height: 32px; border-radius: 9px; }
.nav-mini b { font-weight: 800; }