:root { color-scheme: light; --legal-ink:#1d3038; --legal-muted:#64757c; --legal-line:#dce7e4; --legal-green:#008f7f; --legal-green-dark:#087567; --legal-soft:#f5f9f8; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background:#f4f7f6; }
body { margin:0; color:var(--legal-ink); background:#f4f7f6; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
a { color:var(--legal-green-dark); text-underline-offset:3px; }
a:focus-visible { border-radius:4px; outline:2px solid var(--legal-green); outline-offset:3px; }
.legal-header { position:sticky; top:0; z-index:5; min-height:68px; padding:0 max(22px,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--legal-line); background:rgba(255,255,255,.96); backdrop-filter:blur(12px); }
.legal-header img { display:block; width:142px; height:auto; }
.legal-header nav,.legal-footer nav { display:flex; flex-wrap:wrap; gap:18px; }
.legal-header nav a,.legal-footer nav a { color:#53676e; font-size:12px; font-weight:650; text-decoration:none; }
.legal-header nav a[aria-current="page"] { color:var(--legal-green-dark); }
.legal-shell { width:min(920px,calc(100% - 40px)); margin:44px auto 64px; }
.legal-hero { padding:36px 40px; border:1px solid var(--legal-line); border-radius:12px; background:linear-gradient(135deg,#fff 0%,#f4fbf9 100%); box-shadow:0 14px 34px rgba(28,60,58,.06); }
.legal-eyebrow { margin:0 0 8px; color:var(--legal-green-dark); font-size:12px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.legal-hero h1 { margin:0; font-size:clamp(30px,5vw,46px); line-height:1.15; letter-spacing:-.035em; }
.legal-hero p:last-child { max-width:720px; margin:16px 0 0; color:var(--legal-muted); }
.legal-meta { margin:18px 0 0; display:flex; flex-wrap:wrap; gap:10px 22px; color:#718188; font-size:12px; }
.legal-toc { margin:22px 0; padding:20px 24px; border:1px solid var(--legal-line); border-radius:10px; background:#fff; }
.legal-toc strong { display:block; margin-bottom:8px; }
.legal-toc ol { margin:0; padding-left:20px; columns:2; column-gap:36px; }
.legal-toc li { margin:4px 0; break-inside:avoid; }
.legal-content { display:grid; gap:14px; }
.legal-content section { scroll-margin-top:88px; padding:28px 32px; border:1px solid var(--legal-line); border-radius:10px; background:#fff; }
.legal-content h2 { margin:0 0 12px; font-size:20px; line-height:1.35; }
.legal-content h3 { margin:22px 0 8px; font-size:15px; }
.legal-content p { margin:9px 0; color:#52656c; }
.legal-content ul { margin:10px 0; padding-left:21px; color:#52656c; }
.legal-content li { margin:6px 0; }
.legal-note { padding:14px 16px; border-left:3px solid var(--legal-green); border-radius:0 7px 7px 0; background:var(--legal-soft); }
.legal-table-wrap { overflow-x:auto; }
.legal-table { width:100%; border-collapse:collapse; font-size:13px; }
.legal-table th,.legal-table td { padding:11px 12px; border:1px solid var(--legal-line); text-align:left; vertical-align:top; }
.legal-table th { color:#354a51; background:var(--legal-soft); }
.legal-contact { display:grid; gap:4px; }
.legal-footer { min-height:82px; padding:20px max(22px,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--legal-line); color:#708087; background:#fff; font-size:12px; }
@media (max-width:760px) { .legal-header { position:static; padding:16px 20px; align-items:flex-start; flex-direction:column; }.legal-header nav { gap:10px 15px; }.legal-shell { margin-top:24px; }.legal-hero { padding:28px 24px; }.legal-toc ol { columns:1; }.legal-content section { padding:24px 22px; }.legal-footer { align-items:flex-start; flex-direction:column; }.legal-footer nav { gap:10px 15px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
