.legal-hero{
padding-block:var(--space-6) var(--space-5);
background:#EEF1F4;
color:#23272E;
--muted:#59616D;
--line:#E0E3E8;
}
.legal-hero__kicker{
display:inline-flex;
align-items:center;
justify-content:center;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:#FEFEFF;
color:#23272E;
font-size:var(--text-xs);
line-height:1;
margin-bottom:var(--space-2);
}
.legal-hero__title{
font-size:clamp(2rem,4vw,3rem);
line-height:var(--lh-heading);
overflow-wrap:break-word;
}
.legal-hero__lead{
max-width:46rem;
margin-top:var(--space-2);
color:#59616D;
font-size:1rem;
line-height:var(--lh-reading);
overflow-wrap:break-word;
}
.legal-hero__meta{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
margin-top:var(--space-3);
}
.legal-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(--radius-pill);
background:#FEFEFF;
color:#59616D;
font-size:var(--text-xs);
line-height:1;
}
.legal-layout{
display:grid;
grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);
gap:var(--space-6);
align-items:start;
padding-top:var(--space-6);
padding-bottom:var(--space-close);
}
.legal-layout>*{
min-width:0;
}
.legal-toc{
position:sticky;
top:calc(var(--nav-height) + var(--space-3));
z-index:1;
max-height:calc(100dvh - var(--nav-height) - var(--space-6));
overflow-y:auto;
overscroll-behavior:contain;
padding:var(--space-3);
border-radius:var(--radius-lg);
background:#EEF1F4;
color:#23272E;
--muted:#59616D;
--line:#E0E3E8;
}
.legal-toc__title{
margin-bottom:var(--space-2);
font-size:var(--text-sm);
font-weight:var(--weight-strong);
color:#23272E;
}
.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:.4em .6em;
border-radius:var(--radius-sm);
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#59616D;
overflow-wrap:break-word;
}
.legal-index a:hover{
background:#FEFEFF;
color:#23272E;
}
.legal-index a.is-active{
background:#FEFEFF;
color:#23272E;
box-shadow:inset 3px 0 0 var(--primary);
}
.legal-toc .legal-toc__cta{
display:inline-flex;
grid-template-columns:none;
justify-self:start;
justify-content:center;
width:auto;
max-width:100%;
margin-top:var(--space-3);
}
.legal-doc{
min-width:0;
max-width:72ch;
}
.legal-section{
min-width:0;
scroll-margin-top:calc(var(--nav-height) + var(--space-3));
}
.legal-section+.legal-section{
margin-top:var(--space-6);
}
.legal-section h2{
margin-bottom:var(--space-2);
font-size:var(--text-card);
line-height:1.4;
font-weight:var(--weight-strong);
color:#16151A;
overflow-wrap:break-word;
}
.legal-section p{
font-size:1rem;
line-height:var(--lh-reading);
color:#23272E;
overflow-wrap:break-word;
}
.legal-section p+p{
margin-top:var(--space-2);
}
.legal-doc a:not(.c-btn){
color:#8C1269;
text-decoration:underline;
text-underline-offset:.2em;
overflow-wrap:anywhere;
}
.legal-doc__actions.c-actions{
justify-content:flex-start;
margin-top:var(--space-3);
}
.legal-doc__actions .c-btn--primary{
background:#A3177F;
color:#FEFEFF;
}
.legal-doc__actions .c-btn--primary:hover{
background:#8C1269;
color:#FEFEFF;
}
@media(max-width:64rem){
.legal-layout{
grid-template-columns:minmax(0,1fr);
}
.legal-toc{
position:static;
max-height:none;
overflow:visible;
}
.legal-doc{
max-width:72ch;
}
}
@media(max-width:42rem){
.legal-hero{
padding-block:var(--space-5) var(--space-4);
}
.legal-layout{
gap:var(--space-4);
padding-top:var(--space-5);
}
.legal-toc{
padding:var(--space-3);
}
.legal-section+.legal-section{
margin-top:var(--space-5);
}
}