body.st-legal-page {
    overflow-x: hidden;
}

.st-legal-page .st-page {
    overflow: visible;
}

.st-legal {
    width: min(800px, calc(100% - 48px));
    padding: 145px 0 96px;
    color: #212529;
}

.st-legal-eyebrow {
    margin: 0 0 12px;
    color: #b10000;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.st-legal h1 {
    margin: 0 0 12px;
    color: #212529;
    font-size: clamp(34px, 7vw, 52px);
    font-weight: 750;
    letter-spacing: -0.045em;
    line-height: 1.08;
}

.st-legal-updated {
    margin: 0 0 28px;
    color: #5f666d;
    font-size: 13px;
}

.st-legal-section {
    margin-top: 2.4rem;
}

.st-legal h2 {
    margin: 0 0 0.8rem;
    color: #212529;
    font-size: 1.15rem;
    line-height: 1.35;
}

.st-legal p,
.st-legal li {
    color: #3a4147;
    font-size: 15px;
    line-height: 1.75;
}

.st-legal p {
    margin: 0 0 1rem;
}

.st-legal ul {
    margin: 0 0 1rem;
    padding-left: 1.2rem;
}

.st-legal li + li {
    margin-top: 0.45rem;
}

.st-legal a {
    color: #b10000;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.st-legal a:hover,
.st-legal a:focus-visible {
    color: #7a0000;
}

.st-footer-links,
.st-legal-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    color: #4e555b;
    font-size: 11px;
    font-weight: 700;
}

.st-footer-links a:hover,
.st-footer-links a:focus-visible,
.st-legal-nav a:hover,
.st-legal-nav a:focus-visible,
.st-footer-links a[aria-current="page"] {
    color: #b10000;
}

@media (max-width: 640px) {
    .st-legal {
        width: min(calc(100% - 28px), 800px);
        padding: 115px 0 72px;
    }
}