/* Knoqd design system: AGENTS.md "Design System". System fonts first so the site makes no third-party requests. */
:root { --ink: #000; --canvas: #EAECDF; --lime: #C6EF4E; --surface: #F6F7F7; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); color: var(--ink); font: 17px/1.6 "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
main, footer { max-width: 680px; margin: 0 auto; padding: 0 16px; }
main { background: var(--surface); border-radius: 28px; margin-top: 48px; padding: 40px 32px; }
.logo { display: inline-block; background: var(--lime); border-radius: 999px; padding: 4px 16px; font-weight: 700; margin: 0 0 24px; }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 20px; }
h2 { font-size: 1.2rem; margin: 32px 0 8px; }
a { color: var(--ink); }
footer { font-size: 14px; padding-top: 24px; padding-bottom: 48px; }
@media (max-width: 600px) { main { margin: 16px; padding: 28px 20px; } h1 { font-size: 1.6rem; } }