.legal-hero{
padding-block:calc(var(--header-height) + var(--space-6)) var(--space-6);
background:var(--s1);
color:#E6E9F2;
--muted:#A7ADC2;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}

.legal-hero__kicker{
width:fit-content;
margin-bottom:var(--kicker-gap);
font-size:var(--text-sm);
line-height:1.5;
color:#A7ADC2;
}

.legal-hero__title{
font-size:var(--text-display);
line-height:var(--lh-display);
color:#E6E9F2;
overflow-wrap:break-word;
}

.legal-hero__meta{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
margin-top:var(--space-4);
}

.legal-hero__meta .pill{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--r-pill);
background:var(--surface);
color:#E7EBEE;
--muted:#A0A9B1;
--line:rgba(255,255,255,.18);
font-size:var(--text-xs);
line-height:1;
overflow-wrap:break-word;
}

.legal-hero__lead{
max-width:72ch;
margin-top:var(--space-4);
font-size:1rem;
line-height:1.75;
color:#A7ADC2;
overflow-wrap:break-word;
}

.legal-layout{
display:grid;
grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);
gap:var(--space-6);
align-items:start;
padding-block:var(--space-8) var(--space-close);
}

.legal-layout>*{
min-width:0;
}

.legal-toc{
position:sticky;
top:calc(var(--header-height) + var(--space-3));
z-index:1;
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--surface);
color:#E7EBEE;
--muted:#A0A9B1;
--line:rgba(255,255,255,.18);
--line-soft:rgba(255,255,255,.08);
}

.legal-index{
display:grid;
gap:var(--space-1);
list-style:none;
margin:0;
padding:0;
}

.legal-index li{
min-width:0;
}

.legal-index a{
display:block;
padding:.5em .6em;
border-radius:var(--r-inner);
color:#A0A9B1;
font-size:var(--text-sm);
line-height:1.6;
overflow-wrap:break-word;
transition:background var(--duration),color var(--duration);
}

.legal-index a:hover{
background:var(--light);
color:#E7EBEE;
}

.legal-index a.is-active{
background:var(--primary-pressed);
color:#FFFFFF;
--muted:#FFFFFF;
--line:rgba(255,255,255,.18);
}

.legal-toc .legal-toc__cta{
display:inline-flex;
grid-template-columns:none;
justify-content:center;
justify-self:start;
width:auto;
margin-top:var(--space-4);
padding:.5rem 1.25rem;
}

.legal-doc{
min-width:0;
max-width:72ch;
color:#E7EBEE;
}

.legal-section{
min-width:0;
scroll-margin-top:calc(var(--header-height) + var(--space-4));
}

.legal-section+.legal-section{
margin-top:var(--space-7);
}

.legal-section h2{
margin-bottom:var(--space-3);
font-size:var(--text-lg);
line-height:1.5;
color:#E7EBEE;
overflow-wrap:break-word;
}

.legal-section p{
font-size:1rem;
line-height:1.75;
color:#A0A9B1;
overflow-wrap:break-word;
}

.legal-section p+p{
margin-top:var(--space-3);
}

.legal-doc a:not(.c-btn){
color:#BEE8EE;
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:anywhere;
}

.legal-doc .legal-doc__actions{
justify-content:flex-start;
margin-top:var(--space-4);
}

.legal-layout [hidden]{
display:none!important;
}

@media(max-width:64rem){
.legal-layout{
grid-template-columns:minmax(0,1fr);
}

.legal-toc{
position:static;
}

.legal-index{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.legal-doc{
max-width:none;
}
}

@media(max-width:42rem){
.legal-index{
grid-template-columns:minmax(0,1fr);
}

.legal-doc__actions>.c-btn{
width:100%;
}
}