.legal{background:var(--paper);padding:130px 40px 110px}
.legal-in{max-width:780px;margin:0 auto}
.legal-eyebrow{display:inline-block;font-family:var(--en);font-weight:700;font-size:12px;letter-spacing:.22em;color:var(--cobalt)}
.legal-h1{font-family:var(--jp);font-weight:900;font-size:36px;line-height:1.5;color:var(--ink);margin-top:14px;letter-spacing:.03em}
.legal-lead{font-size:16px;line-height:2;color:var(--body-lead);margin-top:22px}

.legal-dl{margin-top:44px;border-top:3px solid var(--cobalt)}
.legal-row{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}
.legal-row dt{flex:0 0 160px;font-family:var(--jp);font-weight:800;font-size:15px;line-height:2;color:var(--ink);
  padding-left:16px;border-left:4px solid var(--cobalt)}
.legal-row dd{flex:1;font-size:15px;line-height:2;color:var(--body-lead)}
.legal-row dd a{color:var(--cobalt);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.legal-row dd a:hover{color:var(--cobalt-deep)}

.legal-back{display:inline-block;margin-top:36px;font-size:15px;font-weight:700;color:var(--cobalt)}
.legal-back:hover{text-decoration:underline}

@media (max-width:767px){
  .legal{padding:92px 20px 72px}
  .legal-h1{font-size:25px}
  .legal-lead{font-size:14.5px;margin-top:18px}
  .legal-dl{margin-top:32px}
  .legal-row{flex-direction:column;gap:8px;padding:20px 0}
  .legal-row dt{flex:none;font-size:14px}
  .legal-row dd{font-size:14px}
}