:root{
    --orange:#ff6518;
    --navy:#111827;
    --text:#344054;
    --muted:#667085;
    --border:#e5e9f0;
}

*{
    box-sizing:border-box;
}

body{
    margin:0;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    color:var(--text);
    background:#f7f8fb;
    line-height:1.75;
}

a{
    color:inherit;
}

.legal-header{
    background:#fff;
    border-bottom:1px solid var(--border);
}

.legal-nav{
    width:min(1080px,calc(100% - 40px));
    min-height:76px;

    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.legal-logo{
    display:flex;
    align-items:center;
    gap:10px;

    color:var(--navy);
    text-decoration:none;

    font-size:22px;
    font-weight:900;
}

.legal-logo span{
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    border-radius:11px;

    background:var(--orange);
    color:#fff;
}

.legal-back{
    color:#475467;
    text-decoration:none;

    font-size:13px;
    font-weight:750;
}

.legal-main{
    width:min(880px,calc(100% - 40px));

    margin:55px auto 80px;

    padding:50px;

    border:1px solid var(--border);
    border-radius:22px;

    background:#fff;

    box-shadow:
        0 20px 50px rgba(15,23,42,.06);
}

.legal-eyebrow{
    color:var(--orange);

    font-size:10px;
    font-weight:900;

    letter-spacing:.14em;
}

h1{
    margin:8px 0 8px;

    color:var(--navy);

    font-size:48px;
    line-height:1.05;

    letter-spacing:-2px;
}

.updated{
    color:#98a2b3;
    font-size:12px;
}

h2{
    margin-top:38px;

    color:var(--navy);

    font-size:23px;
    letter-spacing:-.4px;
}

p,
li{
    color:#667085;
    font-size:14px;
}

li{
    margin:7px 0;
}

.notice{
    margin:25px 0;

    padding:18px 20px;

    border-left:4px solid var(--orange);

    border-radius:0 10px 10px 0;

    background:#fff7f2;
}

.legal-footer{
    padding:28px;

    text-align:center;

    color:#98a2b3;
    font-size:11px;
}

.legal-footer a{
    margin:0 8px;
}

@media(max-width:650px){

    .legal-main{
        margin-top:25px;
        padding:28px 20px;
    }

    h1{
        font-size:38px;
    }

}