[data-legal-lang] { display: none }
html[lang="en"] [data-legal-lang="en"], html[lang="zh"] [data-legal-lang="zh"], html[lang="ja"] [data-legal-lang="ja"] { display: block }
:root { --legal-paper:#faf5f0; --legal-ink:#282d32; --legal-teal:#286464; --legal-muted:#596066; --legal-line:#e5ded7 }
.legal-page { min-height:100vh; padding:0 24px 64px; color:var(--legal-ink); background:var(--legal-paper); font-family:PingFangSC-Regular, Arial, sans-serif; font-size:16px; line-height:1.4; overflow-wrap:break-word }
.legal-page h1, .legal-page h2, .legal-page h3, .legal-page h4, .legal-page h5, .legal-page h6 { font-family:Arial,Helvetica,sans-serif; letter-spacing:0 }
.legal-header { height:60px; margin:0 -24px 80px; padding:0 max(24px,calc((100vw - 1200px)/2)); display:flex; align-items:center; background:#fff; border-bottom:1px solid rgba(40,45,50,.08) }
.legal-brand img {height:24px; display:block }
.legal-brand:focus-visible { outline:3px solid var(--legal-teal); outline-offset:3px }
.legal-layout { width:min(1200px,100%); margin:0 auto; display:grid; grid-template-columns:minmax(0,740px) 400px; gap:60px; align-items:start }
.legal-content { min-width:0 }
.legal-content > .legal-doc > h1 { margin:0 0 8px; color:var(--legal-ink); font-size:48px; font-weight:600; line-height:1.15 }
.legal-content .legal-updated, .legal-content > .legal-doc > h1 + p { margin:0 0 52px; color:var(--legal-muted); font-size:14px }
.legal-content h2 { margin:34px 0 8px; font-size:20px; line-height:1.25 }
.legal-content h3 { margin:24px 0 6px; font-size:17px; line-height:1.3 }
.legal-content p { margin:0 0 18px }
.legal-content .subtitle { margin:0 0 24px; color:var(--legal-muted); font-size:16px; line-height:1.5 }
.legal-content .meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 28px }
.legal-content .meta .pill { margin:0 }
.legal-content .pill { min-width:0; padding:12px 14px; border:1px solid var(--legal-line); border-radius:10px; background:rgba(255,255,255,.58); color:var(--legal-ink); font-size:14px; line-height:1.45 }
.legal-content .pill b { display:block; margin:0 0 4px; color:var(--legal-muted); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase }
.legal-content .notice, .legal-content .warning { margin:0 0 28px; padding:16px 18px; border:1px solid var(--legal-line); border-radius:12px; background:#fff; color:var(--legal-ink) }
.legal-content .notice strong, .legal-content .warning strong { color:var(--legal-ink) }
.legal-content ul, .legal-content ol { margin:0 0 20px; padding-left:24px }
.legal-content li { margin:0 0 8px }
.legal-content a { color:var(--legal-teal) }
.legal-content table { display:block; width:100%; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:20px 0 }
.legal-content th, .legal-content td { padding:8px 10px; border:1px solid var(--legal-line); text-align:left; vertical-align:top }
.legal-content th { background:#f1eae4 }
.legal-sidebar { position:sticky; top:24px; padding:10px; border-radius:16px; background:#fff }
.legal-sidebar h2 { min-height:80px; margin:0 0 18px; padding:25px 12px; border-radius:16px; color:#eae6e0; background:var(--legal-ink); font-size:24px; font-weight:600; line-height:30px; text-align:center }
.legal-sidebar a { display:block; padding:10px; color:var(--legal-ink); font-size:18px; line-height:25px; text-decoration:none }
.legal-sidebar a:hover, .legal-sidebar a:focus-visible { color:var(--legal-teal) }
.legal-sidebar a[aria-current="page"] { color:var(--legal-teal); font-weight:600; text-decoration:underline; text-underline-offset:3px }
.legal-foot { width:min(1200px,100%); margin:64px auto 0; padding-top:20px; border-top:1px solid var(--legal-line); color:var(--legal-muted); font-size:14px }
@media (max-width:900px) { .legal-header { margin-bottom:40px } .legal-layout { grid-template-columns:1fr; gap:36px } .legal-sidebar { position:static; order:-1 } .legal-sidebar h2 { min-height:auto; padding:16px } .legal-sidebar a { display:inline-block; width:50%; vertical-align:top } .legal-content > .legal-doc > h1 { font-size:38px } }
@media (max-width:900px) { .legal-content .meta { grid-template-columns:1fr; gap:8px } }
@media (max-width:560px) { .legal-page { padding:0 16px 40px; font-size:15px } .legal-header { height:60px; margin:0 -16px 28px; padding:0 16px } .legal-brand img { width:130px; height:auto } .legal-sidebar a { width:100% } .legal-content > .legal-doc > h1 { font-size:32px } .legal-content .subtitle { font-size:15px } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto } }
@media (prefers-contrast:more) { .legal-header { background:var(--legal-paper) } .legal-sidebar { border:2px solid var(--legal-ink) } }
@media print { .legal-header, .legal-sidebar { display:none } .legal-layout { display:block } .legal-page { padding:0; background:#fff } }

/* Accessibility signals for this non-glass legal surface. */
@media (prefers-reduced-transparency: reduce) { .legal-page .pill { background:#fff } }
@supports not (backdrop-filter: blur(1px)) { .legal-page .legal-header, .legal-page .legal-sidebar { -webkit-backdrop-filter:none; backdrop-filter:none } }