/* Generic, reusable dimension hook for any block that adds class "vh-dims" */
.vh-dims{
  display:block;                 /* works on non-flex pages */
  height:     var(--vh-h, auto);
  min-height: var(--vh-min-h, initial);
  max-height: var(--vh-max-h, none);
  width:      var(--vh-w, auto);
  max-width:  var(--vh-max-w, 100%);
  overflow:auto;                 /* change to hidden if you prefer cropping */
}

/* Your row block: square size controlled by --sq-size */
.vh-row .sq{ width:var(--sq-size,1rem); height:var(--sq-size,1rem); }



.number-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background:#666 ;
  color: yellow !important;
  font-size: 16px;
  font-weight: bold;
  /* Critical for print: */
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/*Triangles CSS for Groups in SVG*/
.group-white
[data-role="group"] {
	font-size: 8px !important;
	fill: white !important;
}

.group-red
[data-role="group"] {
	font-size: 8px !important;
	fill: red !important;
}

.group-yellow
[data-role="group"] {
	font-size: 8px !important;
	fill: yellow !important;
}

.group-green
[data-role="group"] {
	font-size: 8px !important;
	fill: green !important;
}

.format-text-min { 
  white-space: pre-line; 
tyni}