.legal-section {background:linear-gradient(180deg,#f6f6f6 0%,#fff 100%);}
.legal-content {max-width:920px;}
.legal-heading {padding-bottom:28px; border-bottom:1px solid #dce3df;}
.legal-heading h1 {font-size:clamp(2.7rem,5vw,4.2rem); line-height:1;}
.legal-heading p {max-width:720px; font-size:1.05rem; line-height:1.7;}
.legal-block {padding:28px 0; border-bottom:1px solid #dce3df;}
.legal-block:first-child {padding-top:0;}
.legal-block h2,.legal-contact h2 {margin-bottom:14px; font-size:clamp(1.6rem,3vw,2.15rem);}
.legal-block p,.legal-block li,.legal-contact p {line-height:1.8;}
.legal-block ul {margin:18px 0 0; padding:0; list-style:none;}
.legal-block li {display:flex; gap:11px; align-items:flex-start;}
.legal-block li span {flex:0 0 auto; color:var(--theme-color); font-weight:700;}
.legal-block li+li {margin-top:10px;}
.legal-contact {padding:26px 28px; border-radius:12px; background:var(--alt-color); color:#fff;}
.legal-contact h2,.legal-contact p,.legal-contact a {color:#fff;}
.legal-contact a:hover {color:var(--theme-color);}

@media (max-width:767px) {
    .legal-block {padding:22px 0;}
    .legal-contact {padding:22px;}
}

@media (max-width:359px) {
    .legal-heading h1 {font-size:2.25rem;}
    .legal-heading {padding-bottom:22px;}
    .legal-block {padding:19px 0;}
    .legal-contact {padding:18px;}
    .legal-contact a {overflow-wrap:anywhere;}
}