/* ============================================================
   DC · COMPARISON-TABLE SCROLL CUE - prepared 18 Jul 2026, NOT deployed.
   Verified live on /tdabc-vs-abc/ at 375px: .cc-cmp .cm-scroll overflows
   (scrollWidth 596 vs clientWidth 325, table min-width:560px) with zero
   affordance. table.vs on the same page stacks to display:block on
   mobile, so it is NOT affected. .cc-wtable .wt-scroll gets the same
   treatment (currently display:none site-wide via cnp-tail-standard,
   so the cue is dormant there until worked tables return).

   dc_tablecue.js adds, around any overflowing .cm-scroll / .wt-scroll:
     .dc-scrollwrap  - positioning shell
     .dc-scrollfade  - right-edge fade (hides at scroll end)
     .dc-scrollcue   - "scroll ->" mono chip (hides on first scroll)
   Prototype of both behaviours verified live in-browser 18 Jul.

   Deploy: theme root + dc_tablecue-enqueue.php in mu-plugins.
   Reversible: delete the three files.
   ============================================================ */

.dc-scrollwrap{ position: relative; }

/* right-edge fade: card surface #FBF6EB -> transparent */
.dc-scrollfade{
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 44px;
  pointer-events: none;
  background: linear-gradient(270deg, #FBF6EB 12%, rgba(251,246,235,0));
  border-radius: 0 14px 14px 0; /* matches .cc-cmp 14px card radius */
  opacity: 1;
  transition: opacity .35s ease;
}
.dc-scrollfade.dc-off{ opacity: 0; }

/* quiet Instrument chip, bottom-right of the scroll area */
.dc-scrollcue{
  position: absolute;
  right: 10px; bottom: 10px;
  pointer-events: none;
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #A8481A;
  background: #F5EEE1;
  border: 1px solid #DED3BF;
  border-radius: 999px;
  padding: 5px 12px;
  opacity: 1;
  transition: opacity .35s ease;
}
.dc-scrollcue.dc-off{ opacity: 0; }

@media (prefers-reduced-motion: reduce){
  .dc-scrollfade, .dc-scrollcue{ transition: none; }
}