/**
 * Стили блока «Задачка» при печати (A4 под раскраской).
 * Подключается с media="print".
 */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

body.is-printing .coloring-print-task {
  font-family: 'Nunito', system-ui, sans-serif;
}

body.is-printing .coloring-print-task__heading {
  margin: 0 0 10px;
  font-size: 16pt;
  font-weight: 800;
}

body.is-printing .coloring-print-task__row {
  margin-bottom: 12mm;
}

body.is-printing .coloring-print-task__row-label {
  margin: 0 0 6px;
  font-size: 11pt;
  font-weight: 700;
}

body.is-printing .coloring-print-task__emoji-row {
  display: flex;
  gap: 10mm;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 18pt;
  line-height: 1;
}

body.is-printing .coloring-print-task__sentence {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4mm 5mm;
  font-size: 20pt;
  line-height: 1.25;
}

body.is-printing .coloring-print-task__sentence--trace {
  font-family: 'Patrick Hand', 'Nunito', cursive, sans-serif;
  color: #666;
}

body.is-printing .coloring-print-task__gap {
  min-width: 28mm;
  border-bottom: 2px dotted #444;
  min-height: 1.15em;
  display: inline-block;
}

body.is-printing .coloring-print-task__hint {
  display: block;
  margin-top: 3px;
  font-size: 11pt;
  font-weight: 600;
  color: #444;
}

body.is-printing .coloring-print-task__guides {
  position: relative;
  height: 16mm;
  margin-top: 6px;
  border-bottom: 1.5px solid #000;
  background: repeating-linear-gradient(
    90deg,
    transparent,
    transparent 5mm,
    rgba(0, 0, 0, 0.03) 5mm,
    rgba(0, 0, 0, 0.03) 5.35mm
  );
}

body.is-printing .coloring-print-task__guides::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 55%;
  border-top: 1px dashed #bbb;
}

body.is-printing .coloring-print-task__guides::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 18%;
  border-top: 1px dashed #ccc;
}

body.is-printing .coloring-print-task__done {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-top: 6mm;
  font-size: 12pt;
  font-weight: 700;
}

body.is-printing .coloring-print-task__tick {
  width: 18px;
  height: 18px;
  border: 2px solid #444;
  border-radius: 3px;
  flex-shrink: 0;
}

/* ——— Сводка: карточки + цветные сегменты (как экран сборки) ——— */

body.is-printing .coloring-print-summary__desc-label {
  text-align: center;
  font-weight: 800;
  font-size: 10pt;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 4mm;
  color: var(--text, #2b2620);
}

body.is-printing .coloring-print-segments {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  align-items: stretch;
  margin: 0 0 4mm;
}

body.is-printing .coloring-print-seg {
  display: inline-flex;
  border-radius: 11px;
  padding: 7px 12px;
  border: 2px solid transparent;
  font-size: 16pt;
  font-weight: 800;
  line-height: 1.2;
}

body.is-printing .coloring-print-seg--people {
  background: var(--cat-people-bg, #fdf3d4);
  border-color: var(--cat-people, #f5c84b);
}

body.is-printing .coloring-print-seg--action {
  background: var(--cat-action-bg, #e1f2df);
  border-color: var(--cat-action, #6fbf73);
}

body.is-printing .coloring-print-seg--thing {
  background: var(--cat-thing-bg, #fce8d4);
  border-color: var(--cat-thing, #f2a65a);
}

body.is-printing .coloring-print-seg--place {
  background: var(--cat-place-bg, #efe0f5);
  border-color: var(--cat-place, #c58ce0);
}

body.is-printing .coloring-print-banner {
  text-align: center;
  font-size: 14pt;
  font-weight: 800;
  letter-spacing: 0.18em;
  margin: 0 0 6mm;
  line-height: 1.4;
  color: var(--text, #2b2620);
}

body.is-printing .coloring-print-mini-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-width: 100%;
}

body.is-printing .coloring-print-mini-card {
  border-radius: 14px;
  padding: 8px 6px 10px;
  text-align: center;
  border: 2px solid;
  min-height: 78px;
  box-sizing: border-box;
}

body.is-printing .coloring-print-mini-card--people {
  background: var(--cat-people-bg, #fdf3d4);
  border-color: var(--cat-people, #f5c84b);
}

body.is-printing .coloring-print-mini-card--action {
  background: var(--cat-action-bg, #e1f2df);
  border-color: var(--cat-action, #6fbf73);
}

body.is-printing .coloring-print-mini-card--thing {
  background: var(--cat-thing-bg, #fce8d4);
  border-color: var(--cat-thing, #f2a65a);
}

body.is-printing .coloring-print-mini-card--place {
  background: var(--cat-place-bg, #efe0f5);
  border-color: var(--cat-place, #c58ce0);
}

body.is-printing .coloring-print-mini-card--empty {
  border-style: dashed;
  opacity: 0.95;
  color: var(--text-muted, #6b6157);
}

body.is-printing .coloring-print-mini-card__icon {
  display: block;
  margin: 0 auto 4px;
  color: var(--text, #2b2620);
  opacity: 0.88;
}

body.is-printing .coloring-print-mini-card__icon svg {
  display: block;
  margin: 0 auto;
}

body.is-printing .coloring-print-mini-card__emoji {
  font-size: 21pt;
  line-height: 1;
  display: block;
  margin-bottom: 4px;
}

body.is-printing .coloring-print-mini-card__cat {
  font-size: 7.5pt;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  display: block;
  margin-bottom: 3px;
  opacity: 0.9;
}

body.is-printing .coloring-print-mini-card__label {
  font-size: 10.5pt;
  font-weight: 800;
  display: block;
  line-height: 1.2;
  word-break: break-word;
}