.legal-page .header{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:28px}
.legal-page .header .brand{grid-column:1;grid-row:1}
.legal-page .legal-home{grid-column:2;grid-row:1;font-size:.875rem;white-space:nowrap}
.legal-page .header-newsletter{grid-column:3;grid-row:1}
.legal-intro{background:var(--grain),linear-gradient(120deg,var(--sky),var(--sky-light));padding-bottom:55px}
.legal-intro h1{font-size:clamp(42px,6.7vw,96px);margin:24px 0 28px;max-width:100%;overflow-wrap:anywhere;line-height:1.3}
.legal-intro .label-heading{background-color:var(--paper);color:var(--blue)}
.legal-intro>p:last-child{max-width:740px;line-height:1.7}
.legal-content{background:var(--paper) var(--grain)}
.legal-body{max-width:850px;margin:auto}
.legal-body h2{font-size:clamp(26px,3vw,40px);line-height:1.3;color:var(--blue);margin:42px 0 20px}
.legal-body h3{font-size:24px;margin:28px 0 16px;color:var(--blue)}
.legal-body p,.legal-body li,.legal-body address{font-size:1rem;line-height:1.85;margin:0 0 18px;overflow-wrap:anywhere;font-style:normal}
.legal-body ul{padding-left:24px;margin-bottom:28px}
.legal-body a{text-decoration:underline;text-underline-offset:4px}
.legal-body .legal-note{background:#b3cbd73b;border-left:4px solid var(--orange);padding:22px 26px;margin-bottom:38px}
.legal-body .legal-note p{margin:0;font-size:.875rem}
.legal-body .legal-note h2{font-size:24px;margin:0 0 12px}
.legal-body .legal-source{font-size:.8rem;color:#526c7c}
.legal-contact{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}
.legal-contact .button{font-size:.85rem;text-decoration:none}
@media(max-width:760px){
 .legal-page .header{grid-template-columns:minmax(0,1fr) auto;gap:18px 12px;padding-top:16px;padding-bottom:16px}
 .legal-page .header .brand{grid-column:1/-1;grid-row:1;width:210px}
 .legal-page .legal-home{grid-column:1;grid-row:2;justify-self:start;font-size:.75rem}
 .legal-page .header-newsletter{grid-column:2;grid-row:2;font-size:.75rem;padding:10px 12px;gap:10px}
 .legal-intro{padding-top:48px;padding-bottom:42px}
 .legal-intro h1{font-size:clamp(35px,9.5vw,68px);padding:5px 12px 10px;margin:22px 0}
 .legal-body .legal-note{padding:20px}
 .legal-body h2{font-size:30px}
}
