/* Trust pills: one short reassurance under a call to action. Dark version by default; add .tp-light on light sections. */
.tp { display:inline-flex; align-items:center; gap:10px; margin:0; padding:9px 16px 9px 11px; border-radius:999px; max-width:100%;
  font:500 14.5px/1.35 var(--sans); color:#DFF5EA; background:rgba(34,181,115,.11); border:1px solid rgba(34,181,115,.38); }
.tp svg { flex:none; width:20px; height:20px; color:#3DD68C; }
.tp b { font-weight:700; color:#fff; }
.tp-light { color:#0F5C3A; background:rgba(34,181,115,.10); border-color:rgba(34,181,115,.4); }
.tp-light svg { color:#16935B; }
.tp-light b { color:#0B4A2E; }

/* where each one sits */
#night .tp { margin-top:16px; }
#night .assure { margin-top:12px; }
.wwd .foot .tp { margin-top:12px; font-size:14.5px; }
.closing .actions .tp { margin-top:16px; }
@media (max-width:820px) { .tp { font-size:13.5px; } }
