/* Блок 01 gost-tu — «Одно название — два разных металла» */
.ig[data-ig="gost-tu"] .ig-gt-fig { align-items: start; }

/* Две карты в одном масштабе: рядом на широком, стопкой на узком */
.ig[data-ig="gost-tu"] .ig-gt-cards { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 2vw, 24px); align-items: end; }
.ig[data-ig="gost-tu"] .ig-gt-cards.is-strip { grid-template-columns: 1fr; gap: 18px; }
.ig[data-ig="gost-tu"] .ig-gt-card { min-width: 0; }
.ig[data-ig="gost-tu"] .ig-gt-cap {
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  margin: 0 0 6px; padding-bottom: 6px; border-bottom: 1px solid var(--ig-line);
  font-size: 13px; color: var(--ig-muted);
}
.ig[data-ig="gost-tu"] .ig-gt-cap b { font: 600 18px/1 'Oswald', sans-serif; font-variant-numeric: tabular-nums; color: var(--ig-head); }
.ig[data-ig="gost-tu"] .ig-gt-card--g .ig-gt-cap b { color: var(--ig-accent); }
.ig[data-ig="gost-tu"] .ig-gt-tag {
  font: 600 12px/1 'Oswald', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--ig-accent);
}
.ig[data-ig="gost-tu"] .ig-gt-tag--n, .ig[data-ig="gost-tu"] .ig-gt-card--t .ig-gt-tag { color: var(--ig-steel); }
.ig[data-ig="gost-tu"] .ig-gt-svg { display: block; width: 100%; height: auto; overflow: visible; }
.ig[data-ig="gost-tu"] .ig-gt-cell { fill: var(--ig-accent-dim); }
.ig[data-ig="gost-tu"] .ig-gt-card--t .ig-gt-cell { fill: rgba(185, 192, 199, .12); }
.ig[data-ig="gost-tu"] .ig-gt-rods { stroke-linecap: butt; }
.ig[data-ig="gost-tu"] .ig-gt-note { margin: 12px 0 0; font-size: 13px; line-height: 1.45; color: var(--ig-muted); }

/* Правая колонка: сечения и масса */
.ig[data-ig="gost-tu"] .ig-gt-h {
  margin: 0 0 12px; font: 500 12px/1.2 'Inter', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--ig-head);
}
.ig[data-ig="gost-tu"] .ig-gt-h span { margin-left: 6px; letter-spacing: 0; text-transform: none; font-weight: 400; color: var(--ig-muted); }
.ig[data-ig="gost-tu"] .ig-gt-side .ig-gt-h:not(:first-child) { margin-top: clamp(22px, 3vw, 32px); }
.ig[data-ig="gost-tu"] .ig-gt-sec { display: block; width: 100%; max-width: 320px; height: auto; }
.ig[data-ig="gost-tu"] .ig-gt-base { stroke: var(--ig-line-2); stroke-width: 1; }
.ig[data-ig="gost-tu"] .ig-gt-c--g { fill: var(--ig-accent); }
.ig[data-ig="gost-tu"] .ig-gt-c--t { fill: var(--ig-neutral); }
.ig[data-ig="gost-tu"] .ig-gt-c--ghost { fill: none; stroke: var(--ig-card); stroke-width: 1.5; stroke-dasharray: 3 2; }
.ig[data-ig="gost-tu"] .ig-gt-dia { display: grid; grid-template-columns: 1fr 1fr; max-width: 320px; margin-top: 10px; }
.ig[data-ig="gost-tu"] .ig-gt-dia p { margin: 0; text-align: center; font-size: 13px; line-height: 1.5; color: var(--ig-muted); }
.ig[data-ig="gost-tu"] .ig-gt-dia b { font: 600 22px/1.1 'Oswald', sans-serif; font-variant-numeric: tabular-nums; color: var(--ig-head); }

.ig[data-ig="gost-tu"] .ig-gt-bars { display: grid; gap: 14px; }
.ig[data-ig="gost-tu"] .ig-gt-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) 58px; gap: 12px; align-items: center; }
.ig[data-ig="gost-tu"] .ig-gt-row > b { text-align: right; font: 600 20px/1 'Oswald', sans-serif; font-variant-numeric: tabular-nums; color: var(--ig-head); }

/* Крупные числа: единица рядом с числом на той же базовой линии */
.ig[data-ig="gost-tu"] .ig-num__v { display: inline; }
.ig[data-ig="gost-tu"] .ig-gt-u { margin-left: .3em; font: 400 15px/1 'Oswald', sans-serif; color: var(--ig-muted); }

/* Чек-лист «Что написать в счёте» */
.ig[data-ig="gost-tu"] .ig-gt-check { margin-top: clamp(26px, 3.6vw, 40px); padding: clamp(16px, 2.4vw, 24px); background: var(--ig-page); border: 1px solid var(--ig-line); border-radius: var(--ig-r-m); }
.ig[data-ig="gost-tu"] .ig-gt-check ol { margin: 0; padding: 0; list-style: none; counter-reset: gt; display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 14px 24px; }
.ig[data-ig="gost-tu"] .ig-gt-check li { counter-increment: gt; position: relative; padding-left: 30px; display: flex; flex-direction: column; gap: 3px; }
.ig[data-ig="gost-tu"] .ig-gt-check li::before {
  content: counter(gt, decimal-leading-zero); position: absolute; left: 0; top: 1px;
  font: 600 12px/1.4 'Oswald', sans-serif; letter-spacing: .06em; color: var(--ig-accent);
}
.ig[data-ig="gost-tu"] .ig-gt-check li > span { font-size: 13px; color: var(--ig-muted); }
.ig[data-ig="gost-tu"] .ig-gt-check li > b { font-weight: 500; color: var(--ig-head); font-variant-numeric: tabular-nums; }

/* Повтор прорисовки прутков при смене позиции */
.ig-js .ig[data-ig="gost-tu"] .ig-gt-replay [data-ig-draw] { transition: none; stroke-dashoffset: var(--len, 1000); }

@media (max-width: 560px) {
  .ig[data-ig="gost-tu"] .ig-gt-cards { grid-template-columns: 1fr; gap: 18px; }
  .ig[data-ig="gost-tu"] .ig-tab { padding: 9px 12px; }
  .ig[data-ig="gost-tu"] .ig-nums { grid-template-columns: 1fr 1fr; }
  .ig[data-ig="gost-tu"] .ig-num--accent { grid-column: 1 / -1; }
}