/* The legal documents (/terms, /privacy, the partner door's /terms): a readable
   legal layout in the storefront's own look. A contents list, numbered
   sections a clause can be cited by, a comfortable line length, and one
   column from 375px up. */
.legal-doc{max-width:760px;margin:34px auto 90px}
.legal-head h1{font-size:clamp(38px,5vw,60px);line-height:1.05;letter-spacing:-.05em;margin:22px 0 18px}
.legal-head .legal-intro{font-size:19px;line-height:1.6;max-width:640px;color:var(--muted)}
.legal-version{margin-top:18px;font-size:13px;line-height:1.7;color:var(--muted)}
.legal-contents{margin:36px 0 12px;padding:22px 24px;background:var(--soft);border-radius:var(--radius)}
.legal-contents h2{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.legal-contents ol{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.legal-contents li{break-inside:avoid;margin:0 0 7px;font-size:15px;line-height:1.45}
.legal-contents a{color:var(--ink);text-decoration:none;display:flex;gap:8px}
.legal-contents a span{color:var(--muted);min-width:2.2ch;font-variant-numeric:tabular-nums}
.legal-contents a:hover{text-decoration:underline}
.legal-section{border-top:1px solid var(--line);padding:30px 0 10px;scroll-margin-top:90px}
.legal-section h2{font-size:clamp(23px,2.6vw,29px);line-height:1.2;letter-spacing:-.03em;margin-bottom:14px;display:flex;gap:10px}
.legal-section h2 .legal-n{color:var(--orange);font-variant-numeric:tabular-nums;flex:none}
.legal-section p,.legal-section li{font-size:16px;line-height:1.7;color:var(--ink)}
.legal-section p{margin:0 0 14px}
.legal-section ul{margin:0 0 14px;padding-left:20px}
.legal-section li{margin:0 0 9px}
.legal-section li strong,.legal-section p strong{font-weight:700}
.legal-section a{color:var(--orange);text-decoration:underline;text-underline-offset:2px}
.legal-section a:hover{color:var(--ink)}
.legal-page .breadcrumbs{margin-top:14px}
.partner-page .legal-doc{margin-top:36px}
.partner-page .legal-section p,.partner-page .legal-section li{font-size:16px}
@media(max-width:650px){.legal-doc{margin:20px 0 60px}.legal-head h1{font-size:36px}.legal-head .legal-intro{font-size:17px}.legal-contents{padding:18px 18px;margin-top:26px}.legal-contents ol{columns:1}.legal-section{padding-top:24px}.legal-section h2{font-size:22px}.legal-section p,.legal-section li{font-size:15.5px}}