/* Privacy and terms. Loaded after landing.css, which supplies the nav, footer and tokens. */
.legal{margin:0 auto;padding:56px 0 72px}
.lp .legal h1{font-size:clamp(32px,4vw,44px);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.legal .legal-date{margin-top:12px;font-size:14px;color:var(--faint)}
.lp .legal h2{margin-top:40px;font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.lp .legal h3{margin-top:22px;font-size:16px;font-weight:600;color:var(--ink)}
.legal p,.legal li{color:var(--dim);font-size:15.5px;line-height:1.65}
.legal p{margin-top:12px}
.legal ul,.legal ol{margin-top:10px;padding-left:24px;display:grid;gap:6px}
.legal a{color:var(--ink);text-decoration:underline;text-decoration-color:#c3c7cf;text-underline-offset:3px}
.legal a:hover{text-decoration-color:var(--ink)}
.legal a.lp-primary{text-decoration:none}
.legal code{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f2f4;border-radius:5px;padding:1px 5px;color:var(--ink)}
.legal-table{position:relative;margin-top:14px;border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:#fff}
.legal-table>div{display:grid;grid-template-columns:minmax(150px,1fr) 2fr 1.2fr;gap:16px;padding:12px 16px;border-top:1px solid var(--hair);font-size:14px;line-height:1.5;color:var(--dim)}
.legal-table>div:first-child{border-top:0;font-weight:600;color:var(--ink);background:#fafafb}
.legal-table>div>span:first-child{color:var(--ink);font-weight:500}
/* Narrow screens: each row is a labelled block. The header row stays in the accessibility tree but is visually hidden; every value after the row heading shows its column label (data-label). */
@media (max-width:640px){.legal-table>div:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.legal-table>div:nth-child(2){border-top:0}.legal-table>div{grid-template-columns:1fr;gap:6px;padding:14px 16px}.legal-table>div>span:first-child{font-size:15px;font-weight:600;color:var(--ink)}.legal-table>div>span[data-label]:not(:first-child)::before{content:attr(data-label) ": ";content:attr(data-label) ": "/"";color:var(--ink);font-weight:600}.legal{padding-top:36px}}

.lp .legal h1{white-space:normal;overflow:visible;text-overflow:clip;text-wrap:balance}