/* Pricing page: the editorial page layout with the shared price tables (styles.css), widened to fit them. */
/* No rule under the title: the intro sits close under it as its lead, so the header's padding and the document's top margin shrink to one short gap. */
.pricing-header { padding-bottom: 0; border-bottom: 0; }
.pricing-document { width: min(100%, 1040px); max-width: 1040px; margin-top: clamp(20px, 2.6vw, 32px); }
/* The price tables already carry their own rules, so the legal-page rule above each section would stack extra lines between them. Whitespace separates the sections here instead. */
.pricing-document .legal-section { border-top: 0; }
.pricing-document .price-scroll { margin-top: 8px; }
.pricing-document .price-scroll:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.pricing-document .price-table th,
.pricing-document .price-table td { padding-block: 14px; }
.pricing-document .price-table .num { font-size: 14px; white-space: nowrap; }
.pricing-document .price-table td.model-cell { font-size: 15px; }
.pricing-document .price-table .price-status { padding-block: 28px; color: var(--ink-3); text-align: center; white-space: normal; }
.pricing-document .price-table tbody tr:has(.price-status):hover { background: none; }
.pricing-document .price-table:has(.price-status) { min-width: 0; }
.pricing-document .legal-section .price-foot { max-width: none; margin-top: 14px; font-size: var(--text-label); line-height: 1.7; }
.price-retry { padding: 0; border: 0; border-bottom: 1px solid currentColor; background: none; color: var(--ink); font: inherit; cursor: pointer; }