/* Рабочая область инструкций. Шапка и таблицы наследуют оформление главной. */
.instructions-page { --signal-blue: var(--blue); --docs-sidebar-width: 200px; }
.instructions-page ::selection { background: #e4ecfb; color: #292b30; }
.instructions-page .docs-layout { box-sizing: border-box; width: 100%; max-width: 1240px; grid-template-columns: var(--docs-sidebar-width) minmax(0, 1fr); gap: 32px; margin: 0 auto; padding: 28px 24px 32px; }
.instructions-page .docs-main { width: 100%; max-width: 960px; padding: 0; }
.instructions-page .docs-sidebar { padding: 0; }
.instructions-page .docs-nav-list { gap: 2px; }
.instructions-page .docs-nav-item { padding: 10px 12px; border-radius: 5px; color: #626773; font-size: 13px; line-height: 1.6; }
.instructions-page .docs-nav-item:hover { background: #f6f6f4; }
.instructions-page .docs-nav-item[aria-current="page"] { background: #f0f0ee; color: #292b30; font-weight: 500; }
.instructions-page .article-content { font-size: 13px; line-height: 1.6; }
.instructions-page .article-content h1 { max-width: none; margin: 0 0 14px; font: 550 28px/1.35 Onest, sans-serif; letter-spacing: -.025em; text-wrap: pretty; }
.instructions-page .article-content h2 { margin: 0 0 12px; font: 500 14px/1.6 Onest, sans-serif; letter-spacing: 0; text-wrap: pretty; }
.instructions-page [data-source-cell] { white-space: pre-line; }
.instructions-page .instruction-intro { max-width: 65ch; margin: 0 0 12px; color: #343a45; font-size: 16px; line-height: 1.65; }
.instructions-page .instruction-context { max-width: 78ch; margin: 0 0 28px; color: #626773; font-size: 13px; line-height: 1.65; }
.instruction-calculator { display: grid; gap: 8px; margin: 0 0 28px; padding-block: 20px; border-block: 1px solid #e8e9ec; scroll-margin-top: 120px; }
.instruction-calculator-dynamic { grid-template-columns: 1fr 1fr; gap: 12px 32px; }
.instruction-field { min-width: 0; }
.instruction-field label { display: block; margin-bottom: 10px; color: #343a45; font-size: 14px; font-weight: 500; line-height: 1.6; }
.instructions-page .instruction-goals .instruction-table tbody tr:first-child td { border-bottom: 1px solid #d9dee5; }
.instruction-input { box-sizing: border-box; display: flex; width: 200px; max-width: 100%; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #c7ccd4; border-radius: 6px; background: #fff; }
.instruction-input:focus-within { border-color: var(--blue); outline: 2px solid #e4ecfb; }
.instruction-input input { width: 100%; min-width: 0; border: 0; background: transparent; color: #292b30; font: 500 19px/1.4 Onest, sans-serif; font-variant-numeric: tabular-nums; caret-color: var(--blue); }
.instruction-input input:focus-visible { outline: none; }
.instruction-input:has(input[aria-invalid="true"]) { border-color: #aa2828; }
.instruction-input span { color: #626773; font-size: 14px; }
.instruction-input input:disabled { opacity: .65; }
.instruction-result { grid-column: 2; grid-row: 1; min-width: 0; }
.instruction-result > span { display: block; margin-bottom: 10px; color: #343a45; font-size: 14px; font-weight: 500; }
.instruction-result .instruction-value { display: block; padding-block: 6px; font-size: 24px; }
.instructions-page .instruction-logic { margin-bottom: 24px; }
.instructions-page .instruction-logic h2 { margin-bottom: 6px; }
.instructions-page .instruction-logic p { max-width: 78ch; margin: 0; color: #626773; font-size: 13px; line-height: 1.65; }
.instruction-table-wrap { width: 100%; }
.instructions-page .instruction-table { width: 100%; border: 0; border-radius: 0; text-align: left; }
.instructions-page .instruction-table thead th { padding: 10px 12px; border-radius: 0; border-color: #e8e9ec; background: #f4f5f6; color: #535b69; font-size: 12px; }
.instructions-page .instruction-table thead th:first-child { width: 42px; }
.instructions-page .instruction-table thead th:last-child { width: 90px; }
.instructions-page .instruction-table td { padding: 9px 12px; border-bottom: 1px solid #edf0f3; color: #535b69; font-size: 13px; line-height: 1.55; vertical-align: middle; overflow-wrap: anywhere; }
.instructions-page .instruction-table td:first-child { color: #626773; font-size: 11px; }
.instructions-page .instruction-table td:last-child { color: #292b30; text-align: right; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.instructions-page .instruction-goals .instruction-table { overflow: visible; }
.instructions-page .instruction-goals .instruction-table thead th:last-child { width: 130px; }
.instructions-page .instruction-goals .instruction-table tbody td { border-bottom: 0; }
.instructions-page .instruction-goals .instruction-table tbody tr:last-child td { border-bottom: 1px solid #e8e9ec; }
.instructions-page .instruction-table tr:hover td { background: #fafbfc; }
.instructions-page .instruction-table .instruction-transition-start td { border-top: 1px solid #d9dee5; }
.instruction-reference { margin-top: 24px; border-block: 1px solid #e8e9ec; }
.instruction-reference summary { padding-block: 16px; color: #343a45; font-size: 13px; cursor: pointer; }
.instruction-reference summary:focus-visible { outline: 2px solid #155dfc; outline-offset: 4px; }
.instruction-reference-content { padding: 0 0 20px; }
.instructions-page .instruction-reference-content p { margin: 0 0 14px; color: #626773; font-size: 13px; line-height: 1.65; }
.instructions-page .instruction-reference-content h3 { margin: 22px 0 8px; font-size: 14px; font-weight: 500; }
.instruction-formulas { margin: 18px 0; }
.instruction-formulas > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 16px; padding-block: 10px; border-bottom: 1px solid #edf0f3; }
.instruction-formulas dt { font-size: 13px; font-weight: 500; }
.instruction-formulas dd { margin: 0; color: #626773; font-size: 13px; }
.instructions-page .instruction-reference .instruction-table thead th { background: #f1f2f4; border-color: #e8e9ec; color: #626773; }
.instructions-page .instruction-reference .instruction-table td { color: #6b7280; font-weight: 400; }
.instructions-page .instruction-reference .instruction-table td { padding: 8px; font-size: 12px; }
.instructions-page .instruction-reference .instruction-table thead th { padding: 10px 8px; }
.instructions-page .instruction-reference .instruction-table thead th:last-child { width: 76px; }
.instructions-page .instruction-note { margin: 10px 0 0; color: #626773; font-size: 12px; line-height: 1.65; }
.instructions-page .instruction-reference .instruction-note { margin: 0 0 12px; }
.instruction-value { color: #292b30; font: 500 14px/1.5 Onest, sans-serif; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.instructions-page .instruction-goals .instruction-table td:last-child { white-space: normal; }
.instructions-page .instruction-goals.instruction-goals-dynamic .instruction-table thead th:last-child { width: 112px; }
.instructions-page .instruction-goals-dynamic .instruction-table td:last-child { white-space: nowrap; }
.instructions-page .application-campaigns > h3 { margin: 0 0 16px; font-size: 14px; font-weight: 500; }
.instructions-page .application-campaigns .application-table { margin-top: 0; }
.instruction-error { grid-column: 1 / -1; margin: 8px 0; color: #a52121; font-size: 12px; }
.instruction-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 959px) {
  .instructions-page .docs-layout { display: block; padding: 0 24px 32px; }
  .instructions-page .docs-sidebar { top: 70px; margin-inline: -24px; padding-inline: 24px; }
  .instructions-page .docs-nav-item { padding-inline: 10px; }
  .instructions-page .docs-main { margin: 0; padding-top: 22px; }
  .instructions-page .article-content h1 { font-size: 24px; }
}
@media (max-width: 599px) {
  .instructions-page .docs-layout { padding-inline: 16px; }
  .instructions-page .docs-sidebar { margin-inline: -16px; padding-inline: 16px; }
  .instructions-page .article-content h1 { margin-bottom: 12px; font-size: 23px; }
  .instructions-page .instruction-table td { padding: 9px 8px; font-size: 12px; }
  .instructions-page .instruction-table thead th { padding: 9px 8px; }
  .instructions-page .instruction-table thead th:first-child { width: 34px; }
  .instructions-page .instruction-table thead th:last-child { width: 78px; }
  .instructions-page .instruction-goals .instruction-table thead th:last-child { width: 94px; }
  .instruction-calculator-dynamic { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .instruction-result { grid-column: 1; grid-row: auto; }
  .instruction-formulas > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}