/* Shared shell for /guides/* pages.
 *
 * WHY it exists: the two original guides each inlined this block. Six more pages
 * shipped in the GEO pass (2026-09-07), and eight copies of the same 120 lines is
 * eight places to fix a colour.
 *
 * **2026-09-10 (#75):** all ten guides now use this sheet. The two originals were the
 * last holdouts, and being different is exactly how they got missed by a cross-linking
 * pass and drifted. Their inline CSS was verified a strict subset of this file before
 * the swap. `scripts/check-site-facts.mjs` now fails the build if any guide stops
 * linking it.
 *
 * Additions below the original block: .answer (the lift-ready lede an assistant
 * quotes), table styling for the comparison pages, and .faq.
 */

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      background: #0a0a0a;
      color: #e8e8e8;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 17px;
      line-height: 1.7;
      padding: 0 1.25rem;
    }

    .wrap {
      max-width: 680px;
      margin: 0 auto;
      padding: 3rem 0 5rem;
    }

    nav {
      margin-bottom: 2.5rem;
      font-size: 0.85rem;
      color: #666;
    }

    nav a { color: #888; text-decoration: none; }
    nav a:hover { color: #e8e8e8; }

    h1 {
      font-size: clamp(1.6rem, 5vw, 2.2rem);
      font-weight: 700;
      color: #ffffff;
      line-height: 1.25;
      margin-bottom: 1rem;
    }

    .lede {
      font-size: 1.1rem;
      color: #aaa;
      margin-bottom: 2.5rem;
    }

    h2 {
      font-size: 1.15rem;
      font-weight: 600;
      color: #ffffff;
      margin: 2.2rem 0 0.75rem;
    }

    p { margin-bottom: 1rem; }

    ul {
      margin: 0.5rem 0 1rem 1.25rem;
    }

    ul li { margin-bottom: 0.4rem; }

    .cta-block {
      margin: 3rem 0 2rem;
      padding: 1.5rem;
      border: 1px solid #2a2a2a;
      border-radius: 10px;
      background: #111;
      text-align: center;
    }

    .cta-block p {
      color: #aaa;
      font-size: 0.95rem;
      margin-bottom: 1rem;
    }

    .cta-link {
      display: inline-block;
      background: #ffffff;
      color: #0a0a0a;
      font-weight: 700;
      padding: 0.75rem 2rem;
      border-radius: 6px;
      text-decoration: none;
      font-size: 1rem;
    }

    .cta-link:hover { background: #e0e0e0; }

    footer {
      margin-top: 3rem;
      padding-top: 1.5rem;
      border-top: 1px solid #1e1e1e;
      font-size: 0.85rem;
      color: #555;
    }

    footer a { color: #666; text-decoration: none; }
    footer a:hover { color: #aaa; }
  
    /* --- added for the GEO guides (2026-09-07) --- */

    /* The lede an AI assistant is meant to quote whole: visually set apart so a
       human reads it as the summary, and first in the DOM after the h1 so a
       crawler takes it as the page's answer. */
    .answer {
      font-size: 1.08rem;
      color: #e8e8e8;
      border-left: 2px solid #3ddc84;
      padding-left: 1rem;
      margin-bottom: 2.5rem;
    }

    .table-scroll { overflow-x: auto; margin: 1.25rem 0 1.5rem; }

    table {
      border-collapse: collapse;
      width: 100%;
      min-width: 30rem;
      font-size: 0.95rem;
    }

    th, td {
      border-bottom: 1px solid #232323;
      padding: 0.6rem 0.75rem;
      text-align: left;
      vertical-align: top;
    }

    th { color: #fff; font-weight: 600; }
    td { color: #aaa; }
    tbody tr td:first-child { color: #e8e8e8; }

    .faq { margin-top: 2.5rem; }
    .faq h3 { font-size: 1.02rem; font-weight: 600; color: #fff; margin: 1.5rem 0 0.4rem; }
    .faq p { color: #aaa; }

    a { color: #3ddc84; }
    nav a, footer a { color: inherit; }