.legal-site-page { background: #fff; }
.legal-page { background: #fff; color: #334155; }
.legal-page-width { width: min(100% - 40px, 960px); margin-inline: auto; }
.legal-page-heading { display: flex; align-items: center; min-height: clamp(260px, 33vw, 451px); padding: clamp(40px, 5vw, 64px) 0; background: #eef7ff url('../images/blog/hero.png') center / cover no-repeat; border-bottom: 1px solid #dbe9ff; }
.legal-page-heading h1 { margin: 0; color: #060679; font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.2; overflow-wrap: anywhere; }
.legal-copy { padding-block: 36px 72px; font-size: 1rem; line-height: 1.8; overflow-wrap: anywhere; }
.legal-copy h2 { margin: 2.2rem 0 .8rem; color: #060679; font-size: 1.3rem; line-height: 1.4; }
.legal-copy h3, .legal-copy h4 { margin: 1.5rem 0 .6rem; color: #1e4fff; font-size: 1.08rem; line-height: 1.5; }
.legal-copy p { margin: 0 0 1rem; color: inherit; }
.legal-copy ul, .legal-copy ol { margin: 0 0 1.2rem; padding-left: 1.5rem; }
.legal-copy li { margin-bottom: .4rem; }
.legal-copy li::marker { color: #1e4fff; }
.legal-copy a { color: #1e4fff; text-decoration: underline; text-underline-offset: .2em; }
.legal-copy a:hover { color: #060679; }
.legal-copy a:focus-visible, .legal-table-scroll:focus-visible { outline: 3px solid #1e4fff; outline-offset: 4px; }
.legal-table-scroll { max-width: 100%; overflow-x: auto; margin: 1.5rem 0; border: 1px solid #dbe9ff; border-radius: 8px; }
.legal-copy table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: .9rem; line-height: 1.6; }
.legal-copy th, .legal-copy td { padding: 14px 16px; border-bottom: 1px solid #dbe9ff; text-align: left; vertical-align: top; }
.legal-copy th { background: #eef7ff; color: #060679; font-weight: 700; }
.legal-copy tr:last-child td { border-bottom: 0; }
@media (max-width: 600px) {
    .legal-page-width { width: calc(100% - 32px); }
    .legal-copy { padding-block: 24px 48px; }
}