/* GENERATED FILE - do not edit by hand.
   Source: draft-tools/type-editor.js
   Regenerate: python draft-tools/sync_type_scale.py

   The approved type scale, tuned with the local draft editor. Every page that
   loads the editor locally must link this file so the published site matches
   the draft exactly. */

:root {
  --type-nav: 15.5px; --type-label: 14px; --type-button: 15.5px;
  --type-body: 19px; --type-detail: 15.5px; --type-interface: 20px;
  --type-display: 84px; --type-section: 70px;
}
.nav-links a, .nav-meta, .store-nav-links a, .store-nav-actions a,
.language-switcher-menu-toggle, .language-switcher--menu a { font-size: var(--type-nav) !important; }
.eyebrow, .crumbs, .mono-label, .product-kicker, .price-note, .stock-row,
.feature-cell span, .setup-step small, .agent-line span, .spec small, .form-section-head span, .checkout-banner,
.tag, .microcopy, .checkout-badges span, .command-index, .note b,
.visual-tag, .coordinates, .terminal, .rail-track span, footer, .store-footer { font-size: var(--type-label) !important; }
.button, .quantity, .remove-link, summary,
.colour-card, .cart-colour select { font-size: var(--type-button) !important; }
.hero-lede p, .intro-bottom p, .object-copy p, .closing-copy, .product-summary, .setup-lede, .story-copy p,
.spec-head p, .note, .summary-row, .empty-cart p, .confirmation-copy > p { font-size: var(--type-body) !important; }
details p, details li, .summary-note, .field label, .field input, .field select,
.field textarea, .delivery-card span, .delivery-card small, .checkbox-row,
.payment-placeholder, .form-error, .setup-step p, .spec p, .cart-product p { font-size: var(--type-detail) !important; }
.order-summary h2, .form-section-head h2, .setup-step h3, .cart-product h2, .empty-cart h2 { font-size: var(--type-interface) !important; }
.hero h1, .buy-panel h1, .page-intro h1, .confirmation h1 { font-size: clamp(48px, var(--type-display), 128px) !important; }
.intro h2, .object-copy h2, .closing h2, .setup-head h2, .story-copy h2, .section-title { font-size: clamp(34px, var(--type-section), 96px) !important; }

@media (max-width: 620px) {
  :root {--type-display: 48px; --type-section: 34px;}
  .nav-meta {font-size: 0 !important;}
  .nav-meta::after {font-size: var(--type-label) !important;}
}