@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. */


/* 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: #ddeaff;
  --p-green-light: #d5e8d4;
  --p-red-light: #f8cecc;
  --p-yellow-light: #fff2cc;
  --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: 217 100% 93%;
  --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: 45 100% 90%;
  --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);
}

/* ---- article <style> block ---- */

  @keyframes accReveal { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }
  .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 a{ color:var(--p-blue); text-decoration:underline; text-underline-offset:2px }
  .figma-make-app-root a:hover{ color:var(--p-darkblue) }
  .figma-make-app-root [data-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1) }
  .figma-make-app-root [data-reveal].rv-in{ opacity:1; transform:none }
  /* Карточки терминов: вход по приказу — карточка одним блоком (снизу вверх 12px, .4с, без стаггера) → иконка spring-pop +.25с → полоса вывода последней. Бесконечных анимаций нет. */
  .figma-make-app-root .concept-card[data-reveal]{ opacity:0; transform:translateY(12px); transition:opacity .4s cubic-bezier(.22,1,.36,1), transform .4s cubic-bezier(.22,1,.36,1) }
  .figma-make-app-root .concept-card[data-reveal].rv-in{ opacity:1; transform:none }
  .figma-make-app-root .concept-card > div:nth-of-type(2) svg{ transform:scale(0); transform-origin:center }
  .figma-make-app-root .concept-card.rv-in > div:nth-of-type(2) svg{ transform:scale(1); transition:transform .45s cubic-bezier(.34,1.56,.64,1) .25s }
  .figma-make-app-root .concept-card > div:nth-of-type(3) > div:last-child{ opacity:0 }
  .figma-make-app-root .concept-card.rv-in > div:nth-of-type(3) > div:last-child{ opacity:1; transition:opacity .35s ease .55s }
  .figma-make-app-root .tri-scroll{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch }
  .figma-make-app-root .tri-schema{ display:block; width:100%; min-width:640px; height:auto; font-family:'Montserrat',sans-serif }
  .figma-make-app-root .tri-schema text{ fill:var(--p-darkblue) }
  .figma-make-app-root .tri-schema .chassis{ stroke-dasharray:1; stroke-dashoffset:1 }
  .figma-make-app-root .tri-schema.play .chassis{ stroke-dashoffset:0; transition:stroke-dashoffset .5s ease }
  .figma-make-app-root .tri-schema .node{ opacity:0; transform:translateY(16px) }
  .figma-make-app-root .tri-schema.play .node{ opacity:1; transform:translateY(0); transition:opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1) }
  .figma-make-app-root .tri-schema .edge{ stroke-dasharray:1; stroke-dashoffset:1 }
  .figma-make-app-root .tri-schema.play .edge{ stroke-dashoffset:0; transition:stroke-dashoffset .6s ease }
  .figma-make-app-root .tri-schema .elabel{ opacity:0 }
  .figma-make-app-root .tri-schema.play .elabel{ opacity:1; transition:opacity .4s ease }
  .figma-make-app-root .tri-schema .dclip-rect{ transform:scaleX(0); transform-origin:100% 0; transform-box:fill-box }
  .figma-make-app-root .tri-schema.play .dclip-rect{ transform:scaleX(1); transition:transform .6s ease }
  .figma-make-app-root .tri-hint{ display:none; font-size:12.5px; color:var(--p-gray); text-align:center; margin:2px 0 0; font-style:italic }
  @media (max-width:599px){ .figma-make-app-root .tri-hint{ display:block } }
  @keyframes fadeUp16 { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
  @keyframes p1draw { from{stroke-dashoffset:1} to{stroke-dashoffset:0} }
  @keyframes p1fade { from{opacity:0} to{opacity:1} }
  @keyframes popIn90Up { from{opacity:0;transform:translateY(16px) scale(.9)} to{opacity:1;transform:none} }
  @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)} }
  .figma-make-app-root [data-recwrap], .figma-make-app-root [data-recrow]{ opacity:0 }
  /* Изобр.7 — реестр показателей: вход по приказу — контейнер → шапка колонок → строки (стаггер .05с) → подвал (разворот слева направо). Бесконечных анимаций нет. */
  @keyframes unfoldLR { from{opacity:0;clip-path:inset(0 100% 0 0)} to{opacity:1;clip-path:inset(0 0 0 0)} }
  .figma-make-app-root [data-reghead], .figma-make-app-root [data-regrow], .figma-make-app-root [data-regfoot]{ opacity:0 }
  .figma-make-app-root [data-regrow]{ transition:opacity .18s ease }
  .figma-make-app-root [data-regwrap].rv-in [data-reghead]{ opacity:1; animation:fadeUp16 .4s cubic-bezier(.22,1,.36,1) .25s backwards }
  .figma-make-app-root [data-regwrap].rv-in [data-regrow]{ opacity:1; animation:fadeUp16 .4s cubic-bezier(.22,1,.36,1) var(--rd,.4s) backwards }
  .figma-make-app-root [data-regwrap].rv-in [data-regfoot]{ opacity:1; animation:unfoldLR .5s cubic-bezier(.22,1,.36,1) .85s backwards }
  .figma-make-app-root [data-regtable]:hover [data-regrow]:not(:hover){ opacity:.85 }
  .figma-make-app-root .reg-hint{ display:none; font-size:12.5px; color:var(--p-gray); text-align:center; margin:2px 0 0; font-style:italic }
  @media (max-width:599px){ .figma-make-app-root .reg-hint{ display:block } }
  .figma-make-app-root .cash-svg{ display:block; width:100%; height:auto; font-family:'Montserrat',sans-serif; overflow:visible }
  .figma-make-app-root .cash-svg text{ fill:var(--p-darkblue) }
  .figma-make-app-root .cash-svg .axis{ stroke-dasharray:1; stroke-dashoffset:1 }
  .figma-make-app-root .cash-svg.play .axis{ stroke-dashoffset:0; transition:stroke-dashoffset .55s ease }
  .figma-make-app-root .cash-svg .arrow, .figma-make-app-root .cash-svg .tick, .figma-make-app-root .cash-svg .plab, .figma-make-app-root .cash-svg .zero, .figma-make-app-root .cash-svg .zlab, .figma-make-app-root .cash-svg .atitle{ opacity:0 }
  .figma-make-app-root .cash-svg.play .arrow{ opacity:1; transition:opacity .3s ease .5s }
  .figma-make-app-root .cash-svg.play .zero{ opacity:1; transition:opacity .4s ease .55s }
  .figma-make-app-root .cash-svg.play .zlab{ opacity:1; transition:opacity .4s ease .6s }
  .figma-make-app-root .cash-svg.play .tick{ opacity:1; transition:opacity .35s ease var(--td,.6s) }
  .figma-make-app-root .cash-svg.play .plab{ opacity:1; transition:opacity .35s ease var(--td,.65s) }
  .figma-make-app-root .cash-svg.play .atitle{ opacity:1; transition:opacity .4s ease .7s }
  .figma-make-app-root .cash-svg .bline{ stroke-dasharray:1; stroke-dashoffset:1 }
  .figma-make-app-root .cash-svg.play .bline{ stroke-dashoffset:0; transition:stroke-dashoffset .75s ease 1s }
  .figma-make-app-root .cash-svg .bpt{ opacity:0 }
  .figma-make-app-root .cash-svg.play .bpt{ opacity:1; transition:opacity .3s ease var(--td,1.2s) }
  .figma-make-app-root .cash-svg .xzero{ opacity:0 }
  .figma-make-app-root .cash-svg.play .xzero{ opacity:1; transition:opacity .4s ease 1.75s }
  .figma-make-app-root .cash-svg .xpin{ transform:scale(0); transform-origin:center; transform-box:fill-box }
  .figma-make-app-root .cash-svg.play .xpin{ transform:scale(1); transition:transform .5s cubic-bezier(.34,1.56,.64,1) 1.75s }
  .figma-make-app-root .cash-svg .bands{ opacity:0 }
  .figma-make-app-root .cash-svg.play .bands{ opacity:1; transition:opacity .45s ease 1.95s }
  /* Изобр.5 — парный показатель: оба блока одним битом, связка после них, иконки spring-pop */
  .figma-make-app-root #twonum .tn-card{ opacity:0; transform:translateY(16px) }
  .figma-make-app-root #twonum.play .tn-card{ opacity:1; transform:none; transition:opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1) }
  .figma-make-app-root #twonum .tn-ico{ transform:scale(0); transform-origin:center }
  .figma-make-app-root #twonum.play .tn-ico{ transform:scale(1); transition:transform .45s cubic-bezier(.34,1.56,.64,1) .25s }
  .figma-make-app-root #twonum .tn-link{ opacity:0 }
  .figma-make-app-root #twonum.play .tn-link{ opacity:1; transition:opacity .4s ease .6s }
  .figma-make-app-root #twonum .tn-fill{ stroke-dasharray:1; stroke-dashoffset:1 }
  .figma-make-app-root #twonum.play .tn-fill{ stroke-dashoffset:0; transition:stroke-dashoffset .5s ease .65s }
  .figma-make-app-root #twonum .tn-head{ opacity:0 }
  .figma-make-app-root #twonum.play .tn-head{ opacity:1; transition:opacity .3s ease 1.1s }
  @media (max-width:599px){ .figma-make-app-root #twonum .tn-track{ transform:rotate(90deg); margin:38px 0 } }
  /* Изобр.6 — балансовое тождество: члены въезжают по порядку слева (−20px), результат — spring-pop последним. Бесконечных анимаций нет. */
  @keyframes balSlideL { from{opacity:0;transform:translateX(-20px)} to{opacity:1;transform:translateX(0)} }
  @keyframes balPop { from{opacity:0;transform:scale(.7)} to{opacity:1;transform:scale(1)} }
  .figma-make-app-root #bal .bal-in{ opacity:0 }
  .figma-make-app-root #bal.play .bal-in{ animation:balSlideL .45s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--d,0s) }
  .figma-make-app-root #bal .bal-res{ opacity:0 }
  .figma-make-app-root #bal.play .bal-res{ animation:balPop .5s cubic-bezier(.34,1.56,.64,1) both; animation-delay:var(--d,0s) }
  /* Изобр.8 — безубыточность как счёт: входы приглушённо → соединители прорисовываются (каждый после обоих концов) → выходы spring-pop последними. Бесконечных анимаций нет. */
  .figma-make-app-root #brk .brk-in, .figma-make-app-root #brk .brk-hub, .figma-make-app-root #brk .brk-out, .figma-make-app-root #brk .brk-head{ opacity:0 }
  .figma-make-app-root #brk .brk-path{ stroke-dasharray:1; stroke-dashoffset:1 }
  .figma-make-app-root #brk.play .brk-in{ animation:fadeUp16 .5s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--d,0s) }
  .figma-make-app-root #brk.play .brk-hub{ animation:fadeUp16 .5s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--d,0s) }
  .figma-make-app-root #brk.play .brk-out{ animation:balPop .55s cubic-bezier(.34,1.56,.64,1) both; animation-delay:var(--d,0s) }
  .figma-make-app-root #brk.play .brk-path{ animation:p1draw .45s ease both; animation-delay:var(--d,0s) }
  .figma-make-app-root #brk.play .brk-head{ animation:p1fade .25s ease both; animation-delay:var(--d,0s) }
  /* Изобр.9 — след одного допущения: шасси → блок допущения снизу вверх → сплошные стрелки к строкам (каждая после обоих концов) → сценарии → ПУНКТИРНАЯ обратная стрелка с подписью последней. Бесконечных анимаций нет. */
  .figma-make-app-root #a9 .a9-cap, .figma-make-app-root #a9 .a9-asm, .figma-make-app-root #a9 .a9-row, .figma-make-app-root #a9 .a9-sc, .figma-make-app-root #a9 .a9-head, .figma-make-app-root #a9 .a9-back, .figma-make-app-root #a9 .a9-backhead, .figma-make-app-root #a9 .a9-backlab{ opacity:0 }
  .figma-make-app-root #a9 .a9-chassis, .figma-make-app-root #a9 .a9-fwd{ stroke-dasharray:1; stroke-dashoffset:1 }
  .figma-make-app-root #a9 .a9-row{ transition:opacity .2s ease }
  .figma-make-app-root #a9 .a9-sc > span:last-child{ white-space:nowrap }
  .figma-make-app-root #a9.play .a9-chassis{ animation:p1draw .5s ease both }
  .figma-make-app-root #a9.play .a9-cap{ animation:p1fade .4s ease both; animation-delay:.42s }
  .figma-make-app-root #a9.play .a9-asm{ animation:fadeUp16 .5s cubic-bezier(.22,1,.36,1) both; animation-delay:.5s }
  .figma-make-app-root #a9.play .a9-row{ animation:fadeUp16 .45s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--d,0s) }
  .figma-make-app-root #a9.play .a9-sc{ animation:fadeUp16 .45s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--d,0s) }
  .figma-make-app-root #a9.play .a9-fwd{ animation:p1draw .4s ease both; animation-delay:var(--d,0s) }
  .figma-make-app-root #a9.play .a9-head{ animation:p1fade .2s ease both; animation-delay:var(--d,0s) }
  .figma-make-app-root #a9.play .a9-back{ animation:p1fade .5s ease both; animation-delay:2.9s }
  .figma-make-app-root #a9.play .a9-backhead{ animation:p1fade .25s ease both; animation-delay:3.15s }
  .figma-make-app-root #a9.play .a9-backlab{ animation:p1fade .45s ease both; animation-delay:3s }
  .figma-make-app-root #a9:has(.a9-row:hover) .a9-row{ opacity:.85 !important }
  .figma-make-app-root #a9 .a9-row:hover{ opacity:1 !important }
  /* Изобр.10 — рамка приходит раньше расчёта: обе плашки одним битом (0→1, .95→1, .4с, равный вес), затем маркер асимметрии spring-pop после обеих. Бесконечных анимаций нет. */
  @keyframes a10in{ from{opacity:0;transform:scale(.95)} to{opacity:1;transform:none} }
  .figma-make-app-root #a10 .a10-plq{ opacity:0; transform:scale(.95) }
  .figma-make-app-root #a10 .a10-mark{ opacity:0; transform:scale(.7) }
  .figma-make-app-root #a10.play .a10-plq{ animation:a10in .4s ease both }
  .figma-make-app-root #a10.play .a10-mark{ animation:balPop .5s cubic-bezier(.34,1.56,.64,1) both; animation-delay:.45s }
  .figma-make-app-root .intro-strip .ph, .figma-make-app-root .intro-strip .gt{ opacity:0 }
  .figma-make-app-root .intro-strip.play .ph{ animation:stripSlideIn .5s cubic-bezier(.22,1,.36,1) both }
  .figma-make-app-root .intro-strip.play .gt{ animation:gatePop .45s cubic-bezier(.34,1.56,.64,1) both }
  .figma-make-app-root .intro-hint{ display:none; font-size:11px; color:#8a97a8; text-align:center; padding:6px 0 0 }
  .figma-make-app-root .finhere-hint{ display:none; font-size:11px; color:#8a97a8; text-align:center; padding:6px 0 0 }
  /* Изобр.12 — где вы сейчас (фаза «Оценка») + строки готовности: полоса масштабируется как единое целое (без скролла), плашка «вы здесь» — под цепочкой слева. Фазы въезжают L→R (−20px, стаггер .15с) → ворота spring-pop (−15°→0) → плашка pop после полосы → 7 строк стаггер .06с → галочки pop +.25с. Без бесконечных анимаций. */
  .figma-make-app-root .finhere-band{ overflow:hidden }
  .figma-make-app-root .finhere-scaler{ width:838px; transform-origin:top left }
  .figma-make-app-root .finhere-strip{ position:relative; width:838px }
  .figma-make-app-root .fh-here{ display:flex; flex-direction:column; align-items:center; gap:3px; width:max-content; margin:8px 0 0; transform:translateX(268px) translateX(-50%) }
  .figma-make-app-root .fh-arrow{ opacity:0 }
  .figma-make-app-root .finhere-strip.play + .fh-here .fh-arrow{ animation:popIn90Up .5s cubic-bezier(.34,1.56,.64,1) both; animation-delay:1.4s }
  .figma-make-app-root .fh-badge{ opacity:0; transform:scale(.9) }
  .figma-make-app-root .finhere-strip.play + .fh-here .fh-badge{ animation:popIn90Up .5s cubic-bezier(.34,1.56,.64,1) both; animation-delay:1.45s }
  .figma-make-app-root .finhere-ready .fh-row{ opacity:0 }
  .figma-make-app-root .finhere-ready.play .fh-row{ animation:fadeUp16 .45s cubic-bezier(.22,1,.36,1) both; animation-delay:var(--rd,0s) }
  .figma-make-app-root .finhere-ready .fh-tick{ stroke-dasharray:1; stroke-dashoffset:1 }
  .figma-make-app-root .finhere-ready.play .fh-tick{ animation:p1draw .3s ease both; animation-delay:var(--cd,0s) }
  @media (max-width:1023px){ .figma-make-app-root .finhere-strip{ overflow:visible !important } }
  @media (max-width:1023px){ .figma-make-app-root .intro-strip{ overflow-x:auto; -webkit-overflow-scrolling:touch } .figma-make-app-root .intro-strip > div{ flex-shrink:0 } .figma-make-app-root .intro-hint{ display:block } }
  @media (prefers-reduced-motion: reduce){ .figma-make-app-root [data-reveal]{opacity:1 !important;transform:none !important} .figma-make-app-root *{animation:none !important;transition:none !important} .figma-make-app-root .intro-strip .ph, .figma-make-app-root .intro-strip .gt{opacity:1 !important} .figma-make-app-root [data-p1node], .figma-make-app-root [data-p1here]{opacity:1 !important;transform:none !important} .figma-make-app-root [data-p1d], .figma-make-app-root [data-p1y]{stroke-dashoffset:0 !important;opacity:1 !important} .figma-make-app-root [data-recwrap], .figma-make-app-root [data-recrow]{opacity:1 !important} .figma-make-app-root [data-regwrap], .figma-make-app-root [data-reghead], .figma-make-app-root [data-regrow], .figma-make-app-root [data-regfoot]{opacity:1 !important;clip-path:none !important} .figma-make-app-root .cash-svg .axis, .figma-make-app-root .cash-svg .bline{stroke-dashoffset:0 !important} .figma-make-app-root .cash-svg .arrow, .figma-make-app-root .cash-svg .tick, .figma-make-app-root .cash-svg .plab, .figma-make-app-root .cash-svg .zero, .figma-make-app-root .cash-svg .zlab, .figma-make-app-root .cash-svg .atitle, .figma-make-app-root .cash-svg .bpt, .figma-make-app-root .cash-svg .xzero, .figma-make-app-root .cash-svg .bands{opacity:1 !important} .figma-make-app-root .cash-svg .xpin{transform:none !important} .figma-make-app-root #bal .bal-in, .figma-make-app-root #bal .bal-res{opacity:1 !important;transform:none !important} .figma-make-app-root #brk .brk-in, .figma-make-app-root #brk .brk-hub, .figma-make-app-root #brk .brk-out, .figma-make-app-root #brk .brk-head{opacity:1 !important;transform:none !important} .figma-make-app-root #brk .brk-path{stroke-dashoffset:0 !important} .figma-make-app-root #a9 .a9-cap, .figma-make-app-root #a9 .a9-asm, .figma-make-app-root #a9 .a9-row, .figma-make-app-root #a9 .a9-sc, .figma-make-app-root #a9 .a9-head, .figma-make-app-root #a9 .a9-back, .figma-make-app-root #a9 .a9-backhead, .figma-make-app-root #a9 .a9-backlab{opacity:1 !important} .figma-make-app-root #a9 .a9-chassis, .figma-make-app-root #a9 .a9-fwd{stroke-dashoffset:0 !important} .figma-make-app-root #a10 .a10-plq, .figma-make-app-root #a10 .a10-mark{opacity:1 !important;transform:none !important} .figma-make-app-root .fh-badge{opacity:1 !important;transform:none !important} .figma-make-app-root .finhere-ready .fh-row{opacity:1 !important} .figma-make-app-root .finhere-ready .fh-check{transform:none !important} .figma-make-app-root .concept-card > div:nth-of-type(2) svg{transform:none !important} .figma-make-app-root .concept-card > div:nth-of-type(3) > div:last-child{opacity:1 !important} }
  /* Микро-блоки теоретических разделов: входы по приказу, финальное состояние стабильно, бесконечных анимаций нет */
  @keyframes mPop95{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
  @keyframes mSlideR16{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
  @keyframes mRise16{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes mSpring{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
  .figma-make-app-root #m3 .m3-card{opacity:0}
  .figma-make-app-root #m3.play .m3-card{animation:mPop95 .4s cubic-bezier(.22,1,.36,1) both}
  .figma-make-app-root #m7 .m7-cell{opacity:0}
  .figma-make-app-root #m7.play .m7-cell{animation:mSlideR16 .45s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d,0s)}
  .figma-make-app-root #m8 .m8-struct{opacity:0}
  .figma-make-app-root #m8.play .m8-struct{animation:mPop95 .45s cubic-bezier(.22,1,.36,1) both}
  .figma-make-app-root #m8 .m8-mark{opacity:0}
  .figma-make-app-root #m8.play .m8-mark{animation:mSpring .5s cubic-bezier(.34,1.56,.64,1) .55s both}
  .figma-make-app-root #m9 .m9-card{opacity:0}
  .figma-make-app-root #m9.play .m9-card{animation:mRise16 .45s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d,0s)}
  .figma-make-app-root #concl-cards .cc-card{opacity:0}
  .figma-make-app-root #concl-cards.play .cc-card{animation:mPop95 .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d,0s)}
  @media (prefers-reduced-motion: reduce){ .figma-make-app-root #m3 .m3-card, .figma-make-app-root #m7 .m7-cell, .figma-make-app-root #m8 .m8-struct, .figma-make-app-root #m8 .m8-mark, .figma-make-app-root #m9 .m9-card, .figma-make-app-root #concl-cards .cc-card{opacity:1 !important} }
  @media (max-width: 1023px){ .figma-make-app-root figure img{max-width:100%;height:auto} .figma-make-app-root [data-watermark]{display:none !important} .figma-make-app-root section, .figma-make-app-root figure > div{max-width:100%} .figma-make-app-root #m7{grid-template-columns:repeat(2,minmax(0,1fr)) !important} .figma-make-app-root [data-micro]{max-width:100%} }
  @media (max-width: 599px){
    .figma-make-app-root [style*="align-items: flex-start"][style*="gap: 18px"]{flex-direction:column !important;align-items:stretch !important}
    .figma-make-app-root [style*="align-items: stretch"][style*="gap: 18px"]{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}
    .figma-make-app-root [style*="width: 96px"][style*="height: 96px"]{margin-left:auto !important;margin-right:auto !important}
    .figma-make-app-root [data-recgrid]{grid-template-columns:1fr !important}
    .figma-make-app-root #m7{grid-template-columns:1fr !important}
    .figma-make-app-root [data-recrow]{grid-template-columns:20px 1fr !important;row-gap:6px !important}
    .figma-make-app-root [data-recrow] > div:last-child{grid-column:1 / -1 !important;justify-self:stretch !important;align-items:flex-start !important;margin-left:29px}
    .figma-make-app-root #twonum .tn-row{flex-direction:column !important}
    .figma-make-app-root #twonum .tn-link{width:100% !important;padding:10px 0 !important;gap:12px !important}
    .figma-make-app-root #a10{flex-direction:column !important}
    .figma-make-app-root #a10 .a10-mark{flex:0 0 auto !important;height:auto !important;width:auto !important;padding:14px 0 !important}
    .figma-make-app-root #a10 .a10-seam{top:37px !important;bottom:auto !important;left:10px !important;right:10px !important;width:auto !important;height:2px !important;transform:none !important;background:repeating-linear-gradient(to right,var(--p-purple) 0 5px,transparent 5px 10px) !important}
    .figma-make-app-root .fh-here{display:none !important}
  }
  /* Раздел 13 — Тейлоринг: панель профиля + сетка 11 карточек. Бесконечных анимаций нет. */
  @keyframes tlrPop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
  .figma-make-app-root #tlr{margin:0}
  .figma-make-app-root .tlr-panel{position:sticky;top:72px;z-index:5;background:#fff;border:2px solid var(--p-darkblue);border-radius:16px;padding:14px 16px}
  .figma-make-app-root .tlr-full{display:flex;flex-direction:column;gap:13px}
  .figma-make-app-root .tlr-phead{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .figma-make-app-root .tlr-ptitle{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;color:var(--p-darkblue);margin:0}
  .figma-make-app-root .tlr-reset{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;color:var(--p-darkblue);background:#fff;border:1.5px solid var(--p-darkblue);border-radius:999px;padding:6px 13px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
  .figma-make-app-root .tlr-reset:hover{transform:scale(1.06)}
  .figma-make-app-root .tlr-reset:active{transform:scale(.97)}
  .figma-make-app-root .tlr-row{display:flex;flex-direction:column;gap:8px}
  .figma-make-app-root .tlr-glabel{font-family:'Montserrat',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--p-gray)}
  .figma-make-app-root .tlr-chips{display:flex;flex-wrap:wrap;gap:6px}
  .figma-make-app-root .tlr-chip{font-family:'Open Sans',sans-serif;font-size:13px;line-height:1.2;font-weight:600;border:1.5px solid var(--p-darkblue);background:#fff;color:var(--p-darkblue);border-radius:999px;padding:7px 14px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s ease,color .2s ease}
  .figma-make-app-root .tlr-chip:hover{transform:scale(1.06)}
  .figma-make-app-root .tlr-chip:active{transform:scale(.97)}
  .figma-make-app-root .tlr-chip[aria-pressed="true"]{background:var(--p-darkblue);color:#fff}
  .figma-make-app-root .tlr-compact{display:none;align-items:center;gap:10px}
  .figma-make-app-root .tlr-panel.collapsed .tlr-full{display:none}
  .figma-make-app-root .tlr-panel.collapsed .tlr-compact{display:flex}
  .figma-make-app-root .tlr-compact-pills{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
  .figma-make-app-root .tlr-cpill{font-family:'Open Sans',sans-serif;font-size:11.5px;line-height:1.2;color:var(--p-gray);background:var(--p-gray-light);border:1px solid var(--p-darkblue-light);border-radius:999px;padding:4px 10px;white-space:nowrap}
  .figma-make-app-root .tlr-cpill b{color:var(--p-darkblue);font-weight:700}
  .figma-make-app-root .tlr-expand{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;color:var(--p-darkblue);background:var(--p-darkblue-light);border:1.5px solid var(--p-darkblue);border-radius:999px;padding:6px 12px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
  .figma-make-app-root .tlr-expand:hover{transform:scale(1.06)}
  .figma-make-app-root .tlr-expand:active{transform:scale(.97)}
  .figma-make-app-root .tlr-badge{display:flex;align-items:flex-start;gap:10px;background:var(--p-darkblue-light);border:2px solid var(--p-darkblue);border-radius:12px;padding:11px 14px;font-size:13.5px;line-height:1.5;color:var(--p-darkblue);font-weight:600}
  .figma-make-app-root .tlr-toolgroup{position:relative;z-index:1;border:2px solid var(--p-darkblue-light);background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}
  .figma-make-app-root .tlr-toolhead{display:flex;align-items:flex-start;gap:13px}
  .figma-make-app-root .tlr-toolico{flex:0 0 auto;width:44px;height:44px;border-radius:999px;background:var(--p-green-light);border:2px solid var(--p-green);display:flex;align-items:center;justify-content:center;color:var(--p-green)}
  .figma-make-app-root .tlr-tooltext{display:flex;flex-direction:column;gap:4px;min-width:0}
  .figma-make-app-root .tlr-toolttl{font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;line-height:1.25;color:var(--p-darkblue)}
  .figma-make-app-root .tlr-toolnote{font-size:13px;line-height:1.5;color:#556}
  .figma-make-app-root .tlr-summary{font-family:'Montserrat',sans-serif;font-size:14.5px;font-weight:700;color:var(--p-darkblue);line-height:1.5}
  .figma-make-app-root .tlr-summary .tlr-need{color:var(--p-green)}
  .figma-make-app-root .tlr-summary .tlr-opt{color:var(--p-blue)}
  .figma-make-app-root .tlr-summary .tlr-na{color:var(--p-red)}
  .figma-make-app-root .tlr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:11px}
  .figma-make-app-root .tlr-card{position:relative;display:flex;flex-direction:column;gap:9px;border:2px solid rgba(35,68,93,.12);background:#fff;border-radius:12px;padding:12px;transition:transform .25s ease,border-color .25s ease;z-index:1}
  .figma-make-app-root .tlr-card:hover{transform:translateY(-4px)}
  .figma-make-app-root .tlr-card.open{z-index:6;border-color:var(--p-green)}
  .figma-make-app-root .tlr-card.is-opt.open{border-color:var(--p-blue)}
  .figma-make-app-root .tlr-info{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid rgba(35,68,93,.35);background:#fff;color:var(--p-darkblue);cursor:pointer;padding:0;z-index:7;transition:background .2s ease}
  .figma-make-app-root .tlr-info:hover{background:var(--p-darkblue-light)}
  .figma-make-app-root .tlr-chead{display:flex;align-items:center;gap:9px}
  .figma-make-app-root .tlr-ico{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid var(--p-green);background:var(--p-green-light);color:var(--p-green);transition:background .3s ease,border-color .3s ease,color .3s ease}
  .figma-make-app-root .tlr-card.is-opt .tlr-ico{border-color:var(--p-blue);background:var(--p-blue-light);color:var(--p-blue)}
  .figma-make-app-root .tlr-ico svg{width:17px;height:17px}
  .figma-make-app-root .tlr-ttl{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13.5px;line-height:1.2;color:var(--p-darkblue);padding-right:22px}
  .figma-make-app-root .tlr-statrow{display:flex;align-items:center;gap:7px}
  .figma-make-app-root .tlr-dot{flex:0 0 auto;width:10px;height:10px;border-radius:999px;background:var(--p-green);transition:background .3s ease}
  .figma-make-app-root .tlr-card.is-opt .tlr-dot{background:var(--p-blue)}
  .figma-make-app-root .tlr-state{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;color:var(--p-green);transition:color .3s ease}
  .figma-make-app-root .tlr-card.is-opt .tlr-state{color:var(--p-blue)}
  .figma-make-app-root .tlr-pop{display:none;position:absolute;left:0;top:calc(100% + 8px);width:max-content;min-width:100%;max-width:340px;background:#fff;border:2px solid var(--p-darkblue);border-radius:10px;padding:12px;flex-direction:column;gap:8px;box-shadow:0 10px 28px rgba(35,68,93,.22);z-index:40;animation:tailPop .28s cubic-bezier(.34,1.56,.64,1) both}
  .figma-make-app-root .tlr-card.open .tlr-pop{display:flex}
  .figma-make-app-root .tlr-pop.up{top:auto;bottom:calc(100% + 8px)}
  .figma-make-app-root .tlr-pop.right-anchor{left:auto;right:0}
  .figma-make-app-root .tlr-pophead{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12.5px;line-height:1.3;color:var(--p-darkblue)}
  .figma-make-app-root .tlr-fam{font-size:12.5px;line-height:1.5;color:#334155}
  .figma-make-app-root .tlr-guest{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--p-yellow);background:var(--p-yellow-light);border:1.5px solid var(--p-yellow);border-radius:8px;padding:4px 9px;line-height:1.3}
  .figma-make-app-root .tlr-frame{border:2px dashed var(--p-green);border-radius:10px;padding:9px 12px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;color:var(--p-green);text-align:center}
  .figma-make-app-root .tlr-reasons{display:flex;flex-direction:column;gap:6px}
  .figma-make-app-root .tlr-reasons:empty{display:none}
  .figma-make-app-root .tlr-reason{border-left:3px solid var(--p-green);padding-left:9px;font-size:12.5px;line-height:1.45;color:#334155}
  .figma-make-app-root .tlr-card.is-opt .tlr-reason{border-left-color:var(--p-blue)}
  .figma-make-app-root .tlr-armed .tlr-head, .figma-make-app-root .tlr-armed .tlr-intro, .figma-make-app-root .tlr-armed .tlr-panel, .figma-make-app-root .tlr-armed .tlr-badge, .figma-make-app-root .tlr-armed .tlr-toolhead, .figma-make-app-root .tlr-armed .tlr-summary, .figma-make-app-root .tlr-armed .tlr-card{opacity:0}
  @media (prefers-reduced-motion: reduce){ .figma-make-app-root .tlr-grid .tlr-reasons{opacity:1 !important} .figma-make-app-root .tlr-head, .figma-make-app-root .tlr-intro, .figma-make-app-root .tlr-panel, .figma-make-app-root .tlr-badge, .figma-make-app-root .tlr-toolhead, .figma-make-app-root .tlr-summary, .figma-make-app-root .tlr-card{opacity:1 !important;animation:none !important} }
  @media (max-width:1023px){ .figma-make-app-root .tlr-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))} }
  @media (max-width:599px){ .figma-make-app-root .tlr-panel{top:8px} .figma-make-app-root .tlr-toolgroup{padding:12px} .figma-make-app-root .tlr-grid{grid-template-columns:1fr} .figma-make-app-root .tlr-pop{max-width:none} }
  /* ===== Раздел 14 — Практика: баннер с живым инструментом. Единственная бесконечная CSS-анимация страницы — floatIcon (дрейф иконок фона); pulseBorder (кольцо кнопки) — исключение. ===== */
  @keyframes floatIcon{0%{transform:translate(0,0) rotate(0deg) scale(1)}25%{transform:translate(4px,-12px) rotate(5deg) scale(1.08)}50%{transform:translate(0,0) rotate(-5deg) scale(1)}75%{transform:translate(-4px,-8px) rotate(3deg) scale(1.05)}100%{transform:translate(0,0) rotate(0deg) scale(1)}}
  .figma-make-app-root #pr-banner .pr-deco{animation:none}
  .figma-make-app-root #pr-banner.pr-live .pr-deco{animation:floatIcon 6s ease-in-out infinite}
  .figma-make-app-root #pr-banner.pr-armed .pr-head, .figma-make-app-root #pr-banner.pr-armed .pr-inst, .figma-make-app-root #pr-banner.pr-armed .pr-title, .figma-make-app-root #pr-banner.pr-armed .pr-sub, .figma-make-app-root #pr-banner.pr-armed .pr-para, .figma-make-app-root #pr-banner.pr-armed .pr-btnwrap{opacity:0}
  .figma-make-app-root #pr-banner.pr-play .pr-head{animation:stripSlideIn .5s cubic-bezier(.22,1,.36,1) both}
  .figma-make-app-root #pr-banner.pr-play .pr-inst{animation:fadeUp16 .55s cubic-bezier(.22,1,.36,1) .25s both}
  .figma-make-app-root #pr-banner.pr-play .pr-title{animation:fadeUp16 .5s cubic-bezier(.22,1,.36,1) .15s both}
  .figma-make-app-root #pr-banner.pr-play .pr-sub{animation:fadeUp16 .5s cubic-bezier(.22,1,.36,1) .2s both}
  .figma-make-app-root #pr-banner.pr-play .pr-para{animation:fadeUp16 .5s cubic-bezier(.22,1,.36,1) .2s both}
  .figma-make-app-root #pr-banner.pr-play .pr-btnwrap{animation:fadeUp16 .5s cubic-bezier(.22,1,.36,1) .4s both}
  .figma-make-app-root .pr-num{font-variant-numeric:tabular-nums;font-family:'Montserrat',sans-serif}
  .figma-make-app-root .pr-cta-btn{transition:transform .3s ease,box-shadow .3s ease}
  .figma-make-app-root .pr-cta-btn:hover{transform:scale(1.06);box-shadow:0 8px 32px rgba(130,179,102,.5)}
  .figma-make-app-root .pr-cta-btn:active{transform:scale(.97)}
  .figma-make-app-root .pr-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--p-darkblue) var(--fill,0%),rgba(35,68,93,.16) var(--fill,0%));outline:none;cursor:pointer;margin:0}
  .figma-make-app-root .pr-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--p-darkblue);cursor:grab;box-shadow:0 2px 6px rgba(35,68,93,.32)}
  .figma-make-app-root .pr-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--p-darkblue);cursor:grab;box-shadow:0 2px 6px rgba(35,68,93,.32)}
  @media (prefers-reduced-motion: reduce){ .figma-make-app-root #pr-banner .pr-head, .figma-make-app-root #pr-banner .pr-inst, .figma-make-app-root #pr-banner .pr-title, .figma-make-app-root #pr-banner .pr-sub, .figma-make-app-root #pr-banner .pr-para, .figma-make-app-root #pr-banner .pr-btnwrap{opacity:1 !important} }
  @media (max-width:1023px){ .figma-make-app-root #pr-banner [data-watermark]{display:none !important} }
  @media (max-width:599px){ .figma-make-app-root #pr-banner .pr-deco{display:none !important} .figma-make-app-root #pr-banner .pr-reports{grid-template-columns:1fr !important} .figma-make-app-root #pr-banner .pr-flex{flex-direction:column !important} }
  /* Раздел 12 — плашки полей четырёх поверхностей. Семьи оседают очередью 1→2→3→4; внутри семьи плашки — снизу вверх (fadeUp16), стаггер 0,1с; иконка — spring-pop на 0,25с позже плашки. Бесконечных анимаций нет. */
  @keyframes ffPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
  .figma-make-app-root #fields-fig[data-armed] .ff-panel[data-ffpanel="0"] .ff-pl, .figma-make-app-root #fields-fig[data-armed] .ff-panel[data-ffpanel="0"] .ff-ic{opacity:0}
  .figma-make-app-root .ff-head{transition:filter .15s ease}
  .figma-make-app-root .ff-head:hover{filter:brightness(.97)}
  .figma-make-app-root .ff-head .ff-chev{transform:rotate(-90deg)}
  .figma-make-app-root .ff-head.ff-open .ff-chev{transform:rotate(0deg)}
  @media (prefers-reduced-motion: reduce){ .figma-make-app-root #fields-fig .ff-pl, .figma-make-app-root #fields-fig .ff-ic{opacity:1 !important} }
  @media (max-width:599px){ .figma-make-app-root #fields-fig .ff-panel{gap:6px} .figma-make-app-root #fields-fig .ff-pl{font-size:11.5px} }

/* ===== s117/s121 mobile laws (hooks present on this page only) ===== */
@media (max-width: 599px){
  .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}
  .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}
}