/* RFQ page only: one column width, Apple-style disclosure rows, matching checkbox colour. */
@layer pcba-audit-p2 {
  .rfq-review-policy { max-width: 848px !important; }
  .er-optional-details > summary, .er-optional-files > summary { list-style: none !important; display: flex !important; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0 !important; cursor: pointer; }
  .er-optional-details > summary::-webkit-details-marker, .er-optional-files > summary::-webkit-details-marker { display: none; }
  .er-optional-details > summary::marker, .er-optional-files > summary::marker { content: ""; }
  .er-optional-details > summary::after, .er-optional-files > summary::after { content: ""; flex: none; width: 8px; height: 8px; margin-top: -4px; border-right: 1.6px solid #6e6e73; border-bottom: 1.6px solid #6e6e73; transform: rotate(45deg); transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1), margin 0.28s cubic-bezier(0.32, 0.72, 0, 1); }
  .er-optional-details[open] > summary::after, .er-optional-files[open] > summary::after { margin-top: 4px; transform: rotate(225deg); }
  form input[type="checkbox"] { accent-color: #0071e3 !important; }
  @media (prefers-reduced-motion: reduce) {
    .er-optional-details > summary::after, .er-optional-files > summary::after { transition: none; }
  }
}

/* The page H1 already names the form; keep the form H2 for screen readers (aria-labelledby) but hide it visually. */
@layer pcba-audit-p2 {
  #engineering-rfq-page .er-header > div > h2 { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
}