.legal-page{
  min-height:100vh; padding:32px 48px 64px;
  background-image:repeating-linear-gradient(to right,transparent 0,transparent 159px,var(--line) 159px,var(--line) 160px);
}
.legal-header{display:flex;align-items:center;justify-content:space-between;max-width:880px;margin:0 auto 72px}
.legal-header .logo{height:30px}.legal-header a{text-decoration:none}
.legal-back{font-size:11px;font-weight:700;letter-spacing:.1em}
.legal-card{
  max-width:880px; margin:0 auto; padding:64px; border-radius:22px; background:var(--card);
  box-shadow:0 34px 70px rgba(27,26,23,.12),0 2px 6px rgba(27,26,23,.06);
}
.legal-card h1{font-size:clamp(34px,6vw,60px);line-height:1;letter-spacing:-.05em;margin:14px 0 18px}
.legal-updated{font-size:11px;color:var(--grey);margin-bottom:48px}
.legal-section{padding:25px 0;border-top:1px solid rgba(27,26,23,.14)}
.legal-section h2{font-size:14px;line-height:1.5;margin-bottom:10px}
.legal-section p,.legal-section li{font-size:13px;line-height:1.85;color:#403e38}
.legal-section ul{padding-left:1.2em}.legal-section a{color:inherit;text-underline-offset:3px}
.legal-footer{max-width:880px;margin:26px auto 0;display:flex;justify-content:space-between;gap:20px}
.legal-footer a{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--grey);text-decoration:none}
.not-found{display:grid;place-items:center;min-height:calc(100vh - 166px);text-align:center}
.not-found .legal-card{width:min(560px,100%)}
.not-found p{font-size:14px;line-height:1.7;color:var(--grey);margin-bottom:26px}
.not-found a{font-size:11px;font-weight:700;letter-spacing:.08em;text-underline-offset:4px}
@media (max-width:640px){
  .legal-page{padding:22px 20px 42px}.legal-header{margin-bottom:44px}.legal-header .logo{height:25px}
  .legal-card{padding:38px 26px;border-radius:18px}.legal-card h1{font-size:38px}.legal-updated{margin-bottom:34px}
}