:root{
    --brand-blue:#0B63B6; /* change to your exact brand blue */
    --text:#0F172A;
    --muted:#475569;
    --card:#FFFFFF;
    --border:#E6EEF7;
    --soft:#F6FAFF;
  }
  .tps-desc{font-family: Arial, Helvetica, sans-serif; color:var(--text); line-height:1.55;}
  .tps-desc .lead{margin:0 0 14px 0; color:var(--muted); font-size:14px;}
  .tps-desc .grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch;}
  @media (max-width: 860px){ .tps-desc .grid{grid-template-columns:1fr;} }
  .tps-desc .card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:14px;
    padding:16px 16px 14px 16px;
    box-shadow:0 4px 14px rgba(15, 23, 42, 0.05);
  }
  .tps-desc h2{margin:0 0 10px 0; color:var(--brand-blue); font-size:26px; letter-spacing:.2px;}
  .tps-desc h3{
    margin:0 0 10px 0;
    font-size:16px;
    font-weight:700;
    color:var(--brand-blue);
    display:flex;
    align-items:center;
    gap:8px;
  }
  .tps-desc .tag{
    display:inline-block;
    font-size:12px;
    padding:2px 8px;
    border-radius:999px;
    background:var(--soft);
    border:1px solid var(--border);
    color:var(--brand-blue);
    font-weight:600;
  }
  .tps-desc ul{margin:0; padding-left:18px; color:var(--text);}
  .tps-desc li{margin:6px 0;}
  .tps-desc .note{
    margin:10px 0 0 0;
    font-size:12.5px;
    color:var(--muted);
    background:var(--soft);
    border:1px dashed #CFE2FF;
    border-radius:12px;
    padding:10px 12px;
  }
  .tps-desc .divider{height:18px;}