/* Reading time */
.dkpt-reading-time{display:inline-flex;align-items:center;gap:.4rem;font:500 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color:#0f172a}
.dkpt-rt-label{opacity:.7;margin-right:.25rem}
.dkpt-rt-icon{margin-right:.4rem}

/* Counters */
.dkpt-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}
.dkpt-counter{background:linear-gradient(135deg,#eef2ff,#ecfeff);border:1px solid #e5e7eb;border-radius:16px;padding:20px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.dkpt-counter-num{font:700 34px/1.1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color:#0b1324}
.dkpt-counter-label{margin-top:6px;color:#334155;font:500 13px/1.3 system-ui, -apple-system, Segoe UI, Roboto, sans-serif}

/* CTA ribbon */
.dkpt-cta{position:relative;margin:32px 0;border-radius:18px;overflow:hidden}
.dkpt-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0%, #34d399 0%, #10b981 30%, #0ea5e9 65%, #6366f1 100%);opacity:.18}
.dkpt-cta-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.65);backdrop-filter:saturate(160%) blur(6px);padding:24px 28px;border:1px solid rgba(15,23,42,.06)}
.dkpt-cta h2{margin:0;font:800 22px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color:#0f172a}
.dkpt-cta p{margin:6px 0 0 0;color:#0f172a;opacity:.8}
.dkpt-btn{display:inline-block;padding:12px 16px;border-radius:12px;background:#0ea5e9;color:#fff;text-decoration:none;font:600 14px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;box-shadow:0 6px 14px rgba(14,165,233,.28);transition:transform .12s ease, box-shadow .12s ease}
.dkpt-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(14,165,233,.35)}
@media (max-width:768px){
  .dkpt-counters{grid-template-columns:repeat(2,minmax(0,1fr))}
}