/* =========================================================
   Oct 26: panels/cards/boxes read clearly on white at every
   scroll position. The old hairline (#E2E4E7) and 4–7% shadows
   were almost invisible on many screens (and softened further at
   125% Windows scaling), so the edges "disappeared" while scrolling.
   Same tokens, stronger values; loads last.
   ========================================================= */
html[data-variant="borders"]{
  --bd:#D6DCE4;
  --bd-strong:#BCC5D0;
  --sh:0 1px 2px rgba(16,24,40,.06),0 2px 6px rgba(16,24,40,.06),0 10px 24px -6px rgba(16,24,40,.14);
  --sh-lg:0 1px 3px rgba(16,24,40,.07),0 6px 14px rgba(16,24,40,.07),0 22px 44px -12px rgba(16,24,40,.22);
  --sh-sm:0 1px 2px rgba(16,24,40,.08),0 3px 8px rgba(16,24,40,.08);
  --g-200:#D6DCE4;
}
/* boxes that had a border but no shadow */
html[data-variant="borders"] .rq-check,html[data-variant="borders"] .rq-link,html[data-variant="borders"] .file{box-shadow:var(--sh-sm)}
/* header keeps a soft separation line */
html[data-variant="borders"] .site-header{border-bottom-color:#DDE2E8}