/* pricing.html: page styles (moved out of the page <style> block, UI audit 4.1). Loaded after the shared CSS, so the cascade is unchanged. */
.aud { margin-top: 26px; flex-wrap: wrap; }
.pricing.four { grid-template-columns: repeat(4, 1fr); }
.math { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.math .p-card b { font-family: var(--font-display); font-size: 2rem; display: block; line-height: 1.1; }
.math .p-card small { color: var(--muted); }
.anchor { scroll-margin-top: calc(var(--header-h) + 20px); }
@media (max-width: 1100px) { .pricing.four { grid-template-columns: 1fr 1fr; max-width: none; } }
@media (max-width: 900px) { .math { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  .pricing.four { grid-template-columns: 1fr; }
  .math { grid-template-columns: 1fr; }
  .aud a { min-height: 44px; }
}