.legal-page{--legal-accent:#82bded;--legal-muted:#b0b4bc;color:#f3f4f6;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;overflow-wrap:anywhere}

.legal-page *{box-sizing:border-box}

.legal-page a{color:var(--legal-accent);text-decoration:none}

.legal-page a:hover{text-decoration:underline}

.legal-page a:focus-visible,.legal-page summary:focus-visible{outline:2px solid var(--legal-accent);outline-offset:5px;border-radius:5px}

.legal-page .legal-shell{max-width:1160px;margin:0 auto;padding:24px 24px 60px}

.legal-page .legal-top{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1160px;margin:auto;padding:20px 24px;border-bottom:1px solid #ffffff1f}

.legal-page .legal-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:750;color:#f3f4f6}

.legal-page .legal-brand img{width:30px;height:30px;object-fit:contain}

.legal-page .legal-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;border:1px solid #ffffff35;border-radius:99px;background:linear-gradient(#ffffff0f,#ffffff00),#202123;box-shadow:inset 0 1px 2px #ffffff29;color:#edf0f4;font-size:13px;font-weight:650;transition:transform .15s,background .15s}

.legal-page .legal-button:active{transform:scale(.96)}

.legal-page .legal-hero{padding:22px 0 32px}

.legal-page .legal-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--legal-muted);font-size:13px}

.legal-page .legal-eyebrow{display:block;margin:20px 0 14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--legal-accent)}

.legal-page h1{max-width:950px;font-size:clamp(32px,5.2vw,62px);font-weight:750;line-height:1.08;letter-spacing:-.05em;margin:0 0 20px;color:#f4f5f7;text-wrap:balance}

.legal-page .legal-description{max-width:700px;font-size:17px;line-height:1.6;color:var(--legal-muted);margin:0 0 20px}

.legal-page .legal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--legal-muted)}

.legal-page .legal-meta>span{padding:7px 12px;border:1px solid #ffffff24;border-radius:99px;background:#ffffff06}

.legal-page .legal-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:36px;align-items:start}

.legal-page .legal-toc{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto;padding:0 8px 12px 0;scrollbar-width:thin}

.legal-page .legal-toc summary{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:12px 0;list-style-position:inside;color:#d6dae1}

.legal-page .legal-toc nav{display:grid;gap:2px;margin-top:8px}

.legal-page .legal-toc a{display:block;min-height:44px;padding:10px 10px;font-size:13px;line-height:1.6;color:var(--legal-muted);border-radius:12px}

.legal-page .legal-toc a:hover{background:#ffffff0c;color:var(--legal-accent);text-decoration:none}

.legal-page .legal-document{min-width:0;display:grid;gap:16px}

.legal-page .legal-section{scroll-margin-top:22px;padding:28px 30px;border:1px solid #ffffff2b;border-radius:28px;background:linear-gradient(150deg,#282a2dd9,#18191beb);box-shadow:inset 0 1px 2px #ffffff1f}

.legal-page .legal-section:target{border-color:var(--legal-accent)}

.legal-page .legal-section h2{font-family:inherit;font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:700;margin:0 0 20px;color:#f3f4f6}

.legal-page .legal-section p,.legal-page .legal-section ul,.legal-page .legal-section ol{font-size:15px;line-height:1.8;margin:0 0 14px;color:#c4c8d0}

.legal-page .legal-section p:last-child,.legal-page .legal-section ul:last-child{margin-bottom:0}

.legal-page .legal-section ul,.legal-page .legal-section ol{padding-left:22px}

.legal-page .legal-section li{margin:6px 0}

.legal-page .legal-section strong{color:#f2f4f7}

.legal-page .legal-footer{margin:32px 0 0;padding:22px 0 0;border-top:1px solid #ffffff24;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--legal-muted)}

@media(min-width:801px){.legal-page .legal-toc:not([open]) nav{display:grid}.legal-page .legal-toc summary{list-style:none}}

@media(max-width:800px){.legal-page .legal-layout{grid-template-columns:1fr;gap:18px}.legal-page .legal-toc{position:static;max-height:none;padding:4px 16px;border:1px solid #ffffff24;border-radius:20px;background:#202123}.legal-page .legal-toc nav{padding-bottom:10px}.legal-page .legal-toc:not([open]) nav{display:none}.legal-page .legal-shell{padding:12px 16px 40px}.legal-page .legal-top{padding:16px}.legal-page .legal-hero{padding:8px 0 22px}.legal-page .legal-eyebrow{margin-top:12px}.legal-page .legal-section{padding:22px 20px;border-radius:24px}.legal-page .legal-section h2{font-size:21px}.legal-page .legal-description{font-size:15px}.legal-page .legal-section p,.legal-page .legal-section ul,.legal-page .legal-section ol{font-size:15px}.legal-page h1{font-size:clamp(30px,8.4vw,48px)}}

@media(prefers-reduced-motion:reduce){.legal-page .legal-button{transition:none}}

@media print{.legal-page,.legal-page .legal-section{background:white;color:black;box-shadow:none}.legal-page .legal-top,.legal-page .legal-toc,.legal-page .legal-back,.legal-page .legal-footer{display:none}.legal-page .legal-layout{display:block}.legal-page .legal-section{border:0;padding:12px 0;break-inside:avoid}.legal-page h1,.legal-page .legal-section h2,.legal-page .legal-section p,.legal-page .legal-section li{color:black}}


/* Legal documents need the full reading layout, including inside the cabinet. */
.xanka-ui:has(.legal-page) .auth-canvas,.xanka-ui:has(.legal-page) .content-canvas{width:100%!important;max-width:1160px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}
.xanka-ui .legal-page h1{font-size:clamp(32px,5.2vw,62px)!important;line-height:1.08!important}
@media(max-width:800px){.xanka-ui .legal-page h1{font-size:clamp(30px,8.4vw,48px)!important}}