.legal-hero{
padding-block:var(--space-hero) var(--space-7);
background:#1A1C22;
color:#F3F4F6;
--muted:#C7CCD5;
--muted-small:#C7CCD5;
--hair:rgba(243,244,246,.16)
}
.legal-hero__kicker{
display:inline-flex;
align-items:center;
gap:var(--space-2);
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:#22252D;
color:#F3F4F6;
font:500 var(--text-xs)/1 var(--f-body);
margin-bottom:var(--space-4)
}
.legal-hero__title{
max-width:100%;
font-size:var(--text-section);
line-height:var(--lh-heading);
color:#F3F4F6
}
.legal-hero__lead{
max-width:72ch;
margin-top:var(--space-3);
font-size:var(--text-base);
line-height:var(--lh-body);
color:#C7CCD5
}
.legal-hero__meta{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
margin-top:var(--space-4)
}
.legal-hero__tag{
display:inline-flex;
align-items:center;
gap:var(--space-2);
padding:.4em .9em;
line-height:var(--lh-label);
width:fit-content;
max-width:100%;
border:1px solid rgba(243,244,246,.16);
border-radius:var(--radius-pill);
font-size:var(--text-xs);
color:#C7CCD5
}
.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-toc{
position:sticky;
top:130px;
z-index:1;
align-self:start;
padding:var(--space-4);
border-radius:var(--radius-lg);
background:#EFEBE3;
color:#2A2620;
--muted:#5E574C;
--muted-small:#5E574C;
--hair:rgba(42,38,32,.14)
}
.legal-toc__title{
font-size:var(--text-xs);
font-weight:600;
line-height:var(--lh-label);
color:#5E574C;
margin-bottom:var(--space-3)
}
.legal-index{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:var(--space-1)
}
.legal-index a{
display:block;
padding:.4em .6em;
border-radius:var(--radius-sm);
font-size:var(--text-sm);
line-height:var(--lh-label);
text-decoration:none;
color:#5E574C;
overflow-wrap:break-word;
transition:background var(--duration) var(--ease),color var(--duration) var(--ease)
}
.legal-index a:hover{
background:#FDFDFC;
color:#2A2620
}
.legal-index a.is-active{
background:#FDFDFC;
color:#2A2620;
box-shadow:inset 3px 0 #D02F3A
}
.legal-toc__cta{
display:inline-flex;
grid-template-columns:none;
width:auto;
justify-self:start;
justify-content:center;
margin-top:var(--space-4);
max-width:100%;
text-align:center
}
.legal-doc{
min-width:0;
max-width:72ch;
color:#1A1C22
}
.legal-section{
scroll-margin-top:10rem
}
.legal-section+.legal-section{
margin-top:var(--space-7)
}
.legal-section h2{
font-size:var(--read-heading);
line-height:var(--lh-heading);
margin-bottom:var(--space-3);
color:#1A1C22
}
.legal-section p{
font-size:var(--text-base);
line-height:var(--lh-body);
color:#4A4F5A;
overflow-wrap:break-word
}
.legal-section p+p{
margin-top:var(--space-3)
}
.legal-section a:not(.c-btn){
color:#1A1C22;
text-decoration-thickness:1px
}
.legal-section a[href^="mailto:"]{
overflow-wrap:anywhere
}
.legal-section a:not(.c-btn):hover{
text-decoration-thickness:2px
}
.legal-layout [hidden]{
display:none!important
}
@media(max-width:64rem){
.legal-layout{
grid-template-columns:minmax(0,1fr)
}
.legal-toc{
position:static
}
.legal-doc{
max-width:none
}
.legal-index{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2)
}
}
@media(max-width:42rem){
.legal-layout{
padding-top:var(--space-7)
}
.legal-index{
grid-template-columns:minmax(0,1fr)
}
.legal-hero__title{
font-size:var(--text-section)
}
}