/* Блок 04 zashchitny-sloy — «Защитный слой и нахлёст» */
.ig[data-ig="zashchitny-sloy"] .ig-zs-fig { align-items: center; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-art { container-type: inline-size; min-width: 0; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-svg { display: block; width: 100%; height: auto; overflow: hidden; border-radius: var(--ig-r-m); }

/* Подписи в SVG: размер в единицах viewBox (ширина 400) подобран так, чтобы на экране было 12–15 px */
.ig[data-ig="zashchitny-sloy"] .ig-zs-svg .t { font-size: 14px; }
@container (min-width: 460px) { .ig[data-ig="zashchitny-sloy"] .ig-zs-svg .t { font-size: 11.5px; } }
/* кегль в единицах viewBox (400): на экране = кегль × ширина/400; на 375 и 320 подписи не мельче 12 px */
@container (max-width: 359px) { .ig[data-ig="zashchitny-sloy"] .ig-zs-svg .t { font-size: 16px; } }
@container (max-width: 299px) { .ig[data-ig="zashchitny-sloy"] .ig-zs-svg .t { font-size: 19.5px; }
  /* нахлёст: «карта 2» уезжает влево на 96 ед. и при 19,5 налезает на «карта 1 · ячейка 100 мм» */
  .ig[data-ig="zashchitny-sloy"] .ig-zs-svg[aria-labelledby="ig-zs-ov-d"] .t { font-size: 16.2px; } }
.ig[data-ig="zashchitny-sloy"] .ig-zs-svg .t-num { font-size: 1.15em; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-halo-c { stroke: #2c2f33; }

/* Движение чертежа: только transform/opacity, одометр 600 мс */
.ig[data-ig="zashchitny-sloy"] .ig-zs-mesh,
.ig[data-ig="zashchitny-sloy"] .ig-zs-head,
.ig[data-ig="zashchitny-sloy"] .ig-zs-card2 { transition: transform 600ms var(--ig-ease-out); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-stool,
.ig[data-ig="zashchitny-sloy"] .ig-zs-shaft,
.ig[data-ig="zashchitny-sloy"] .ig-zs-band,
.ig[data-ig="zashchitny-sloy"] .ig-zs-band-o,
.ig[data-ig="zashchitny-sloy"] .ig-zs-zone,
.ig[data-ig="zashchitny-sloy"] .ig-zs-zdim {
  transform-box: fill-box;
  transition: transform 600ms var(--ig-ease-out), opacity 300ms ease;
}
.ig[data-ig="zashchitny-sloy"] .ig-zs-stool,
.ig[data-ig="zashchitny-sloy"] .ig-zs-shaft,
.ig[data-ig="zashchitny-sloy"] .ig-zs-band,
.ig[data-ig="zashchitny-sloy"] .ig-zs-band-o { transform-origin: 50% 100%; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-zone,
.ig[data-ig="zashchitny-sloy"] .ig-zs-zdim { transform-origin: 100% 50%; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-prep,
.ig[data-ig="zashchitny-sloy"] .ig-zs-zmin { transition: opacity 300ms ease; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-c2rods { stroke: #8a8a8a; }

/* Правая колонка: крупное число и пояснения */
.ig[data-ig="zashchitny-sloy"] .ig-zs-side { min-width: 0; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-cap {
  margin: 0 0 6px; font: 500 11px/1.2 'Inter', sans-serif; letter-spacing: .15em; text-transform: uppercase; color: var(--ig-muted);
}
.ig[data-ig="zashchitny-sloy"] .ig-zs-big {
  margin: 0; font: 600 var(--ig-fs-num-xl)/1 'Oswald', sans-serif; letter-spacing: -.015em;
  color: var(--ig-accent); font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; white-space: nowrap;
}
.ig[data-ig="zashchitny-sloy"] .ig-zs-big small { font-size: .36em; font-weight: 400; letter-spacing: 0; margin-left: .2em; color: var(--ig-muted); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-pre { font-size: .5em; font-weight: 400; margin-right: .1em; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-what { margin: 10px 0 0; max-width: 36ch; font-size: 15px; color: var(--ig-text); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-notes { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-notes li { padding-top: 10px; border-top: 1px solid var(--ig-line); font-size: 14px; line-height: 1.45; color: var(--ig-muted); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-notes b { font-weight: 500; color: var(--ig-head); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-no { display: flex; gap: 10px; align-items: flex-start; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-no svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; color: var(--ig-steel); }

.ig[data-ig="zashchitny-sloy"] .ig-zs-h3 {
  margin: clamp(32px, 5vw, 56px) 0 14px; padding-top: clamp(20px, 3vw, 28px); border-top: 1px solid var(--ig-line);
  font: 600 clamp(20px, 2.2vw, 26px)/1.1 'Oswald', sans-serif; letter-spacing: .01em; text-transform: uppercase; color: var(--ig-head);
}

/* Калькулятор «Сколько брать»: ввод → множитель → ответ */
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc {
  display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: clamp(14px, 3vw, 40px); align-items: end;
}
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__in input { width: 7.5ch; font-size: 24px; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__op { display: flex; flex-direction: column; gap: 4px; padding-bottom: 8px; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__op span { font: 400 20px/1 'Oswald', sans-serif; color: var(--ig-head); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__op small { font-size: 13px; color: var(--ig-muted); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__out { min-width: 0; padding-left: clamp(14px, 3vw, 40px); border-left: 1px solid var(--ig-line); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__l { margin: 0 0 4px; font-size: 13px; color: var(--ig-muted); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__v {
  margin: 0; font: 600 var(--ig-fs-num-l)/1 'Oswald', sans-serif; color: var(--ig-accent);
  font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; white-space: nowrap;
}
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__v small { font-size: .42em; font-weight: 400; margin-left: .15em; color: var(--ig-muted); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__n { margin: 8px 0 0; font-size: 16px; color: var(--ig-text); }
.ig[data-ig="zashchitny-sloy"] .ig-zs-calc__n b { font: 600 22px/1 'Oswald', sans-serif; color: var(--ig-head); font-variant-numeric: tabular-nums; }

/* Карты 2×3 значками: одна иконка = одна карта */
.ig[data-ig="zashchitny-sloy"] .ig-zs-sheets { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-sheets i {
  display: block; width: 30px; height: 20px; border-radius: 2px;
  border: 1.5px solid var(--ig-accent);
  background-image: linear-gradient(90deg, rgba(245, 197, 24, .45) 1px, transparent 1px), linear-gradient(rgba(245, 197, 24, .45) 1px, transparent 1px);
  background-size: 5px 5px; background-position: -1px -1px;
}
.ig[data-ig="zashchitny-sloy"] .ig-zs-sheets.is-many { display: none; }
.ig[data-ig="zashchitny-sloy"] .ig-zs-fine { margin: 10px 0 0; font-size: 13px; color: var(--ig-muted); }

@media (max-width: 760px) {
  .ig[data-ig="zashchitny-sloy"] .ig-zs-side { margin-top: 4px; }
  .ig[data-ig="zashchitny-sloy"] .ig-zs-calc { grid-template-columns: auto minmax(0, 1fr); }
  .ig[data-ig="zashchitny-sloy"] .ig-zs-calc__out { grid-column: 1 / -1; padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--ig-line); }
}