/* Startsidans nyckeltal och nummerkort – telefonforsaljare.nu */
.tf-stats { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin:4px 0 18px; font-family:var(--font, system-ui, sans-serif); }
.tf-stat { padding:16px 14px; text-align:center; background:linear-gradient(180deg,#f5f8ff,#fff); border:1px solid #dbe5fb; border-radius:16px; }
.tf-stat strong { display:block; white-space:nowrap; font-size:clamp(18px,4.2vw,34px); line-height:1.1; letter-spacing:-.02em; color:#1d4ed8; font-variant-numeric:tabular-nums; }
.tf-stat span { display:block; margin-top:4px; font-size:13px; color:#6b7785; }
.tf-live { display:inline-block; width:8px; height:8px; margin-right:6px; vertical-align:1px; border-radius:50%; background:#12b76a; box-shadow:0 0 0 0 rgba(18,183,106,.55); animation:tf-pulse 2s infinite; }
@keyframes tf-pulse { 70% { box-shadow:0 0 0 8px rgba(18,183,106,0); } 100% { box-shadow:0 0 0 0 rgba(18,183,106,0); } }
@media (prefers-reduced-motion:reduce) { .tf-live { animation:none; } }

/* Nummerkort i listorna */
.frontNumberBox.tf-feed { grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:10px; }
.tf-feed a.tf-item { display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:12px 14px; text-align:left; white-space:normal; border-radius:14px; }
.tf-item-nr { font-weight:700; font-size:16px; letter-spacing:.01em; color:var(--ink, #1f2933); font-variant-numeric:tabular-nums; }
.tf-item-meta { font-size:12px; font-weight:400; color:#6b7785; }
.tf-feed a.tf-item:hover { box-shadow:0 4px 14px rgba(16,24,40,.08); transform:translateY(-1px); }
.tf-feed a.tf-item:hover .tf-item-nr { color:var(--brand, #2563eb); }
.tf-feed.tf-fold { max-height:236px; }

@media (max-width:600px) {
  .tf-stats { gap:8px; }
  .tf-stat { padding:12px 6px; border-radius:12px; }
  .tf-stat span { font-size:11.5px; }
  .frontNumberBox.tf-feed { grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
  .tf-feed a.tf-item { padding:10px 11px; }
  .tf-item-nr { font-size:14.5px; }
}