.wtpl { border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:16px; background:#fff }
.wtpl-head h2 { margin:0 0 4px; color:#1E3A8A }
.wtpl-head p { margin:0 0 12px; color:#333 }
.wtpl-card { background:#F4F4F5; border-radius:14px; padding:16px; }
.wtpl-q { font-weight:600; margin-bottom:12px; }
.wtpl-options { display:grid; gap:10px; grid-template-columns:1fr; }
.wtpl-btn { border:0; padding:12px 14px; border-radius:12px; background:#0AE8E8; color:#1A1A1A; cursor:pointer; font-weight:600 }
.wtpl-btn:hover { filter:brightness(.95) }
.wtpl-back, .wtpl-restart { border:0; padding:10px 12px; border-radius:10px; margin-top:10px; background:#1E3A8A; color:#fff; cursor:pointer }
.wtpl-actions { display:flex; gap:10px; margin-top:10px; flex-wrap:wrap }
.wtpl-title { margin:0 0 10px; color:#1E3A8A }
.wtpl-steps { margin:0 0 10px 18px }
.wtpl-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px }
.wtpl-link { background:#fff; border:1px solid rgba(0,0,0,.08); padding:8px 10px; border-radius:10px; text-decoration:none; color:#1A1A1A }
@media (min-width:700px){ .wtpl-options{ grid-template-columns:1fr 1fr; } }