﻿/* SELF-HOSTED Inter for every .tc scope (global nav/footer + redesign pages).
   The site's global Inter is a large VARIABLE font (with opsz) that loads
   slowly and differs from the design's static Inter â€” variable-font optical
   sizing changes large-heading letterforms and visibly swaps in after first
   paint. Self-host the exact static Inter under a UNIQUE family name
   ('InterLocal') so the global font can never interfere, and pin
   font-optical-sizing off. Same approach the /seller-365 product pages
   shipped with in June (their page CSS carries a per-page copy of this;
   duplicate @font-face declarations for the same family+weight are harmless).
   Loaded AFTER design-system.css so the --font-primary override wins. */
@font-face { font-family: 'InterLocal'; font-style: normal; font-weight: 400; font-display: block; src: url('../fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'InterLocal'; font-style: normal; font-weight: 500; font-display: block; src: url('../fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family: 'InterLocal'; font-style: normal; font-weight: 600; font-display: block; src: url('../fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family: 'InterLocal'; font-style: normal; font-weight: 700; font-display: block; src: url('../fonts/inter-700.woff2') format('woff2'); }
@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
  ascent-override: 90.20%;
  descent-override: 22.48%;
  line-gap-override: 0.00%;
  size-adjust: 107.40%;
}
.tc {
  --font-primary: 'InterLocal', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-optical-sizing: none;
}

/* Neutralise site app.css global leaks inside .tc scopes (h1-4 get
   text-wrap:balance, p gets text-wrap:pretty from the legacy stylesheet) so
   line breaks match Ben's standalone pages (greedy wrap). */
.tc h1, .tc h2, .tc h3, .tc h4, .tc h5, .tc h6, .tc p { text-wrap: wrap; }
