.legal-hero{padding:120px 0 48px;background:var(--neutral-50);border-bottom:1px solid var(--neutral-200)}.legal-hero h1{font-size:clamp(32px,4vw,44px);font-weight:800;color:var(--neutral-900);letter-spacing:-0.5px;margin-bottom:8px}.legal-hero p{font-size:17px;color:var(--neutral-600)}.legal-content{padding:64px 0 80px}.legal-body{max-width:780px;margin:0 auto}.legal-intro{padding:24px;background:var(--neutral-50);border-radius:var(--radius-sm);border-left:4px solid var(--primary);margin-bottom:40px}.legal-intro p{font-size:15px;color:var(--neutral-700);line-height:1.6;margin-bottom:4px}.legal-intro p:last-child{margin-bottom:0}.legal-toc{padding:28px 32px;background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius);margin-bottom:48px}.legal-toc h3{font-size:16px;font-weight:700;color:var(--neutral-900);margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px}.legal-toc ol{list-style:none;columns:2;column-gap:32px}.legal-toc li{padding:5px 0;break-inside:avoid}.legal-toc a{font-size:14px;color:var(--primary);transition:color 0.2s}.legal-toc a:hover{color:var(--accent)}.legal-body h2{font-size:20px;font-weight:700;color:var(--neutral-900);margin-top:40px;margin-bottom:16px;padding-top:24px;border-top:1px solid var(--neutral-200);scroll-margin-top:100px}.legal-body h2:first-of-type{border-top:none;padding-top:0}.legal-body p{font-size:15px;color:var(--neutral-600);line-height:1.8;margin-bottom:12px}.legal-body ul{margin-bottom:16px;padding-left:0}.legal-body ul li{padding:6px 0 6px 24px;font-size:15px;color:var(--neutral-600);line-height:1.7;position:relative}.legal-body ul li::before{content:'';position:absolute;left:6px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.legal-body a{color:var(--accent);transition:color 0.2s}.legal-body a:hover{color:var(--accent-hover)}.legal-contact{margin-top:32px;padding:24px;background:var(--neutral-50);border-radius:var(--radius-sm);border:1px solid var(--neutral-200)}.legal-contact p{margin-bottom:6px}.legal-contact p:last-child{margin-bottom:0}@media (max-width:768px){.legal-toc ol{columns:1}.legal-hero{padding:100px 0 36px}}