.spire-lesson-print-model {
  width: 100%;
  min-width: 0;
  display: grid;
  place-items: center;
}

.spire-lesson-print-model svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.spire-coordinate-grid .grid-border,
.spire-coordinate-grid .grid-line {
  fill: none;
  stroke: #8a99a6;
  stroke-width: 1;
}

.spire-coordinate-grid .grid-border {
  stroke: #102131;
  stroke-width: 2;
}

.spire-coordinate-grid .axis-line {
  stroke: #102131;
  stroke-width: 3;
}

.spire-coordinate-grid .guide-line {
  stroke: #d18a00;
  stroke-width: 2;
  stroke-dasharray: 7 6;
}

.spire-coordinate-grid .shape-line {
  fill: rgba(143, 216, 243, .18);
  stroke: #2f5f73;
  stroke-width: 2.5;
  stroke-linejoin: round;
}

.spire-coordinate-grid .shape-line.open {
  fill: none;
}

.spire-coordinate-grid .point-cross {
  stroke: #149bd7;
  stroke-width: 3;
  stroke-linecap: round;
}

.spire-coordinate-grid .point-cross.answer {
  stroke: #16895f;
}

.spire-coordinate-grid text,
.spire-circle-diagram text {
  fill: #102131;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.spire-coordinate-grid .axis-number {
  font-size: var(--coordinate-axis-number-size, 15px);
}

.spire-coordinate-grid .axis-label,
.spire-coordinate-grid .point-label {
  font-size: 18px;
  font-weight: 900;
}

.spire-circle-diagram .circle-fill {
  fill: #e8f6fc;
  stroke: #2c9c5b;
  stroke-width: 5;
}

.spire-circle-diagram .inner-circle {
  fill: #ffffff;
  stroke: #102131;
  stroke-width: 4;
}

.spire-circle-diagram .radius-line {
  stroke: #1f66c2;
  stroke-width: 5;
  stroke-linecap: round;
}

.spire-circle-diagram .diameter-line {
  stroke: #d14f45;
  stroke-width: 5;
  stroke-linecap: round;
}

.spire-circle-diagram .centre-point {
  fill: #102131;
}

.spire-circle-diagram .part-label {
  font-size: 19px;
}

@media print {
  .spire-lesson-print-model {
    break-inside: avoid;
  }

  .spire-coordinate-grid .grid-line {
    stroke: #9aa4ad;
  }
}