* {
    box-sizing: border-box;
}

html {
    background: #080b0e;
}

body {
    margin: 0;
    background: #080b0e;
    color: #e8ebef;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.tj-legal-shell {
    width: min(100% - 40px, 860px);
    margin: 0 auto;
    padding: 34px 0 80px;
}

.tj-legal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.tj-legal-brand {
    color: #f5f7f9;
    font-size: 18px;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: -.03em;
}

.tj-legal-back {
    color: #8c959f;
    font-size: 13px;
    text-decoration: none;
}

.tj-legal-back:hover {
    color: #e4e8ed;
}

.tj-legal-head {
    padding: 58px 0 34px;
}

.tj-legal-eyebrow {
    color: #38d996;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.tj-legal-head h1 {
    margin: 10px 0 0;
    color: #f5f7f9;
    font-size: clamp(34px, 7vw, 52px);
    line-height: 1;
    letter-spacing: -.045em;
}

.tj-legal-updated {
    margin-top: 16px;
    color: #747d87;
    font-size: 12px;
}

.tj-legal-content {
    color: #aeb5bd;
    font-size: 14px;
    line-height: 1.8;
}

.tj-legal-content h2 {
    margin: 42px 0 12px;
    color: #f0f2f4;
    font-size: 19px;
    line-height: 1.25;
}

.tj-legal-content p,
.tj-legal-content ul {
    margin: 0 0 18px;
}

.tj-legal-content ul {
    padding-left: 22px;
}

.tj-legal-content a {
    color: #51dca1;
}

.tj-legal-footer {
    margin-top: 58px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.07);
    color: #69727c;
    font-size: 12px;
}

.tj-legal-footer a {
    color: #8c959f;
    text-decoration: none;
}

@media (max-width: 620px) {
    .tj-legal-shell {
        width: min(100% - 30px, 860px);
        padding-top: 22px;
    }

    .tj-legal-head {
        padding-top: 42px;
    }
}
