/* ATELIER 51 — calendar heatmap. The cursor rect is the focus indicator, so
   the svg's own outline is suppressed only where the cursor is visible. */
.cal-svg { overflow: visible; }
.cal-svg text { font-family: var(--font-data, ui-monospace, monospace); fill: var(--gray-11, #71717a); }
.cal-svg .month-label { font-size: 10px; letter-spacing: 0.04em; }
.cal-svg .weekday-label { font-size: 10px; }
.cal-svg .cell { cursor: pointer; }
.cal-svg .cell.pad { opacity: 0.35; }

.cal-svg:focus-visible { outline: 2px solid var(--accent-9, #e5484d); outline-offset: 3px; border-radius: 3px; }

.cal-svg .cell-cursor {
  fill: none;
  stroke: var(--accent-9, #e5484d);
  stroke-width: 2;
  pointer-events: none;  /* the cursor sits over a cell; it must not eat its hover */
}

/* Forced colors drops the accent, and the ring is the only thing telling the
   user where they are. */
@media (forced-colors: active) {
  .cal-svg .cell-cursor { stroke: Highlight; }
}