/* AMK Cosiam — AMK Overrides: neutralise the Etch reset + Etch block defaults so the Bricks/ACSS source renders as on the source site.
   1) Etch reset (@layer etch-reset): reverted inside @layer amk-neutral. Sheet 5 declares the layer order
      etch-reset < amk-neutral < bricks, so these zero-specificity :where() reverts beat the Etch reset only; the Bricks layers
      (bricks.reset etc., as in the source) and every unlayered rule (ACSS v4 sheet 4, shim, source sheets) still win.
      `revert` = back to the browser default, i.e. exactly "as if the Etch reset were not there". ACSS v4 resets are unlayered,
      so nothing here can fight them. */
@layer amk-neutral {
  :where(*, *::before, *::after) { box-sizing: revert; }
  :where(*) { margin: revert; }
  :where(html) { -webkit-text-size-adjust: revert; -moz-text-size-adjust: revert; text-size-adjust: revert; scrollbar-gutter: revert; }
  :where(ul, ol) { list-style: revert; padding: revert; }
  :where(body) { -webkit-font-smoothing: revert; flex-direction: revert; min-block-size: revert; font-family: revert; line-height: revert; display: revert; }
  :where(body main) { flex-grow: revert; }
  :where(a) { text-decoration-skip-ink: revert; }
  :where(img, picture, video, canvas, svg, a) { max-inline-size: revert; height: revert; display: revert; }
  :where(input, button, textarea, select) { font: revert; font-size: revert; }
  :where(button) { cursor: revert; color: revert; background-color: revert; border: revert; }
  :where(textarea) { min-height: revert; }
  :where(p, h1, h2, h3, h4, h5, h6) { overflow-wrap: revert; }
  :where(figure > img) { inline-size: revert; }
  :where(img) { block-size: revert; }
}
/* 2) Etch block defaults (etch-block-styles.css, UNLAYERED zero-specificity :where([data-etch-element=…])): they would beat the
      layered Bricks element CSS (.brxe-container width/align-items, .brxe-section …). `revert-layer` here rolls those
      properties back to the layered cascade (Bricks). Only properties whose Etch value differs from the Bricks one are reverted;
      display/flex-direction (flex column in Etch, Bricks and ACSS v4 alike) are left alone so nothing fights ACSS v4's
      :where(section:not(section section)). Every rule with specificity > 0 (Bricks inline element CSS, ACSS, shim) wins anyway. */
:where([data-etch-element="container"]) { inline-size: revert-layer; width: revert-layer; max-inline-size: revert-layer; align-self: revert-layer; margin-inline: revert-layer; }
:where([data-etch-element="section"]) { inline-size: revert-layer; width: revert-layer; align-items: revert-layer; }