/* The two text pages — support and privacy. One measure, rules between
   sections, nothing else: the same 2px-rule grammar the landing page uses,
   just at reading width. */
.backlink{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-text)}
.backlink:hover{color:var(--color-accent)}

.page{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(20px,5vw,32px) clamp(64px,8vw,96px)}
.page-title{font-family:var(--font-heading);font-weight:800;font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-0.02em;margin:0 0 0 -0.03em}
.page-lede{font-size:17px;line-height:1.65;max-width:56ch;margin:26px 0 0}

.qa{border-top:2px solid var(--color-divider);padding:28px 0}
.qa-q{font-family:var(--font-heading);font-weight:800;font-size:20px;letter-spacing:-0.01em;margin:0 0 10px}
.qa-a{font-size:16px;line-height:1.65;margin:0;max-width:58ch}
/* The last block on the privacy page closes with a rule of its own. */
.qa-last{border-bottom:2px solid var(--color-divider)}

.social-sm{width:32px;height:32px;font-size:10px}