.legal-main {
width: min(100%, 77.5rem);
margin-inline: auto;
padding: 10rem clamp(1rem, 4vw, 3rem) 6rem;
}
.legal-header { max-width: 58rem; padding-bottom: 3rem; }
.legal-eyebrow {
margin-bottom: 1rem;
font-size: .8rem;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
}
.legal-header h1 {
color: var(--medium-black);
font-size: clamp(2.4rem, 5.5vw, 4.5rem);
font-weight: 500;
line-height: 1.08;
letter-spacing: -.035em;
overflow-wrap: normal;
hyphens: none;
}
.legal-updated { margin-top: 1.25rem; font-size: .95rem; }
.legal-layout {
display: grid;
grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 5rem);
align-items: start;
}
.legal-aside { min-width: 0; font-size: .95rem; }
.legal-documents { display: flex; flex-direction: column; gap: .8rem; margin-bottom: 1.5rem; }
.legal-documents a { text-underline-offset: .22em; }
.legal-documents a[aria-current="page"] { font-weight: 600; }
.legal-toc { border-block: 1px solid #d7a781; }
.legal-toc summary { padding-block: 1rem; cursor: pointer; font-weight: 600; }
.legal-toc ul { list-style: none; padding: .25rem 0 1.2rem; }
.legal-toc li + li { margin-top: .7rem; }
.legal-toc a { display: block; text-decoration: none; line-height: 1.5; }
.legal-toc a:hover { text-decoration: underline; text-underline-offset: .2em; }
.legal-copy {
min-width: 0;
color: var(--medium-black);
font-size: 1.05rem;
font-weight: 400;
line-height: 1.75;
}
.legal-copy p + p { margin-top: 1rem; }
.legal-copy a { overflow-wrap: anywhere; text-underline-offset: .2em; }
.legal-intro { margin-bottom: 2.5rem; }
.legal-section { margin-top: 2.5rem; }
.legal-section h2 {
margin-bottom: .9rem;
color: var(--medium-black);
font-size: clamp(1.35rem, 2.2vw, 1.7rem);
font-weight: 500;
line-height: 1.3;
letter-spacing: -.015em;
scroll-margin-top: 7rem;
overflow-wrap: normal;
hyphens: none;
}
.legal-copy ul { padding-left: 1.35rem; margin: .8rem 0 1.25rem; }
.legal-copy li + li { margin-top: .6rem; }
@media (max-width: 767px) {
.legal-main { padding-top: 8rem; padding-bottom: 4rem; }
.legal-header { padding-bottom: 2rem; }
.legal-layout { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.legal-documents { flex-direction: row; flex-wrap: wrap; column-gap: 1.5rem; }
.legal-copy { font-size: 1rem; line-height: 1.7; }
.legal-section { margin-top: 2rem; }
}