body { min-height: 100vh; display: flex; flex-direction: column; background: #eeeae0; }
.legal-header { min-height: 94px; padding: 13px max(24px, calc((100% - 1160px) / 2)); display: flex; align-items: center; justify-content: space-between; background: #232323; color: #fff; }
.legal-back { color: #fff; font-size: 13px; text-decoration: none; border-bottom: 1px solid #c9a96a; padding-bottom: 5px; }
.legal-main { width: min(780px, calc(100% - 40px)); margin: auto; padding: 80px 0; }
.legal-card { padding: clamp(30px, 7vw, 70px); background: #fff; border-top: 4px solid #c9a96a; box-shadow: 0 14px 38px rgba(35,35,35,.08); }
.legal-card h1 { font-size: clamp(44px, 6vw, 64px); margin: 0 0 50px; }
.legal-card section { padding-top: 25px; margin-top: 25px; border-top: 1px solid rgba(35,35,35,.13); }
.legal-card h2 { font-family: 'Playfair Display', serif; font-size: 25px; margin: 0 0 13px; }
.legal-card p { color: #53534e; margin: 0 0 15px; }
.legal-card a { color: #42532b; font-weight: 700; text-decoration: none; border-bottom: 1px solid #c9a96a; }
.legal-date { margin: 50px 0 0 !important; color: #777 !important; font-size: 12px; }
.legal-footer { padding: 25px max(24px, calc((100% - 1160px) / 2)); background: #1a1a1a; color: #bdbdb8; font-size: 12px; }
.legal-footer a { color: #fff; text-decoration: none; margin-left: 5px; }
.legal-footer span { color: #c9a96a; margin: 0 4px; }
@media (max-width: 600px) { .legal-header { min-height: 74px; } .legal-main { padding: 42px 0; } .legal-back { font-size: 11px; } }