:root {
    --background: #ffffff;
    --surface: #ffffff;
    --text: #171717;
    --muted: #737373;
    --border: #e8e8e8;
    --max-width: 900px;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--background);
    color: var(--text);

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}

.legal-shell {
    width: min(
        calc(100% - 32px),
        var(--max-width)
    );

    margin: 0 auto;
    padding: 36px 0 64px;
}

.legal-back {
    display: inline-block;
    margin-bottom: 24px;

    color: inherit;
    text-decoration: none;

    font-size: 14px;
}

.legal-card {
    border-top:
        1px solid var(--border);

    padding-top: 28px;
}

.legal-card h1 {
    margin:
        0 0 28px;

    font-size:
        clamp(
            30px,
            5vw,
            46px
        );

    font-weight: 400;
    line-height: 1.1;
}

.legal-content {
    white-space: pre-wrap;

    font-size: 16px;
    line-height: 1.7;
}

@media (max-width: 600px) {

    .legal-shell {
        width:
            calc(100% - 28px);

        padding-top: 24px;
    }
}