/* Calgrid text pages (privacy, terms, guides). Same tokens as style.css. */
@font-face { font-family: "Geist"; src: url("fonts/geist-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/geist-mono-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root { color-scheme: light; --bg: #fff; --ink: #1b1f24; --muted: #5b6470; --line: #e1e7e3; --head: #f4f7f5; --accent: #1e8e5a; --accent-soft: #e3f4ea; --accent-deep: #0f5132; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.7 "Geist", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 72px; }
a { color: var(--accent); text-underline-offset: 3px; }
main > p:first-child a { font-weight: 600; text-decoration: none; }
h1 { font-size: clamp(30px, 4.5vw, 44px); line-height: 1.1; letter-spacing: -.03em; margin: 24px 0 8px; }
h2 { font-size: 23px; letter-spacing: -.02em; margin-top: 40px; }
.muted { color: var(--muted); }
code, pre { font-family: "Geist Mono", ui-monospace, monospace; font-size: .85em; }
code { background: var(--head); padding: 1px 5px; border-radius: 4px; }
pre { background: var(--head); border: 1px solid var(--line); border-radius: 12px; padding: 14px; overflow-x: auto; line-height: 1.5; }
pre code { background: none; padding: 0; }
table { width: 100%; border-collapse: collapse; font-size: 15px; }
th, td { text-align: left; border-bottom: 1px solid var(--line); padding: 8px 6px; vertical-align: top; }
th { color: var(--muted); font-weight: 500; }
th:last-child, td:last-child { background: var(--accent-soft); color: var(--accent-deep); font-weight: 500; }
.cta { background: var(--accent-soft); border-radius: 12px; padding: 18px 20px; margin-top: 36px; }
.cta a { font-weight: 600; }
.btn { display: inline-block; background: var(--accent); color: #fff; font-weight: 600; text-decoration: none; padding: 12px 20px; border-radius: 8px; }
video { display: block; width: 100%; max-width: 340px; margin: 28px auto; border-radius: 12px; background: #000; }
h3 { font-size: 18px; margin: 22px 0 4px; }