/* ==========================================================================
   Pillbox product branch — v5 override layer.
   Loaded AFTER pillbox.css + v2 + v3 + v4. One change: the reminder
   timeline's cropped evidence strips become FULL framed screenshots (silver
   iPhone 14 Pro Max, transparent background, framed via tools/frame-shot.py)
   — four phones sitting comfortably side by side, each centred directly
   under its node dot. The frame is baked into the art, so: no CSS rounding,
   no ring, and a drop-shadow that follows the phone silhouette, not a box.
   ========================================================================== */
.tl-shot{width:min(100%,210px);margin:22px auto 0;border-radius:0;border:0;box-shadow:none;filter:drop-shadow(0 16px 26px rgba(16,20,23,.28))}
html[data-theme="dark"] .tl-shot{border:0;box-shadow:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}
/* four-up stays comfortable; wraps 2x2 on narrow screens */
.timeline .tl-node{min-width:170px}