:root {
      --accent: #b8575a;
      --text: #1f2933;
      --muted: #52606d;
      --bg: #ffffff;
      --border: #e4e7eb;
      --code-bg: #f5f7fa;
    }
    * { box-sizing: border-box; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--text);
      line-height: 1.75;
      margin: 0;
      padding: 0;
      background: var(--code-bg);
    }
    .article {
      max-width: 780px;
      margin: 40px auto;
      padding: 48px 56px;
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: 8px;
    }
    h1 {
      font-size: 2.1em;
      line-height: 1.25;
      margin: 0 0 0.4em;
      color: #161e29;
      letter-spacing: -0.01em;
    }
    h2 {
      font-size: 1.45em;
      margin: 1.8em 0 0.6em;
      padding-top: 0.4em;
      border-top: 1px solid var(--border);
      color: #161e29;
    }
    h2:first-of-type { border-top: none; }
    h3 {
      font-size: 1.15em;
      margin: 1.5em 0 0.5em;
      color: #161e29;
    }
    p { margin: 0 0 1.1em; }
    a { color: var(--accent); text-decoration: none; }
    a:hover { text-decoration: underline; }
    strong { color: #161e29; }
    table {
      width: 100%;
      border-collapse: collapse;
      margin: 1.2em 0 1.6em;
      font-size: 0.95em;
    }
    th, td {
      border: 1px solid var(--border);
      padding: 10px 14px;
      text-align: left;
      vertical-align: top;
    }
    th { background: #fafbfc; color: #161e29; font-weight: 600; }
    tr:nth-child(even) td { background: #fcfdfd; }
    ul, ol { margin: 0 0 1.2em; padding-left: 1.6em; }
    li { margin-bottom: 0.4em; }
    li:last-child { margin-bottom: 0; }
    img {
      max-width: 100%;
      height: auto;
      border: 1px solid var(--border);
      border-radius: 6px;
      margin: 1em 0;
    }
    .cta {
      margin-top: 2.4em;
      padding: 20px 24px;
      background: #faf5f5;
      border: 1px solid #eedcdd;
      border-radius: 8px;
      font-style: normal;
      text-align: center;
    }
    .cta a { font-weight: 600; }
    @media (max-width: 720px) {
      .article { margin: 16px; padding: 28px 22px; }
      h1 { font-size: 1.7em; }
    }