  /* Base Styles & Typography */
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    max-width: 850px;
    margin: 40px auto;
    padding: 0 25px;
    -webkit-font-smoothing: antialiased;
  }

  /* Headers */
  h1, h2, h3 {
    color: #1a202c;
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    font-weight: 700;
  }
  h1 { border-bottom: 2px solid #edf2f7; padding-bottom: 12px; font-size: 2.2em; }
  h2 { border-bottom: 1px solid #edf2f7; padding-bottom: 8px; font-size: 1.7em; }
  h3 { font-size: 1.3em; }

  /* Links */
  a { color: #3182ce; text-decoration: none; font-weight: 500; }
  a:hover { text-decoration: underline; }

  /* Code and Preformatted Text */
  pre {
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    overflow-x: auto;
    font-size: 0.9em;
    margin: 1.5em 0;
  }
  code {
    background: #f1f5f9;
    padding: 2px 5px;
    border-radius: 4px;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.92em;
    color: #c53030;
  }
  pre code {
    background: transparent;
    padding: 0;
    color: #2d3748;
  }

  /* Tables */
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 0.95em;
  }
  th, td {
    text-align: left;
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
  }
  th {
    background-color: #f8fafc;
    font-weight: 600;
    color: #4a5568;
  }
  tr:nth-child(even) { background-color: #fcfcfc; }

  /* Blockquotes and Alerts */
  blockquote {
    border-left: 4px solid #3182ce;
    margin: 20px 0;
    padding: 12px 20px;
    background-color: #ebf8ff;
    color: #2c5282;
    border-radius: 0 4px 4px 0;
  }

  /* Horizontal Rule */
  hr { border: 0; border-top: 1px solid #edf2f7; margin: 40px 0; }

  /* Mobile Responsiveness */
  @media (max-width: 600px) {
    body { margin: 20px auto; padding: 0 15px; }
    h1 { font-size: 1.8em; }
  }
