:root {
        color-scheme: light;
        --paper: #f8f2e7;
        --ink: #17212b;
        --muted: #5f6773;
        --accent: #175d78;
        --card: rgba(255, 251, 245, 0.92);
        --shadow: rgba(52, 37, 22, 0.14);
      }

      * { box-sizing: border-box; }
      html, body { margin: 0; min-height: 100%; }

      body {
        color: var(--ink);
        font-family: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;
        background: linear-gradient(180deg, #fcf9f3 0%, var(--paper) 100%);
      }

      main {
        width: min(860px, calc(100% - 28px));
        margin: 22px auto;
        padding: 28px 22px 32px;
        border-radius: 26px;
        border: 1px solid rgba(23, 33, 43, 0.08);
        background: rgba(248, 242, 231, 0.88);
        box-shadow: 0 24px 64px var(--shadow);
      }

      h1, h2 {
        font-family: "Georgia", "Times New Roman", serif;
      }

      h1 {
        margin: 0 0 12px;
        font-size: clamp(2.2rem, 6vw, 4rem);
        line-height: 0.96;
        letter-spacing: -0.05em;
      }

      h2 {
        margin: 26px 0 8px;
        font-size: 1.35rem;
      }

      p, li {
        color: var(--muted);
        line-height: 1.74;
      }

      .card {
        margin-top: 18px;
        padding: 18px 20px;
        border-radius: 18px;
        background: var(--card);
        border: 1px solid rgba(23, 33, 43, 0.08);
      }

      ul {
        margin: 10px 0 0;
        padding-left: 18px;
      }

      a { color: var(--accent); }