/* The privacy policy and the terms: one reading column on paper, with the contents beside it on a wide screen. */
:root { --ink: #131313; --paper: #FAF9F6; --line: #E4E2DC; --soft: #6F6E69; --blue: #4B7FB5; }
* { box-sizing: border-box; }
html { background: var(--paper); scroll-padding-top: 96px; }
body { margin: 0; color: var(--ink); font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
.legal { display: grid; grid-template-columns: 220px minmax(0, 720px); gap: clamp(32px, 6vw, 96px); justify-content: center; padding: clamp(36px, 6vw, 80px) clamp(16px, 4vw, 56px) 96px; }
.legal nav { position: sticky; top: 104px; align-self: start; font-size: 14px; line-height: 1.5; }
.legal nav b { display: block; margin-bottom: 10px; font-weight: 600; }
.legal nav ol { margin: 0; padding: 0; list-style: none; counter-reset: s; }
.legal nav li { counter-increment: s; }
.legal nav a { display: block; padding: 4px 0; color: var(--soft); text-decoration: none; }
.legal nav a::before { content: counter(s) ". "; }
.legal nav a:hover { color: var(--ink); }
.legal nav .other { display: inline-block; margin-top: 18px; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
article { min-width: 0; font-size: 16px; line-height: 1.7; }
article h1 { margin: 0 0 8px; font-size: clamp(32px, 4.6vw, 48px); line-height: 1.1; font-weight: 600; letter-spacing: -0.03em; }
article .updated { margin: 0 0 32px; color: var(--soft); font-size: 14px; }
article .lede { margin: 0 0 40px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
article h2 { margin: 48px 0 12px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 21px; font-weight: 600; letter-spacing: -0.01em; }
article h3 { margin: 24px 0 6px; font-size: 16px; font-weight: 600; }
article p, article ul { margin: 0 0 14px; }
article ul { padding-left: 20px; }
article li { margin-bottom: 6px; }
article a { color: var(--blue); text-underline-offset: 3px; }
article strong { font-weight: 600; }
.wrap { overflow-x: auto; margin: 6px 0 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
article table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; }
article th, article td { padding: 10px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
article th { font-weight: 600; background: #F4F3EF; }
article tr:last-child td { border-bottom: 0; }
.legal footer { grid-column: 2; margin-top: 56px; color: var(--soft); font-size: 14px; }
@media (max-width: 900px) { .legal { grid-template-columns: minmax(0, 1fr); } .legal nav { display: none; } .legal footer { grid-column: 1; } }
/* features, security and FAQ pages: a list of things, each with its line */
article dl.feats { margin: 0 0 14px; }
article dl.feats div { padding: 12px 0; border-top: 1px solid var(--line); }
article dl.feats div:first-child { padding-top: 0; border-top: 0; }
article dt { font-weight: 600; }
article dd { margin: 2px 0 0; }
.legal article .go { margin-top: 48px; }
.legal article .go a { display: inline-block; padding: 10px 20px; border-radius: 999px; background: var(--ink); color: var(--paper); font-weight: 500; text-decoration: none; }