/* ══════════════════════════════════════════════════════════════════════════
   Frankenplatz — виджеты внутри статьи (калькулятор .pc).

   Собрано из site/market-blocks.css, где эти правила были написаны как
   ".kit .pc…" — под старую обёртку страницы. В новой статье обёртки .kit нет,
   поэтому селекторы перевешены на .fpa. Подключается только теми статьями,
   где виджет реально стоит.

   Не править руками: пересобирается из market-blocks.css.
   ══════════════════════════════════════════════════════════════════════════ */

.fpa .pc { margin-top: 30px; border: 1px solid var(--line); border-radius: 22px; background: var(--glass); padding: clamp(22px, 3vw, 32px); }
.fpa .pc__grid { display: grid; gap: 18px 26px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.fpa .pc__f { display: grid; gap: 8px; }
.fpa .pc__k { font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted-2); }
.fpa .pc__f select, .fpa .pc__f input[type="text"] { width: 100%; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(255, 255, 255, 0.05); color: rgb(255, 255, 255); font-family: var(--font-body); font-size: 16px; font-weight: 600; }
.fpa .pc__f select:focus, .fpa .pc__f input:focus { outline: 0px; border-color: var(--gold); }
.fpa .pc__f input[type="range"] { width: 100%; accent-color: rgb(230, 180, 80); height: 26px; }
.fpa .pc__v { font-variant-numeric: tabular-nums; color: rgb(255, 255, 255); font-weight: 700; }
.fpa .pc__out { list-style: none; margin: 26px 0px 0px; padding: 0px; display: grid; gap: 10px; }
.fpa .pc-row { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 18px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255, 255, 255, 0.03); }
.fpa .pc-row--best { border-color: rgba(230, 180, 80, 0.5); background: linear-gradient(120deg, rgba(230, 180, 80, 0.12), rgba(185, 139, 255, 0.06)); }
.fpa .pc-row__n { font-family: var(--font-display); font-weight: 700; font-size: 16px; color: rgb(255, 255, 255); display: grid; gap: 3px; }
.fpa .pc-row__n b { font-family: var(--font-body); font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); }
.fpa .pc-row__n i { font-style: normal; font-family: var(--font-body); font-size: 14px; font-weight: 400; color: var(--muted-2); max-width: 52ch; }
.fpa .pc-row__v { font-family: var(--font-display); font-weight: 800; font-size: 20px; color: var(--gold-bright); text-align: right; font-variant-numeric: tabular-nums; display: grid; gap: 2px; }
.fpa .pc-row__v i { font-style: normal; font-family: var(--font-body); font-size: 14px; font-weight: 400; color: var(--muted-2); }
.fpa .pc__foot { margin: 16px 0px 0px; font-size: 14px; line-height: 1.55; color: var(--muted-2); }

/* ── гасим общую разметку списков статьи внутри виджета ─────────────────── */
.fpa__body .pc__out{ padding:0; margin:26px 0 0; list-style:none; max-width:none; }
.fpa__body .pc__out > li{ position:static; padding-left:0; }
.fpa__body .pc__out > li + li{ margin-top:0; }
.fpa__body .pc__out > li::before{ content:none; display:none; }
.fpa__body .pc{ max-width:none; }
.fpa__body .pc__foot{ max-width:none; }

/* отбивка сверху — как у любого блока статьи, а не собственный margin виджета */
.fpa__body .pc{ margin-top: var(--fpa-flow); }