/* thrpy components: the components style themselves inside their Shadow DOM (bundle.js).
   This sheet only reserves space before bundle.js has defined them, so nothing jumps on load. */

th-button:not(:defined), th-chip:not(:defined), th-badge:not(:defined), th-icon-tile:not(:defined) { display: inline-flex; }
th-button:not(:defined) { min-height: var(--target-min, 44px); color: transparent; }
th-button[size="hero"]:not(:defined) { min-height: var(--target-hero, 52px); }
th-button[block]:not(:defined) { display: flex; width: 100%; }
th-icon-tile:not(:defined) { width: var(--icon-tile, 56px); height: var(--icon-tile, 56px); }
th-checklist:not(:defined), th-feature-card:not(:defined), th-pricing-card:not(:defined),
th-sticky-cta:not(:defined), th-device-frame:not(:defined) { display: block; }
th-device-frame:not(:defined) { aspect-ratio: 2640 / 1880; }
th-consent-banner:not([open]) { display: none; }