.legal{--lg-blue:#0065f6;--lg-ink:#092442;--lg-text:#2f4561;--lg-muted:#7185a1;--lg-soft:#f4f9ff;--lg-line:#dee8f4;color:var(--lg-ink);margin:8px 0 48px}
.legal a:focus-visible,.legal button:focus-visible,.legal summary:focus-visible{outline:3px solid #438dff;outline-offset:3px}

/* Header */
.legal__head{position:relative;overflow:hidden;padding:34px 36px;border-radius:22px;background:linear-gradient(135deg,#0b2d57,#0a4aa8 62%,#0065f6);color:#fff}
.legal__head::after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#ffffff26,#ffffff00 70%)}
.legal__eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a7ddff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.legal__eyebrow .icon{width:16px;height:16px}
.legal h1{position:relative;max-width:820px;margin:12px 0 16px;color:#fff;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.15;letter-spacing:-.02em}
.legal__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 22px;padding:0;list-style:none;color:#cfe0f5;font-size:14px}
.legal__meta li{display:inline-flex;align-items:center;gap:7px}
.legal__meta .icon{width:16px;height:16px;color:#a7ddff}
.legal__actions{position:relative;display:flex;flex-wrap:wrap;gap:10px}
.legal__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:10px;background:#fff;color:var(--lg-blue);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}
.legal__button:hover{transform:translateY(-1px);text-decoration:none}
.legal__button .icon{width:17px;height:17px}
.legal__button--ghost{border-color:#ffffff59;background:transparent;color:#fff}
.legal__button--ghost:hover{background:#ffffff1a}

/* Document tabs */
.legal__tabs{display:flex;gap:8px;margin:18px 0 24px;overflow-x:auto;scrollbar-width:none}
.legal__tabs::-webkit-scrollbar{display:none}
.legal__tabs a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--lg-soft);color:#4e6789;font-size:15px;font-weight:600;white-space:nowrap;text-decoration:none}
.legal__tabs a:hover{background:#e5f0ff;text-decoration:none}
.legal__tabs .icon{width:18px;height:18px;color:var(--lg-blue)}
.legal__tabs a[aria-current=page]{background:var(--lg-blue);color:#fff;box-shadow:0 6px 16px #0065f633}
.legal__tabs a[aria-current=page] .icon{color:#fff}

/* Layout */
.legal__layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
.legal__aside{align-self:stretch}
.legal__toc{position:sticky;top:96px;padding:18px;border:1px solid var(--lg-line);border-radius:16px;background:#fff}
.legal__toc>p{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:800}
.legal__toc .icon{width:18px;height:18px;color:var(--lg-blue)}
.legal__toc ol{display:grid;gap:2px;margin:0;padding:0;list-style:none;max-height:calc(100vh - 200px);overflow:auto}
.legal__toc a{display:block;padding:8px 10px;border-radius:8px;color:#4e6789;font-size:14px;line-height:1.35;text-decoration:none}
.legal__toc a:hover{background:var(--lg-soft);color:var(--lg-blue);text-decoration:none}
.legal__toc a[aria-current]{background:#e5f0ff;color:var(--lg-blue);font-weight:600}
.legal__toc--inline{display:none;position:static;margin-bottom:20px;padding:0}
.legal__toc--inline summary{display:flex;align-items:center;gap:8px;padding:14px 16px;font-weight:700;cursor:pointer;list-style:none}
.legal__toc--inline summary::-webkit-details-marker{display:none}
.legal__toc--inline summary .icon:last-child{margin-left:auto;transition:transform .2s}
.legal__toc--inline[open] summary .icon:last-child{transform:rotate(180deg)}
.legal__toc--inline ol{padding:0 8px 12px;max-height:none}

/* Document text */
.legal__doc{min-width:0;padding:36px 44px;border:1px solid var(--lg-line);border-radius:20px;background:#fff;box-shadow:0 16px 40px #0a3c800a}
.legal__text{max-width:860px;font-size:16px;line-height:1.75;color:var(--lg-text);overflow-wrap:break-word}
.legal__text>p{margin:0 0 12px}
.legal__text>p:first-child{font-size:17px;color:var(--lg-ink)}
.legal__text h2{position:relative;margin:38px 0 14px;padding:12px 16px 12px 18px;border-radius:12px;background:var(--lg-soft);color:var(--lg-ink);font-size:20px;font-weight:800;line-height:1.3;scroll-margin-top:100px}
.legal__text h2::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:2px;background:var(--lg-blue)}
.legal__text h2:first-child{margin-top:0}
.legal__text strong,.legal__text b{color:var(--lg-ink)}
.legal__text a{color:var(--lg-blue);text-decoration:underline;text-decoration-color:#a9c9fb;text-underline-offset:3px}
.doc-clause{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;margin:0 0 10px}
.doc-clause__num{color:var(--lg-blue);font-weight:800;font-variant-numeric:tabular-nums}
.doc-clause--2{padding-left:24px;grid-template-columns:70px minmax(0,1fr)}
.doc-clause--3{padding-left:48px;grid-template-columns:78px minmax(0,1fr)}
.doc-clause--2 .doc-clause__num,.doc-clause--3 .doc-clause__num{color:#5b84c4;font-weight:700}
.legal__text ul,.legal__text ol{display:grid;gap:6px;margin:4px 0 14px 72px;padding:0}
.legal__text li::marker{color:var(--lg-blue)}
.legal__text table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
.legal__text td,.legal__text th{border:1px solid var(--lg-line);padding:8px 12px}
.legal__top{display:inline-flex;align-items:center;gap:6px;margin-top:26px;color:var(--lg-blue);font-weight:700;font-size:14px}
.legal__top .icon{width:16px;height:16px}

/* Help */
.legal__help{display:grid;grid-template-columns:auto 1fr auto;gap:18px 22px;align-items:center;margin-top:32px;padding:24px 28px;border-radius:18px;background:var(--lg-soft);border:1px solid #e3eefb}
.legal__help>span{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#fff;color:var(--lg-blue)}
.legal__help>span .icon{width:28px;height:28px}
.legal__help h2{margin:0 0 4px;font-size:19px}
.legal__help p{margin:0;color:var(--lg-text);line-height:1.55}
.legal__help .legal__button{background:var(--lg-blue);color:#fff}

@media(max-width:1000px){.legal__layout{grid-template-columns:1fr}.legal__aside{display:none}.legal__toc--inline{display:block}.legal__doc{padding:26px}.legal__help{grid-template-columns:auto 1fr}.legal__help .legal__button{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.legal__head{padding:24px 18px;border-radius:16px}.legal__actions .legal__button{flex:1}.legal__doc{padding:18px 16px;border-radius:16px}.legal__text{font-size:15px}.legal__text h2{font-size:18px;margin-top:28px}.doc-clause,.doc-clause--2,.doc-clause--3{display:block;padding-left:0}.doc-clause__num{margin-right:6px}.doc-clause--3{padding-left:12px}.legal__text ul,.legal__text ol{margin-left:20px}.legal__help{grid-template-columns:1fr;padding:20px}.legal__help .legal__button{width:100%}}

@media print{
    header,footer,.topbar,.compact-header,.breadcrumbs,.legal__tabs,.legal__aside,.legal__actions,.legal__help,.legal__top,.legal__toc--inline,.mobile-tabbar,.m-tabbar,[class*=cookie],dialog{display:none!important}
    body{background:#fff}
    .legal__head{padding:0;background:none;color:#000}
    .legal__head::after{display:none}
    .legal h1{color:#000;font-size:22pt}
    .legal__eyebrow,.legal__meta{color:#444}
    .legal__layout{display:block}
    .legal__doc{padding:0;border:0;box-shadow:none}
    .legal__text{max-width:none;font-size:11pt;color:#000}
    .legal__text h2{background:none;padding:0;break-after:avoid}
    .legal__text h2::before{display:none}
}
