.legal-page {
    box-sizing: border-box;
    width: min(100% - 32px, 960px);
    margin: 0 auto;
    padding: 220px 0 80px;
    color: #111;
    line-height: 1.55;
}

.legal-page h1 {
    margin: 0 0 32px;
    font-size: clamp(2rem, 5vw, 3.5rem);
    line-height: 1.1;
}

.legal-page h2 {
    margin: 36px 0 14px;
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    line-height: 1.25;
}

.legal-page p,
.legal-page li {
    font-size: 1rem;
}

.legal-page a {
    color: #604f00;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.legal-page a:focus-visible,
.legal-table-wrap:focus-visible {
    outline: 3px solid #111;
    outline-offset: 3px;
}

.legal-document__updated {
    padding: 12px 16px;
    background: #fff2a8;
    border-left: 5px solid #e0bd00;
}

.legal-table-wrap {
    max-width: 100%;
    overflow-x: auto;
}

.legal-page table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.legal-page th,
.legal-page td {
    padding: 12px;
    border: 1px solid #777;
    text-align: left;
    vertical-align: top;
}

.legal-page th {
    background: #222;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .legal-page {
        padding-top: 130px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .legal-page * {
        scroll-behavior: auto !important;
    }
}