
    :root{
      --tps-blue:#3598db;
      --ink:#111827;
      --muted:#6b7280;
      --line:#e5e7eb;
      --bg:#ffffff;
      --soft:#f8fafc;
    }
    html,body{background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; line-height:1.55;}
    main{max-width:920px; margin:0 auto; padding:28px 18px 64px;}
    a{color:var(--tps-blue); text-decoration:none;}
    a:hover{text-decoration:underline;}
    .kicker{font-size:14px; color:var(--muted); margin:0 0 8px;}
    h1{font-size:34px; line-height:1.15; margin:0 0 12px;}
    h2{font-size:24px; margin:34px 0 10px;}
    h3{font-size:18px; margin:18px 0 8px;}
    p{margin:10px 0;}
    .lede{font-size:18px; color:#0f172a;}
    .box{background:var(--soft); border:1px solid var(--line); border-radius:14px; padding:14px 16px; margin:14px 0;}
    .toc{border-left:4px solid var(--tps-blue); padding:10px 14px; background:var(--soft); border-radius:12px;}
    .toc strong{display:block; margin-bottom:6px;}
    .toc ol{margin:0; padding-left:18px;}
    .toc li{margin:6px 0;}
    .highlights ul{margin:8px 0 0; padding-left:18px;}
    .badge{display:inline-block; font-size:12px; padding:3px 10px; border-radius:999px; background:rgba(53,152,219,.12); color:#075985; border:1px solid rgba(53,152,219,.25);}
    figure{margin:18px 0; border:1px solid var(--line); border-radius:14px; padding:12px; background:#fff;}
    figcaption{font-size:13px; color:var(--muted); margin-top:8px;}
    table{width:100%; border-collapse:collapse; font-size:14px;}
    th,td{border:1px solid var(--line); padding:10px; vertical-align:top;}
    th{background:var(--soft); text-align:left;}
    .cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px;}
    .btn{
      display:inline-block; padding:10px 14px; border-radius:12px;
      border:1px solid var(--tps-blue); color:#fff; background:var(--tps-blue);
      font-weight:600;
    }
    .btn.secondary{background:#fff; color:var(--tps-blue);}
    .note{font-size:14px; color:var(--muted);}
    .checklist li{margin:6px 0;}
    code,kbd{background:#f1f5f9; padding:2px 6px; border-radius:8px;}
    .hr{height:1px; background:var(--line); margin:28px 0;}
  