/* ════════════════════════════════════════════════════════════
   Pricing page (/pricing) — additions on top of site.css.
   Reuses site.css: .price-grid/.price (plans), .pcalc* + .stepper (calculator),
   .credex/.acard/.mock/.mk-* (measured executions), .faq, .cta-band.
   Everything here is prefixed prc- or scoped to .prc-calc.
   ════════════════════════════════════════════════════════════ */

/* Syzygia Credits icon next to SYC amounts */
.prc-cr { display: inline-flex; align-items: center; gap: 6px; }
.prc-cr img { width: 16px; height: 16px; flex: none; }
.prc-sc { display: inline-block; width: 14px; height: 14px; vertical-align: -2px; margin-right: 3px; }
.chip.amt img { width: 15px; height: 15px; }

/* Plans */
.price .prc-cr span { color: var(--text); font-weight: 650; }
.price .prc-amt-txt { font-size: 26px; line-height: 1.45; }
.price .prc-more { margin: -6px 0 14px; font-size: 13.5px; font-weight: 650; color: var(--acc-ink); }
.price .prc-more:hover { text-decoration: underline; }
.prc-custom { background: linear-gradient(180deg, var(--acc-bg), var(--panel) 46%); }

/* Calculator (markup: pricing.html #calculator, behaviour: pricing.js) */
.prc-calc .stepper button { cursor: pointer; }
.prc-calc .stepper button:focus-visible,
.prc-calc .pcalc-out .btn:focus-visible { outline: 3px solid var(--acc); outline-offset: 2px; }
.prc-calc .stepper button[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
.prc-calc .stepper button[aria-disabled="true"]:hover { border-color: var(--line-2); }
.prc-calc .stepper output { font-variant-numeric: tabular-nums; }
.prc-calc .pcalc-q h3 { color: var(--text); }
.prc-calc input[type="range"]:focus-visible { outline: 3px solid var(--acc); outline-offset: 4px; border-radius: 4px; box-shadow: none; }
.prc-calc .pcalc-note { margin-top: 14px; }
.prc-calc .pcalc-out h3 { overflow-wrap: anywhere; }
.prc-calc .pcalc-out dt { min-width: 0; }
.prc-calc .pcalc-out dd { white-space: nowrap; text-align: right; }
.prc-calc .pcalc-out .btn { justify-content: center; text-align: center; }
.prc-calc .pcalc-out .btn:hover { transform: translateY(-1px); }
.prc-calc .pcalc-out .why { min-height: 3.2em; }
.prc-calc [hidden] { display: none !important; }

/* Measured executions (#measured) */
.prc-apps { margin-top: 16px; }
html[data-theme="dark"] .prc-apps .app svg { stroke: #3b4356; }
.prc-ic { width: 18px; height: 18px; flex: none; stroke: var(--text-2); fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.credex .mk-row .chk { flex: none; }
.credex .mk-chat .a b { font-weight: 700; }

@media (max-width: 640px) {
    .prc-calc .pcalc-in, .prc-calc .pcalc-out { padding: 24px 18px; }
    .prc-calc .pcalc-row { gap: 10px; }
    .prc-calc .pcalc-out .tot b { font-size: 34px; }
}