/* pfoundry: undo the root layout's Tailwind preflight inside the replica.
 *
 * The captured theme CSS was written against browser defaults; preflight
 * (box-sizing:border-box on everything, zeroed margins/lists/headings, block
 * images, inherited link colours...) silently changes its layout - measured:
 * .pf-catalog's 32px padding ate into its 1200px max-width.
 *
 * `revert` rolls each property back to the user-agent value. Every selector
 * is wrapped in :where() so this sheet adds no specificity beyond preflight's
 * own, and it is loaded BEFORE the theme sheets: it beats preflight (same
 * specificity, later), and every theme rule beats it (later or stronger).
 */
:where(.pf-doc) *, :where(.pf-doc) ::before, :where(.pf-doc) ::after {
  box-sizing: revert; border-width: revert; border-style: revert; border-color: revert;
}
:where(.pf-doc) :is(h1, h2, h3, h4, h5, h6) { font-size: revert; font-weight: revert; }
:where(.pf-doc) a { color: revert; text-decoration: revert; }
:where(.pf-doc) :is(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) { margin: revert; }
:where(.pf-doc) :is(ol, ul, menu) { list-style: revert; margin: revert; padding: revert; }
:where(.pf-doc) :is(fieldset, legend, dialog) { margin: revert; padding: revert; }
:where(.pf-doc) hr { height: revert; color: revert; border-top-width: revert; }
:where(.pf-doc) table { text-indent: revert; border-color: revert; border-collapse: revert; }
:where(.pf-doc) :is(button, input, optgroup, select, textarea) {
  font-family: revert; font-feature-settings: revert; font-variation-settings: revert; font-size: revert;
  font-weight: revert; line-height: revert; letter-spacing: revert; color: revert; margin: revert; padding: revert;
}
:where(.pf-doc) :is(button, [type='button'], [type='reset'], [type='submit']) {
  -webkit-appearance: revert; appearance: revert; background-color: revert; background-image: revert;
}
:where(.pf-doc) :is(button, select) { text-transform: revert; }
:where(.pf-doc) :is(img, svg, video, canvas, audio, iframe, embed, object) { display: revert; vertical-align: revert; }
:where(.pf-doc) :is(img, video) { max-width: revert; height: revert; }
:where(.pf-doc) textarea { resize: revert; }
:where(.pf-doc) :is(input, textarea)::placeholder { color: revert; opacity: revert; }
:where(.pf-doc) :is(button, [role='button']) { cursor: revert; }
:where(.pf-doc) :is(b, strong) { font-weight: revert; }
:where(.pf-doc) :is(code, kbd, samp, pre) { font-family: revert; font-size: revert; }
:where(.pf-doc) small { font-size: revert; }

/* Beyond preflight: element rules in src/app/globals.css that also leak in. */
/* h1-h6 { color: var(--heading-color); letter-spacing: .2px } (inside @layer base) */
:where(.pf-doc) :is(h1, h2, h3, h4, h5, h6) { color: revert; letter-spacing: revert; }
/* mobile 44px touch-target floor on every a/button (inflated the hero CTA to 76px) */
@media (max-width: 768px) {
  :where(.pf-doc) :is(a, [role='button']), :where(.pf-doc) button:not([role='switch']) { min-height: revert; min-width: revert; }
}
/* thin app scrollbars on every element (the catalog rows scroll horizontally) */
:where(.pf-doc) *:not(html):not(body):not(.scrollbar-hide):not(.scrollbar-hide *) { scrollbar-width: revert; scrollbar-color: revert; }
/* <=640px: section { max-width:100%; overflow-x:hidden } */
:where(.pf-doc) section { max-width: revert; overflow-x: revert; }