/* Template v2 additions 2026-10-09 (new versioned file: template-v1.css is on main and edge-cached for a month).
   M1 (Designer): scroll cue for wide tables on small screens, scoped to .is-scrollable (table-scroll-v1.js). */
.table-wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 640px) {
  /* Hint and fade only on wrappers that really overflow (.is-scrollable is set by /scripts/table-scroll-v1.js). */
  .table-wrap.is-scrollable { position: relative; box-shadow: inset -14px 0 12px -12px rgba(28, 25, 23, 0.35); }
  .table-wrap.is-scrollable.at-end { box-shadow: none; }
  .table-wrap.is-scrollable::before {
    content: "Scroll sideways \2192";
    display: block; position: sticky; left: 0;
    font-size: 0.8rem; color: var(--muted); padding: 0 0 0.3rem;
  }
}