/* ВИНОСКА-ВІКНО (callout.js): точка біля джерела + гілка branch() до вікна — те саме
   правило, що в нотатках на полях (margin-notes.css). Колір — currentColor: вікно
   задає його своїм (плитка — колір зони), типово золото. Гілка лежить у самому
   вікні (верхній шар), тож воно не повинно обрізати вміст: картку з прокруткою
   кладіть усередину. Вузько (callout.js, NARROW) гілку ховає сам виклик. */
.callout-line { position: absolute; left: 0; top: 0; width: 1px; height: 1px; overflow: visible;
  pointer-events: none; color: var(--gold); }
.callout-line path { fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round;
  opacity: .55; vector-effect: non-scaling-stroke; pointer-events: stroke; transition: opacity .15s ease, stroke-width .15s ease; }
.callout-line circle { fill: currentColor; opacity: .75; pointer-events: auto; transition: opacity .15s ease; }
.is-on > .callout-line path { opacity: 1; stroke-width: 1.6; }
.is-on > .callout-line circle { opacity: 1; }