:root {
        --ink: #1f1f22;
        --paper: #f8f7f5;
        --line: #ddd9d3;
        --card: #ffffff;
      }
      * { box-sizing: border-box; }
      body {
        margin: 0;
        font-family: "Space Grotesk", "Avenir Next", "Trebuchet MS", sans-serif;
        color: var(--ink);
        background: var(--paper);
      }
      main {
        max-width: 860px;
        margin: 0 auto;
        padding: 28px 18px 48px;
      }
      .card {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 18px;
      }
      h1 { margin: 0 0 10px; }
      h2 { margin-top: 20px; margin-bottom: 6px; }
      p, li { line-height: 1.5; }
      a { color: inherit; }
      code {
        background: #f5f3ef;
        padding: 2px 6px;
        border-radius: 6px;
      }