:root{
      --tps-blue:#3598db;
      --text:#1b1f24;
      --muted:#5a6672;
      --card:#f6f9fc;
      --border:#d8e2ec;
      --radius:14px;
      --shadow:0 6px 18px rgba(10,30,60,.08);
    }
    body{
      margin:0;
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
      color:var(--text);
      line-height:1.55;
      background:#fff;
    }
    .wrap{max-width:980px;margin:0 auto;padding:28px 18px 64px;}
    article{max-width:860px;margin:0 auto;}
    header.hero{
      padding:18px 18px 8px;
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      background:linear-gradient(180deg,#ffffff, #f7fbff);
    }
    h1,h2,h3{
      color:var(--tps-blue);
      font-weight:800;
      line-height:1.18;
      margin:0.2em 0 0.45em;
    }
    h1{font-size:2rem;}
    h2{font-size:1.45rem;margin-top:1.35em;}
    h3{font-size:1.1rem;margin-top:1em;}
    p{margin:0.6em 0;}
    .muted{color:var(--muted);}
    .badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px;}
    .badge{
      font-size:.85rem;
      background:#eaf4fd;
      color:#0e4b74;
      border:1px solid #cfe6f8;
      padding:6px 10px;
      border-radius:999px;
    }
    .toc{
      margin:14px 0 6px;
      padding:14px 14px;
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
    }
    .toc strong{color:var(--tps-blue);}
    .toc ul{margin:8px 0 0 18px;}
    .toc a{color:#0e4b74;text-decoration:none;}
    .toc a:hover{text-decoration:underline;}
    .takeaways{
      margin:12px 0 6px;
      padding:14px 14px;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:#fff;
    }
    .takeaways h2{margin-top:0;font-size:1.15rem;}
    .takeaways ul{margin:8px 0 0 18px;}
    figure{
      margin:16px 0;
      padding:12px;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:#fff;
    }
    figcaption{margin-top:10px;color:var(--muted);font-size:.95rem;}
    .cta{
      margin:18px 0;
      padding:16px;
      border-radius:var(--radius);
      border:1px solid #bfe0f6;
      background:#eef7ff;
    }
    .cta h3{margin-top:0;}
    .cta a.btn{
      display:inline-block;
      background:var(--tps-blue);
      color:#fff;
      text-decoration:none;
      padding:10px 14px;
      border-radius:12px;
      font-weight:800;
      margin-top:8px;
    }
    .cta a.btn:hover{filter:brightness(.95);}
    .hr{height:1px;background:var(--border);margin:22px 0;}
    .kicker{font-weight:700;color:#0e4b74;}
    .small{font-size:.95rem;}
    code,kbd{background:#f2f5f8;border:1px solid var(--border);border-radius:8px;padding:0 6px;}
    .checklist{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:14px;
    }
    .checklist ul{margin:8px 0 0 18px;}
    .faq details{
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:12px 12px;
      margin:10px 0;
      background:#fff;
    }
    .faq summary{cursor:pointer;font-weight:800;color:#0e4b74;}
    a{color:#0e4b74;}