.legal-page{
    align-items:stretch;
}

.legal-card{
    width:min(720px, calc(100% - 32px));
    margin:28px auto 40px;
    padding:28px 24px 22px;
    border-radius:18px;
    background:#fff;
    color:#1a2416;
    box-shadow:0 18px 40px rgba(8,24,14,.18);
}

.legal-kicker{
    margin:0 0 6px;
    font-family:"Sora", sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#7cb542;
}

.legal-card h1{
    margin:0 0 16px;
    font-family:"Sora", sans-serif;
    font-size:28px;
    color:#164a28;
}

.legal-card h2{
    margin:22px 0 8px;
    font-family:"Sora", sans-serif;
    font-size:17px;
    color:#164a28;
}

.legal-card p,
.legal-card li{
    font-size:14px;
    line-height:1.65;
    color:#33402e;
}

.legal-card ul{
    margin:0 0 12px;
    padding-left:1.2em;
}

.legal-meta{
    font-size:13px;
    color:#5c6b52;
}

.legal-note{
    margin-top:20px;
    padding:12px 14px;
    border-radius:12px;
    background:rgba(196,160,86,.12);
    color:#5c4a28;
    font-size:13px;
}

.legal-back{
    margin:24px 0 8px;
}

.legal-back a,
.legal-card a{
    color:#164a28;
    font-weight:700;
}

.lg-legal-nav,
.legal-card .lg-legal-nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px 16px;
    justify-content:center;
    margin-top:8px;
}

.lg-legal-nav a{
    color:rgba(255,255,255,.82);
    font-size:12px;
    font-weight:600;
    text-decoration:none;
}

.legal-card .lg-legal-nav a{
    color:#5c6b52;
}

.lg-legal-nav a:hover,
.lg-legal-nav a:focus{
    text-decoration:underline;
}

.lg-page > .lg-legal-nav{
    width:min(420px, calc(100% - 32px));
    margin:0 auto 28px;
}