/* Shared style for the plain text pages: connect, privacy, terms. */
:root{--bg:#FBFBFC;--ink:#16191D;--ink-2:#5C636E;--hair:#E7E9ED;--surface:#F4F5F7;--flag:#E01A59}
@media (prefers-color-scheme:dark){:root{--bg:#121417;--ink:#E8EAED;--ink-2:#A0A7B1;--hair:#2A2E34;--surface:#1B1E22}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 "Barlow",ui-sans-serif,system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}
header{display:flex;align-items:baseline;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--hair);margin-bottom:24px}
.wordmark{font:600 22px "Barlow Condensed","Barlow",ui-sans-serif,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);text-decoration:none}
.wordmark span{color:var(--flag)}
nav{display:flex;gap:16px;font-size:14px}
nav a{color:var(--ink-2)}
h1{font-size:28px;line-height:1.2;margin:0 0 8px}
h2{font-size:19px;margin:32px 0 8px}
p,li{color:var(--ink)}
.muted{color:var(--ink-2);font-size:14px}
a{color:inherit}
code,pre{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface);border-radius:4px}
code{padding:1px 5px}
pre{padding:12px 14px;overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:15px}
td,th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--hair);vertical-align:top}
.url{display:block;font:600 18px ui-monospace,Menlo,monospace;background:var(--surface);padding:12px 14px;border-radius:6px;margin:12px 0;word-break:break-all}
