.hydra-legal {
    width: min(100% - 40px, 1040px);
    margin: 0 auto;
    padding: clamp(48px, 7vw, 86px) 0 clamp(72px, 9vw, 112px);
    color: #111;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.hydra-legal__header h1 {
    margin: 0 0 clamp(38px, 6vw, 64px);
    font-size: clamp(3.2rem, 8vw, 6rem);
    font-weight: 900;
    line-height: .94;
    letter-spacing: -.04em;
    text-align: center;
}

.hydra-legal__content {
    max-width: 820px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.7;
}

.hydra-legal__content > p:first-child {
    color: #687083;
    font-size: .9rem;
    font-weight: 700;
}

.hydra-legal__content h2 {
    margin: 2.5rem 0 .8rem;
    color: #0f1b33;
    font-size: clamp(1.45rem, 3vw, 1.85rem);
    font-weight: 800;
    line-height: 1.2;
}

.hydra-legal__content h3 { margin: 1.6rem 0 .65rem; font-size: 1.15rem; }
.hydra-legal__content p { margin: 0 0 1rem; }
.hydra-legal__content ul { margin: .5rem 0 1.25rem; padding-left: 1.4rem; }
.hydra-legal__content li { margin: .3rem 0; }
.hydra-legal__content li p { margin: 0; }
.hydra-legal__content a { color: #111; font-weight: 700; text-underline-offset: .18em; }

@media (max-width: 700px) {
    .hydra-legal { width: min(100% - 28px, 1040px); padding-top: 40px; }
    .hydra-legal__header h1 { text-align: left; }
}