/* Игры на липучках и с прищепками: размеры как в a4umka и одинаковые на A4 и Letter — карточка 184 × 70 мм,
   три на лист, рисунок задания 30 мм, ответ 22 мм, место для карточки и детали 60 × 24 мм.
   Чтобы три карточки встали и на Letter, у листов с карточками шапка компактнее обычной. */
.lp-radios label { display: flex; gap: 8px; align-items: flex-start; margin: 6px 0; font-size: 14px; line-height: 1.4; cursor: pointer; }
.lp-radios input { margin-top: 3px; accent-color: var(--brand-dark); }
.lp-check { display: block; font-size: 14px; margin: 4px 0; }
#lp-err:not([hidden]) { color: #b3261e; font-weight: 700; }

.sheet:has(.lp-grid) .sheet-title, .sheet:has(.lp-tiles) .sheet-title { font-size: 22pt; margin: 3mm 0 1mm; }
.sheet:has(.lp-grid) .sheet-sub, .sheet:has(.lp-tiles) .sheet-sub { font-size: 10pt; line-height: 1.3; margin: 0 0 3mm; }
.lp-grid { display: flex; flex-direction: column; gap: 4mm; align-self: flex-start; flex-shrink: 0; }
.lp-card { width: 184mm; height: 70mm; box-sizing: border-box; border: .35mm solid #b4ba96; border-radius: 3mm; padding: 3mm 5mm; background: #fffdf8;
  position: relative; display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }
.lp-num { position: absolute; left: 3mm; top: 2mm; width: 6mm; height: 6mm; line-height: 6mm; text-align: center; border-radius: 50%; background: #fff0e6; font: 700 8pt var(--body); color: var(--brand-dark); }
.lp-card p { margin: 0 8mm; text-align: center; font-size: 11pt; line-height: 1.3; max-width: 150mm; }
.lp-picture { width: 30mm; height: 30mm; margin: 1mm; flex: none; }
.lp-art { display: block; width: 100%; height: 100%; object-fit: contain; }
.lp-shadow img { filter: brightness(0); }
.lp-count { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; width: 150mm; height: 28mm; gap: 2mm; flex: none; }
.lp-count span { width: 22mm; height: 22mm; }
.lp-slot { margin-top: auto; width: 60mm; height: 24mm; box-sizing: border-box; border: .4mm dashed #999; border-radius: 2mm; font-size: 8pt; color: #777;
  display: flex; align-items: center; justify-content: center; text-align: center; flex: none; padding: 0 2mm; }
.lp-choices { display: flex; justify-content: center; margin-top: auto; width: 100%; height: 22mm; flex: none; }
.lp-choice { flex: 1; border: .3mm solid #b4ba96; background: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font: 600 14pt var(--head); min-width: 0; }
.lp-choice-art { width: 20mm; height: 20mm; }
.lp-tiles { display: grid; grid-template-columns: repeat(2, 60mm); grid-auto-rows: 24mm; justify-content: center; gap: 8mm; margin-top: 6mm; align-self: flex-start; }
.lp-tile { box-sizing: border-box; border: .3mm solid #555; border-radius: 2mm; display: flex; align-items: center; justify-content: center; text-align: center; font: 600 20pt var(--head); background: #fff; padding: 0 2mm; }
.lp-tile .lp-choice-art { width: 22mm; height: 22mm; }
.lp-answers { width: 100%; align-self: flex-start; }
.lp-answers p { margin: 0; padding: 3mm; border-bottom: .3mm solid #ccc; font-size: 14pt; }
.lp-bw .lp-card, .lp-bw .lp-choice { border-color: #777; background: #fff; }
.lp-bw .lp-num { background: #eee; color: #222; }
