:root{
    --brand-blue:#0B63B6;      /* replace with your exact brand blue if needed */
    --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-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch;}
  @media (max-width: 860px){ .tps-grid{grid-template-columns:1fr;} }
  .tps-card{background:var(--card); border:1px solid var(--border); border-radius:14px; padding:16px 16px 14px; box-shadow:0 4px 14px rgba(15, 23, 42, 0.05);}
  .tps-title{margin:0 0 10px 0; font-size:16px; font-weight:700; color:var(--brand-blue); display:flex; align-items:center; gap:8px;}
  .tps-pill{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-list{margin:0; padding-left:18px; color:var(--text);}
  .tps-list li{margin:6px 0;}
  .tps-note{margin:10px 0 0 0; font-size:12px; color:var(--muted); background:var(--soft); border:1px dashed var(--border); border-radius:12px; padding:10px 12px;}