/* Shared neutral document surface; independent of campaign typography and motion. */
:root { color:#292e30; background:#fafaf8; font-family:system-ui,'Hiragino Sans','Yu Gothic',sans-serif; }
* { box-sizing:border-box; } body { margin:0; } a { color:inherit; text-underline-offset:4px; }
.legal-shell { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; } .legal-shell > * { width:100%; }
/* Public Site Header Spec V1: sticky + blur, skip link. Only 2 nav items — fits without a mobile menu (§6). */
.skip-link { background:#292e30; border-radius:8px; color:#fff; font-weight:700; left:12px; padding:10px 16px; position:fixed; top:12px; transform:translateY(-160%); z-index:1000; }
.skip-link:focus { transform:translateY(0); }
.legal-header,.legal-footer { padding:26px max(24px,calc((100% - 1120px)/2)); display:flex; gap:24px; align-items:center; justify-content:space-between; }
.legal-header { background:rgba(250,250,248,.92); backdrop-filter:blur(16px); border-bottom:1px solid #dfe2df; position:sticky; top:0; z-index:50; }
.legal-header .brand { display:flex; align-items:center; gap:9px; text-decoration:none; font-weight:600; }
.legal-header img { width:22px; height:22px; }
.legal-header nav,.legal-footer nav { display:flex; gap:22px; flex-wrap:wrap; font-size:12px; }
.legal-header nav a { font-weight:500; }
.legal-header nav a[aria-current="page"] { color:#2a5f8f; }
.legal-document { width:min(100% - 48px,800px); margin:64px auto 80px; flex:1; }
.legal-document h1 { font-size:clamp(26px,4vw,36px); font-weight:500; line-height:1.5; margin:0 0 20px; }
.legal-document h2 { font-size:19px; line-height:1.7; font-weight:600; margin:40px 0 16px; padding-bottom:12px; border-bottom:1px solid #dfe2df; }
.legal-document p,.legal-document li,.legal-document td,.legal-document th { font-size:15px; line-height:1.95; overflow-wrap:anywhere; line-break:strict; }
.legal-document ul,.legal-document ol { padding-left:1.5em; }
.legal-document table { width:100%; border-collapse:collapse; margin-top:30px; }
.legal-document th,.legal-document td { padding:18px 12px; border-bottom:1px solid #dfe2df; text-align:left; vertical-align:top; }
.legal-document th { width:28%; font-weight:500; background:#f0f1ed; }
.legal-document details { margin-top:60px; border-top:1px solid #dfe2df; padding-top:24px; }
.legal-document summary { cursor:pointer; font-size:14px; margin-bottom:28px; }
.legal-footer { margin-top:auto; border-top:1px solid #dfe2df; font-size:12px; }
a:focus-visible,summary:focus-visible { outline:2px solid #456e65; outline-offset:5px; }
.legal-tr { display:grid; grid-template-columns:28% 1fr; border-bottom:1px solid #dfe2df; }
.legal-th,.legal-td { padding:18px 12px; margin:0; font-size:15px; line-height:1.95; overflow-wrap:anywhere; }
.legal-th { background:#f0f1ed; font-weight:500; }
.legal-document p.legal-subtitle-en { color:#7a8280; font-size:14px; font-weight:400; margin:-10px 0 24px; }
.legal-document div.legal-td-en { color:#7a8280; font-size:13px; font-weight:400; margin-top:6px; }
@media(max-width:600px) { .legal-tr { grid-template-columns:1fr; } .legal-th { padding:12px; } .legal-td { padding:14px 12px 22px; } .legal-th div { display:inline; margin-left:10px; font-size:12px; color:#626967; } }
@media(max-width:600px) { .legal-header,.legal-footer { align-items:flex-start; flex-direction:column; } .legal-document { margin-top:40px; } .legal-document th { width:32%; } .legal-document td,.legal-document th { padding:14px 8px; } }