body {
      background-color: #020f11;
      color: #fff;
      font-family: Lausanne, sans-serif;
      line-height: 1.6;
      margin: 0;
      padding: 2rem;
    }

    h1 {
      color: #ffd700;
      font-size: 2.8rem; /* Yellow headers */
    }
    
    h2 {
        font-size: 2.0rem;
        color: #3bd783;
    }

    a {
      color: #ffd700;
      text-decoration: underline;
    }

    a:hover {
      color: #fff;
    }
    
    p {
        font-size: 1.5rem;
    }

    code {
      background-color: #ffffff;
      color: #000000;
      padding: 0.14rem 0.2rem;
      border-radius: 4px;
      display: inline-block;
      font-size: 1.2rem;
      font-family: 'Courier New', monospace;
    }

    pre {
      background-color: #111;
      padding: 1rem;
      border-radius: 6px;
      overflow-x: auto;
    }

    button {
      background-color: #3bd783;
      color: #fff;
      border: none;
      padding: 0.6rem 1.2rem;
      border-radius: 4px;
      cursor: pointer;
      font-size: 1.25em;
      margin-top: 0.5rem;
    }

    button:hover {
      background-color: #cc0000;
    }

    .section {
      margin-bottom: 2rem;
    }

    .yellow-box {
      background-color: #787171;
      color: #fff;
      padding: 1rem;
      border-radius: 6px;
      margin-top: 1rem;
      font-size: 1.5rem;
    }

    ul {
      list-style-type: circle;
      padding-left: 2rem;
      font-size: 1.3rem;
    }
    
    ul li {
      list-style-type: circle;
      padding-left: 2rem;
      font-size: 1.0rem;
    }

    footer {
      text-align: center;
      color: #999;
      font-size: 0.9rem;
      margin-top: 3rem;
    }

    hr {
      border: 1px solid #444;
      margin: 2rem 0;
    }
    
/* lightweight table & callout helpers to match your screenshots */

    .kicker { opacity:.9; }
    .table-wrap { overflow:auto; border:1px solid #444; border-radius:6px; }
    table { width:100%; border-collapse:collapse; min-width:760px; }
    thead th { background:#0a2730; color:#fff; text-align:left; }
    th, td { padding:.9rem 1rem; border-bottom:1px solid #444; vertical-align:top; }
    .box-blue { background:#0a2730; padding:1rem; border-radius:6px; }
    .box-warn { background:#4a3b00; padding:1rem; border-radius:6px; }
    .box-err { background:#4a1f1f; padding:1rem; border-radius:6px; }
    .code-slab { background:#111; padding:1rem; border-radius:6px; }
    .small { font-size:1.0rem; opacity:.9; }
    .badge { display:inline-block; background:#3bd783; border:1px solid #444; padding:.05rem .45rem; border-radius:4px; }
    fieldset { border:1px solid #444; border-radius:6px; padding:1rem; }
    legend { color:#ffd700; font-weight:700; }
    label { font-size:1.1rem; }