.container{max-width:1280px}
.legal-hero{background:linear-gradient(135deg,#1D352F 0%,#2B8C5E 100%);border-radius:24px;padding:40px 44px;margin-bottom:28px;position:relative;overflow:hidden}
.legal-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 30%,rgba(246,189,96,.12),transparent 70%);pointer-events:none}
.legal-hero h1{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:8px;position:relative}
.legal-hero p{font-size:0.88rem;color:rgba(255,255,255,.65);max-width:640px;position:relative}
.legal-hero .legal-meta{display:flex;gap:24px;margin-top:14px;font-size:0.78rem;color:rgba(255,255,255,.45);position:relative;flex-wrap:wrap}
.legal-content{background:var(--white);border-radius:var(--radius-card);border:1px solid var(--border-light);padding:40px 48px;margin-bottom:40px}
.legal-content h2{font-size:1.2rem;font-weight:700;color:#1F3E3B;margin-top:36px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #F0E8DC}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{font-size:1rem;font-weight:600;color:var(--gray-deep);margin-top:24px;margin-bottom:10px}
.legal-content h4{font-size:0.9rem;font-weight:600;color:var(--gray-deep);margin-top:18px;margin-bottom:8px}
.legal-content p{margin-bottom:12px;font-size:0.88rem;color:var(--gray-mid)}
.legal-content ul{margin-bottom:12px;padding-left:24px}
.legal-content ul li{margin-bottom:6px;font-size:0.85rem;color:var(--gray-mid)}
.legal-content .highlight-box{padding:16px 20px;background:#FCFAF4;border-left:4px solid var(--brand-green);border-radius:10px;margin:16px 0}
.legal-content .highlight-box p{font-size:0.85rem;margin-bottom:0}
.legal-toc{background:#FCFAF4;border-radius:14px;border:1px solid var(--border-light);padding:20px 24px;margin-bottom:28px}
.legal-toc h3{font-size:0.88rem;font-weight:600;color:#1F3E3B;margin-bottom:10px}
.legal-toc ol{padding-left:20px}
.legal-toc ol li{margin-bottom:4px;font-size:0.82rem;color:var(--gray-mid)}
.legal-toc ol li a{color:var(--brand-green)}
.legal-toc ol li a:hover{text-decoration:underline}
@media(max-width:768px){
    .legal-content{padding:24px 20px}.legal-hero{padding:28px 20px}
}