@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@400;600;700&display=swap');
.figma-make-app-wrapper{isolation:isolate}
/* tokens/fonts.css */
/* TPM Article Design System — Webfonts
 * Montserrat (headings) + Open Sans (body), loaded from Google Fonts — the
 * exact families the live article repos use (src/index.css). Montserrat
 * weights 400-800; Open Sans 400-700. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');

/* tokens/colors.css */
/* TPM Article Design System — Palette
 * Exactly SEVEN semantic colour pairs (draw.io / Miro sticky scheme).
 * Light = fill, dark = border / icon / accent / heading-in-block.
 * The HEX values are the source of truth. HSL mirrors are derived from them.
 * Icons are ALWAYS coloured, never grayscale. One semantic hue per category —
 * colour encodes meaning, never decoration. NO inline hex in components other
 * than these exact values. */

.figma-make-app-root {
  /* ---- Solid (border / heading / icon / accent) ---- */
  --p-gray: #666666;
  --p-blue: #6c8ebf;
  --p-green: #82b366;
  --p-red: #b85450;
  --p-yellow: #d79b00;
  --p-purple: #9673a6;
  --p-darkblue: #23445d;

  /* ---- Light (fill / tinted container background) ---- */
  --p-gray-light: #f5f5f5;
  --p-blue-light: #dae8fc;
  --p-green-light: #d5e8d4;
  --p-red-light: #f8cecc;
  --p-yellow-light: #fff1bd;
  --p-purple-light: #e1d5e7;
  --p-darkblue-light: #bac8d3;

  /* ---- HSL mirrors (for shadcn-style hsl(var(--x)) consumers) ---- */
  --palette-gray: 0 0% 40%;
  --palette-gray-light: 0 0% 96%;
  --palette-blue: 210 33% 59%;
  --palette-blue-light: 210 63% 92%;
  --palette-green: 100 33% 55%;
  --palette-green-light: 100 38% 87%;
  --palette-red: 0 38% 52%;
  --palette-red-light: 0 65% 89%;
  --palette-yellow: 40 100% 42%;
  --palette-yellow-light: 46 100% 87%;
  --palette-purple: 273 22% 55%;
  --palette-purple-light: 273 30% 87%;
  --palette-darkblue: 207 44% 25%;
  --palette-darkblue-light: 207 22% 77%;

  /* ---- Semantic aliases ---- */
  --background: #ffffff;       /* page + card surface */
  --foreground: #334155;       /* body text (slate-700-ish) */
  --heading: var(--p-darkblue);/* all headings & titles */
  --border-default: var(--p-gray); /* default 2px border colour */
  --muted-foreground: #666666;
  --accent: var(--p-blue);     /* primary concept / interactive */
}

/* tokens/typography.css */
/* TPM Article Design System — Typography
 * Headings: Montserrat (font-heading). Titles font-extrabold, p-darkblue,
 *   with a single accent <u> underline on ONE key word.
 * Body: Open Sans (font-body / font-sans), 16px / leading-relaxed. */

.figma-make-app-root {
  --font-heading: 'Montserrat', system-ui, sans-serif;
  --font-body: 'Open Sans', system-ui, sans-serif;

  /* Type scale (px) — editorial long-form */
  --text-h1: 36px;   /* article title  (text-4xl, extrabold) */
  --text-h2: 24px;   /* section title  (text-2xl, bold) */
  --text-h3: 18px;   /* diagram / block title (text-lg, bold) */
  --text-h4: 16px;   /* card title (text-base, bold) */
  --text-body: 16px; /* body copy (text-base) */
  --text-sm: 14px;   /* secondary / card body / captions */
  --text-xs: 12px;   /* diagram labels */

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Line heights */
  --leading-tight: 1.2;
  --leading-relaxed: 1.65;
}

/* tokens/spacing.css */
/* TPM Article Design System — Layout, spacing, surfaces (HARD rules)
 * Single centred column, fixed 893px. Flat design: NO shadows, NO decorative
 * gradients. 2px borders. Outer containers rounded-2xl, inner blocks rounded-xl.
 * NO internal scroll anywhere. */

.figma-make-app-root {
  /* Container */
  --article-max-width: 893px;   /* HARD — never 4xl, never 1400px */
  --article-padding-x: 16px;    /* px-4 */
  --article-padding-y: 40px;    /* py-10 */
  --section-gap: 32px;          /* gap-8 between sections */
  --block-gap: 16px;            /* gap-4 within a section */

  /* Spacing scale (Tailwind-aligned, px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* Borders & radii */
  --border-width: 2px;          /* HARD — all borders 2px */
  --radius-outer: 16px;         /* rounded-2xl — outer containers */
  --radius-inner: 12px;         /* rounded-xl — inner blocks */
  --radius-sm: 8px;             /* rounded-lg — icon squares, chips */

  /* Flat — no shadow tokens by design. The only sanctioned depth is a subtle
   * lift on a floating/overlay element inside a diagram (see DESIGN_SYSTEM §3.4). */
  --lens-shadow: 0 8px 24px rgba(35, 68, 93, 0.12);
}

/* Article shell helper — single centred column, natural page scroll only. */
.figma-make-app-root .tpm-article {
  width: 100%;
  max-width: var(--article-max-width);
  margin-inline: auto;
  padding-inline: var(--article-padding-x);
  padding-block: var(--article-padding-y);
  display: flex;
  flex-direction: column;
  gap: var(--section-gap);
  font-family: var(--font-body);
  color: var(--foreground);
}

/* tokens/base.css */
/* TPM Article Design System — base element defaults.
 * Minimal resets so specimen cards and components paint correctly. */

.figma-make-app-root * {
  box-sizing: border-box;
}

.figma-make-app-root .body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: var(--leading-relaxed);
  -webkit-font-smoothing: antialiased;
}

.figma-make-app-root h1, .figma-make-app-root h2, .figma-make-app-root h3, .figma-make-app-root h4, .figma-make-app-root h5, .figma-make-app-root h6 {
  font-family: var(--font-heading);
  color: var(--heading);
  margin: 0;
}

.figma-make-app-root p {
  margin: 0;
}

/* Article titles carry a single accent underline on one key word. */
.figma-make-app-root h1 u, .figma-make-app-root h2 u {
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

.figma-make-app-root a {
  color: var(--accent);
}

/* styles.css */
/* TPM Article Design System — global entry point.
 * Consumers link THIS one file. It is an @import manifest only; never put rules
 * here. Everything reachable from here ships to consumers. */
@import url('./tokens/fonts.css');
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/base.css');

/* ---- article \3c style> block 1 ---- */

  @keyframes breathe { 0%, 100%{transform:scale(1)} 50%{transform:scale(1.08)} }
  @keyframes land { 0%{ opacity:0; transform:translateY(-14px) scale(.85) } 60%{ opacity:1 } 100%{ opacity:1; transform:none } }
  @keyframes floatIcon { 0%{transform:translateY(0) rotate(0deg) scale(1)} 25%{transform:translateY(-12px) rotate(5deg) scale(1.1)} 50%{transform:translateY(0) rotate(-5deg) scale(1)} 75%{transform:translateY(8px) rotate(3deg) scale(.95)} 100%{transform:translateY(0) rotate(0deg) scale(1)} }
  @keyframes stripSlideIn { from{opacity:0;transform:translateX(-20px)} to{opacity:1;transform:translateX(0)} }
  @keyframes gatePop { from{opacity:0;transform:rotate(-15deg) scale(.85)} to{opacity:1;transform:rotate(0deg) scale(1)} }
  @keyframes rowFadeUp { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }
  @keyframes laneInTop { from{opacity:0;transform:translateY(-32px)} to{opacity:1;transform:none} }
  @keyframes checkDraw { from{stroke-dashoffset:var(--dash,20)} to{stroke-dashoffset:0} }
  @keyframes nodeSlideIn { from{opacity:0;transform:translateX(-20px)} to{opacity:1;transform:none} }
  @keyframes slideInRight { from{opacity:0;transform:translateX(24px)} to{opacity:1;transform:none} }
  @keyframes gateDraw { from{opacity:0;transform:rotate(45deg) scale(.2)} to{opacity:1;transform:rotate(45deg) scale(1)} }
  @keyframes lineDraw { from{opacity:0;transform:scaleX(0)} to{opacity:1;transform:scaleX(1)} }
  @keyframes layerRise { from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:none} }
  @keyframes chipPop { from{opacity:0;transform:scale(.8)} to{opacity:1;transform:scale(1)} }
  @keyframes barRise { from{opacity:0;transform:translateY(32px)} to{opacity:1;transform:none} }
  @keyframes frameIn { from{opacity:0;transform:scale(.96)} to{opacity:1;transform:none} }
  @keyframes fadeUp16 { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
  @keyframes diagIn { from{opacity:0;transform:translate(-24px,-8px)} to{opacity:1;transform:none} }
  @keyframes growX { from{transform:scaleX(0)} to{transform:scaleX(1)} }
  @keyframes growY { from{transform:scaleY(0)} to{transform:scaleY(1)} }
  @keyframes unfoldX { from{opacity:0;transform:scaleX(.15)} to{opacity:1;transform:scaleX(1)} }
  @keyframes labelIn { from{opacity:0;transform:translateX(-16px)} to{opacity:1;transform:none} }
  @keyframes drawStroke { from{stroke-dashoffset:var(--sd,40)} to{stroke-dashoffset:0} }
  @keyframes softIn { from{opacity:0} to{opacity:1} }
  @keyframes accReveal { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }
  @keyframes tailPop { from{opacity:0;transform:scale(.95)} to{opacity:1;transform:none} }
  @keyframes cardUp24 { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }
  @keyframes fadeUp10 { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
  @keyframes cardUp32 { from{opacity:0;transform:translateY(32px) scale(.97)} to{opacity:1;transform:none} }
  @keyframes popIn90Up { from{opacity:0;transform:translateY(16px) scale(.9)} to{opacity:1;transform:none} }
  @keyframes tailPopUp { from{opacity:0;transform:translateY(20px) scale(.95)} to{opacity:1;transform:none} }
  @keyframes tailBadgePulse { 0%, 100%{box-shadow:0 0 0 0 rgba(130,179,102,0)} 50%{box-shadow:0 0 0 6px rgba(130,179,102,.14)} }
  @keyframes pulseBorder { 0%, 100%{opacity:.7;transform:scale(1)} 50%{opacity:0;transform:scale(1.04)} }
  @keyframes rocketFloat { 0%, 100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
  @keyframes convFlow { 0%, 100%{box-shadow:0 0 0 0 rgba(130,179,102,0);transform:scale(1)} 50%{box-shadow:0 0 0 5px rgba(130,179,102,.22);transform:scale(1.12)} }
  .figma-make-app-root h2 u{ text-decoration-color:#D79B00; text-decoration-thickness:.12em; text-underline-offset:.15em; text-decoration-skip-ink:none }
  .figma-make-app-root [data-vrow]{align-self:center;width:fit-content;max-width:100%}
  .figma-make-app-root [data-vrow] > div{justify-content:center}
  @media (prefers-reduced-motion: reduce){ .figma-make-app-root [data-view8="frame"], .figma-make-app-root [data-view8="frame"] *{ animation:none !important } }
  .figma-make-app-root details.prov > summary::-webkit-details-marker{display:none}
  .figma-make-app-root details.prov > summary::marker{content:""}
  .figma-make-app-root [data-diamondhint]{display:none;text-align:center;font-size:11px;color:#8a97a8;padding-top:6px}
  /* CTA шага 3 — конвейер сборки гипотезы */
  .figma-make-app-root [data-cta3="chip"]{cursor:pointer;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:600;color:var(--p-darkblue);background:#fff;border:2px solid #d9e0e8;border-radius:11px;padding:8px 11px;display:flex;align-items:center;gap:7px;text-align:left;width:100%;transition:background .2s,border-color .2s}
  .figma-make-app-root [data-cta3="chip"]:hover{border-color:var(--p-green)}
  .figma-make-app-root [data-cta3="chip"][data-on="true"]{background:var(--p-green-light);border-color:var(--p-green)}
  .figma-make-app-root [data-cta3="chip"] [data-check]{display:none;flex:0 0 auto;color:var(--p-green)}
  .figma-make-app-root [data-cta3="chip"][data-on="true"] [data-check]{display:inline-flex}
  .figma-make-app-root [data-cta3="station"][data-active="true"]{border-color:var(--p-green) !important;box-shadow:0 6px 22px rgba(130,179,102,.20)}
  .figma-make-app-root [data-conv]{animation:convFlow 1.6s ease-in-out infinite}
  .figma-make-app-root [data-conv="1"]{animation-delay:.4s}
  .figma-make-app-root [data-conv="2"]{animation-delay:.8s}
  .figma-make-app-root [data-conv="3"]{animation-delay:1.2s}
  .figma-make-app-root [data-cta3tool] [style*="font-size:13px"]{font-size:9.5px !important}
  .figma-make-app-root [data-cta3tool] [style*="font-size:12.5px"]{font-size:9px !important}
  .figma-make-app-root [data-cta3tool] [style*="font-size:12px"]{font-size:9px !important}
  .figma-make-app-root [data-cta3tool] [style*="font-size:11.5px"]{font-size:8.5px !important}
  .figma-make-app-root [data-cta3tool] [style*="font-size:11px"]{font-size:8px !important}
  .figma-make-app-root [data-cta3tool] [style*="font-size:10px"]{font-size:7.5px !important}
  .figma-make-app-root [data-cta3tool] [style*="font-size:8.5px"]{font-size:7px !important}
  .figma-make-app-root [data-cta3tool] [data-cta3="chip"]{font-size:9px !important}
  @media (prefers-reduced-motion: reduce){ .figma-make-app-root *{animation:none !important;transition:none !important} }
  /* ===== Адаптив-канон: два брейкпоинта — ≤1023 (планшет), ≤599 (телефон); десктоп ≥1024 не меняется ===== */
  @media (max-width: 1023px){
    .figma-make-app-root [data-screen-label]{max-width:100%}
    .figma-make-app-root figure img{max-width:100%;height:auto}
    .figma-make-app-root [data-watermark]{display:none !important}
    .figma-make-app-root [data-mtband]{grid-template-columns:repeat(3,1fr) !important;gap:12px !important}
  }
  @media (max-width: 599px){
    .figma-make-app-root [data-mtband]{grid-template-columns:repeat(2,1fr) !important}
    .figma-make-app-root [data-m="scrollhint"]{display:block !important;font-size:11px;color:#8a97a8;text-align:center;padding:6px 0 0}
    /* Изобр.0 / Изобр.9 — лента сохраняет натуральную десктопную ширину и прокручивается внутри рамки */
    .figma-make-app-root [data-strip="intro"], .figma-make-app-root [data-strip="phase-idea"]{overflow-x:auto !important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap !important;justify-content:flex-start !important}
    .figma-make-app-root [data-strip="intro"] > div, .figma-make-app-root [data-strip="phase-idea"] > div{flex-shrink:0 !important}
    /* фазовые плашки имеют flex-basis:0 — в режиме прокрутки задаём натуральную ширину, иначе схлопываются */
    .figma-make-app-root [data-strip="intro"] > div:nth-child(even), .figma-make-app-root [data-strip="phase-idea"] > div:nth-child(even){flex:0 0 64px !important;width:64px !important;min-width:64px !important}
    /* Изобр.1 — «Два трека»: дорожки уже стоят колонкой; узлы переносятся в треке, горизонтального скролла нет */
    .figma-make-app-root [data-flow="img1"] [data-links="down"] > div{gap:26px !important}
    /* Изобр.3 — ось вертикально: «дальше за горизонт» у Амбиции, «ближе к нам» у Плана */
    .figma-make-app-root [data-m="axis-h"]{display:none !important}
    .figma-make-app-root [data-m="axis-v"]{display:block !important;text-align:center;font-size:10.5px;color:#888}
    /* Изобр.3 — цикл: на телефоне стрелки масштабируются, отрицательный отступ снимаем — иконки не липнут к стрелкам */
    .figma-make-app-root [data-cyc-icons]{margin-top:8px !important}
    /* Изобр.4 — строки бэклога: заголовок сверху, группа меток снизу; группа переносит метки, не выходя за рамку */
    .figma-make-app-root [data-backlog-row]{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}
    .figma-make-app-root [data-backlog-row] > span{flex:0 0 auto !important}
    .figma-make-app-root [data-backlog-row] > div{flex-shrink:1 !important;max-width:100% !important}
    /* Изобр.5 — карта привязки: колонки в стек, линии → цветные метки цели у идей */
    .figma-make-app-root [data-binding="img5"] [data-cols]{flex-direction:column !important;gap:18px !important}
    .figma-make-app-root [data-binding="img5"] [data-cols] > div{width:auto !important;max-width:100% !important}
    .figma-make-app-root [data-binding="img5"] > svg{display:none !important}
    .figma-make-app-root [data-binding="img5"] [data-goalchip]{display:inline-flex !important}
    /* Изобр.6 — веер: 6 источников складываются в вертикальный список, спицы скрыты */
    .figma-make-app-root [data-fanspokes]{display:none !important}
    .figma-make-app-root [data-fan] [data-insightdot]{display:none !important}
    .figma-make-app-root [data-fan] [data-fansrc]{flex-direction:column !important;gap:10px !important}
    .figma-make-app-root [data-fan] [data-src]{margin-top:0 !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important}
    .figma-make-app-root [data-fan] [data-src] > span:last-child{max-width:none !important;text-align:left !important;flex:1 1 auto}
    .figma-make-app-root [data-fan] [data-insightcard], .figma-make-app-root [data-fan] [data-ideacard]{width:100% !important}
    .figma-make-app-root [data-fanscale] > div:last-child{flex-direction:column !important;gap:6px !important}
    .figma-make-app-root [data-fanscale] > div:last-child > span:last-child{text-align:left !important;flex-direction:row-reverse !important;justify-content:flex-start !important}
    /* Изобр.7 — доска Strategic/Supporting: две колонки в стек */
    .figma-make-app-root [data-boardgrid]{grid-template-columns:1fr !important}
    /* Изобр.7 — подпись инициативы над баром, дата под ромбом */
    .figma-make-app-root [data-gantt="img6"] > div > div:last-child{height:56px !important}
    .figma-make-app-root [data-gantt="img6"] > div > div:last-child > div:nth-child(1){top:20px !important;height:16px !important;overflow:visible !important}
    .figma-make-app-root [data-gantt="img6"] > div > div:last-child > div:nth-child(1) [data-m="barlabel"]{position:absolute;bottom:calc(100% + 3px);left:2px;color:var(--p-darkblue);font-size:11px;font-weight:700;white-space:nowrap}
    .figma-make-app-root [data-gantt="img6"] > div > div:last-child > div:nth-child(2){top:16px !important}
    .figma-make-app-root [data-gantt="img6"] > div > div:last-child > div:nth-child(3){top:40px !important;font-size:10px !important}
    /* CTA — декоративные иконки не пересекают текст */
    .figma-make-app-root [data-m="cta-deco"]{display:none !important}
    /* Практика — карточки шагов отдают ширину: padding контейнера 5px */
    .figma-make-app-root [data-screen-label="Практика"] > div > div:last-child{padding:5px !important}
    .figma-make-app-root [data-screen-label="Практика"] > div > div:last-child > div{min-width:0 !important}
    .figma-make-app-root [data-cta3="belt"]{grid-template-columns:1fr !important}
    /* Карточки-термины (Проект/Фаза/Ворота + Миссия/Видение/Цель/Контрольное событие/Инициатива): ряд → колонка, плитка-иконка по центру сверху, текст на всю ширину */
    .figma-make-app-root [style*="gap: 18px"][style*="align-items: stretch"]{flex-direction:column !important;align-items:stretch !important}
    .figma-make-app-root [style*="width: 96px"][style*="height: 96px"]{margin-left:auto !important;margin-right:auto !important}
    /* Аккордеон ключевых терминов: раскрытая строка (иконка 84px + текст) → иконка по центру сверху, текст на всю ширину */
    .figma-make-app-root [style*="gap: 18px"][style*="align-items: flex-start"]{flex-direction:column !important;align-items:stretch !important}
    .figma-make-app-root [style*="width: 84px"][style*="height: 84px"]{margin-left:auto !important;margin-right:auto !important}
    /* Изобр.2 — внешняя рамка фигуры отдаёт ширину вложенной композиции: боковой padding 5px */
    .figma-make-app-root [data-screen-label="Изобр.2"] > div{padding-left:5px !important;padding-right:5px !important}
    /* Изобр.2 — ромб сохраняет натуральную ширину и прокручивается внутри рамки */
    .figma-make-app-root [data-diamondwrap]{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .figma-make-app-root [data-diamondinner]{min-width:520px}
    .figma-make-app-root [data-diamondhint]{display:block !important}
    /* Callout'ы с левой цветной полосой («Частая ошибка» и однотипные): левый padding 5px, полоса 4px остаётся */
    .figma-make-app-root [style*="border-left: 4px solid"][style*="border-radius: 0px 12px 12px 0px"]{padding-left:5px !important}
    /* Изобр.3b — лесенка вопросов: картинка уходит наверх по центру, карточки на всю ширину */
    .figma-make-app-root [data-qbody]{flex-direction:column !important;gap:14px !important}
    .figma-make-app-root [data-qicon]{width:132px !important}
  }

/* ---- article \3c style> block 2 ---- */

      @media (max-width:599px){
        .figma-make-app-root [data-strip="phase-idea"]{overflow-x:auto !important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap !important;justify-content:flex-start !important}
        .figma-make-app-root [data-strip="phase-idea"] > div{flex-shrink:0 !important}
        .figma-make-app-root [data-strip="phase-idea"] > div:nth-child(even){flex-basis:auto !important;min-width:60px !important}
        .figma-make-app-root [data-screen-label="Полоса-фаза-Идея"] [data-m="scrollhint"]{display:block !important;font-size:11px;color:#8a97a8;text-align:center;padding:6px 0 0}
      }
    
/* ===== s117 mobile laws, s121 re-anchored: the DC runtime re-serializes style
   attributes during hydration, so hooks are build-injected data attributes. Only the
   rules whose hook exists on this page are shipped (Hub-s288-CC). ===== */
@media (max-width: 599px){
  /* core-term icon cards: icon stacks above text, centered */
  .figma-make-app-root .figma-make-app-root div:has(> [data-m96]){flex-direction:column !important;align-items:stretch !important}
  .figma-make-app-root .figma-make-app-root [data-m96]{margin:auto !important}
  /* Key-Terms accordion reveal rows: icon above definition, centered */
  .figma-make-app-root .figma-make-app-root [data-macc]{flex-direction:column !important}
  .figma-make-app-root .figma-make-app-root [data-macc] > [data-m84]{margin:auto !important}
  /* Изобр.2: figure frame yields width to the nested composition */
  .figma-make-app-root .figma-make-app-root [data-screen-label="Изобр.2"] > div:first-child{padding:5px !important}
  /* left-accent callouts: left padding collapses to 5px */
  .figma-make-app-root .figma-make-app-root [data-mcal]{padding-left:5px !important}
  /* Практика step cards yield width */
  .figma-make-app-root .figma-make-app-root [data-screen-label="Практика"] > div > div:last-child{padding:5px !important}
}