/* Component: price-box (WB-2026-10-26-05). Semantic --nt- tokens only; lint: scripts/lint-css-values.py --components. */
@layer components {
.nt-pricebox { display: grid; gap: var(--nt-space-xs); }
.nt-pricebox p { margin: 0; }
.nt-pricebox__name { font: 600 var(--nt-step--1) / var(--nt-leading-snug) var(--nt-font-ui); color: var(--nt-color-ink); }
.nt-pricebox__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nt-space-xs); }
.nt-pricebox__num { font: 600 var(--nt-step-2) / 1 var(--nt-font-display); font-variant-numeric: tabular-nums lining-nums; color: var(--nt-color-ink); }
.nt-pricebox__checked { font: 400 var(--nt-step--2) / 1.3 var(--nt-font-ui); color: var(--nt-color-ink-3); }
.nt-pricebox__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--nt-space-s); }
.nt-pricebox--strip { grid-template-columns: 1fr auto; align-items: center; }
.nt-pricebox--strip .nt-pricebox__num { font-size: var(--nt-step-1); }
}