.legal-hero { padding:28px 0 48px; background:radial-gradient(ellipse at 85% 0,#e4ecff,transparent 60%),#f6f8fe; border-bottom:1px solid var(--line); }
.legal-breadcrumb { display:flex; gap:12px; font-size:12px; color:var(--muted); margin-bottom:30px; }
.legal-hero h1 { font-size:clamp(2.4rem,4.8vw,3.8rem); font-weight:800; letter-spacing:-.055em; line-height:1.1; margin-bottom:20px; }
.legal-hero p { max-width:770px; color:var(--muted); font-size:17px; }.legal-updated { display:inline-flex; align-items:center; gap:8px; font-size:12px; color:#536584; }
.legal-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:65px; padding-top:48px; padding-bottom:65px; align-items:start; }
.legal-nav { position:sticky; top:112px; border:1px solid var(--line); border-radius:12px; padding:22px; background:#f8faff; }.legal-nav h2 { font-size:16px; letter-spacing:0; margin-bottom:15px; }.legal-nav nav { display:grid; gap:5px; }.legal-nav a { padding:8px 0; font-size:13px; color:#5d6c85; }.legal-nav a[aria-current] { color:var(--primary); font-weight:750; }
.legal-nav .legal-contents { border-top:1px solid var(--line); margin-top:18px; padding-top:18px; }.legal-contents a { font-size:12px; line-height:1.4; }
.legal-article { max-width:820px; }.legal-summary { padding:24px; border-radius:12px; background:#eef3ff; border:1px solid #dfe7fa; margin-bottom:35px; }.legal-summary h2 { font-size:20px; margin-bottom:10px; }.legal-summary p { margin:0; color:#4d6082; font-size:15px; }
.legal-article section { margin-bottom:32px; scroll-margin-top:108px; }.legal-article section h2 { font-size:23px; letter-spacing:-.025em; margin-bottom:13px; }.legal-article p,.legal-article li { color:#53627c; font-size:15px; line-height:1.85; }.legal-article p { margin-bottom:14px; }.legal-article ul { padding-left:22px; }.legal-article li { padding-left:2px; margin-bottom:9px; }
.legal-related { border-top:1px solid var(--line); padding-top:24px; display:flex; flex-wrap:wrap; gap:12px 25px; font-size:13px; }.legal-note { padding:18px 22px; background:#f7f9fd; border-left:3px solid var(--primary); border-radius:0 8px 8px 0; }
@media(max-width:991px) { .legal-layout { grid-template-columns:210px minmax(0,1fr); gap:32px; }.legal-nav { padding:17px; } }
@media(max-width:767px) { .legal-hero { padding:22px 0 34px; }.legal-hero p { font-size:15px; }.legal-layout { grid-template-columns:1fr; gap:28px; padding-top:28px; }.legal-nav { position:static; }.legal-nav>nav { display:flex; flex-wrap:wrap; gap:8px 20px; }.legal-contents nav { display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; }.legal-summary { padding:21px; }.legal-article section h2 { font-size:21px; } }