/* Shared top-edge accent for content cards throughout the layout.
   Add maq-card-accent to new cards. Keep controls and diagram internals plain. */
:root {
  --maq-card-accent-width: 32px;
  --maq-card-accent-height: 2px;
  --maq-card-accent-inset: 24px;
}

:is(
  .maq-card-accent,
  .edition-card,
  .step,
  .portal-card,
  .founder-card,
  .cta-band,
  .offer-comparison,
  .empty-state,
  .resource-card,
  .doc-card,
  .part,
  .aside-card,
  .info-box,
  .diagram-frame,
  .mini-screen,
  .product-card,
  .gallery-main,
  .forum-category,
  .topic-list,
  .post,
  .wiring-system-card,
  .wiring-system-bar,
  .wiring-pending,
  .wiring-card,
  .wiring-figure,
  .wiring-parts,
  .wiring-sources,
  .access-frame,
  .account-welcome,
  .account-shortcut,
  .account-empty,
  .legal-document,
  .legal-availability,
  .legal-example,
  .lead-selected-package,
  .module-scene,
  .module-feature,
  .module-edition,
  .module-connection-board,
  .module-resource-card,
  .module-system-picker,
  .module-wiring-card,
  .module-related-card,
  .module-product,
  .original-home .benefit,
  .original-home .maqster-window,
  .original-home .overview-module,
  .original-home .workflow-preview,
  .original-home .workflow-step,
  .original-home .founder-copy > p,
  .original-home .founder-profile,
  .original-home .founder-proof,
  .original-home .pricing-card,
  .original-home .ecosystem-card,
  .original-home .operator-panel,
  .original-home .category-tile,
  .original-home .cert-card
) {
  position: relative;
}

:is(
  .maq-card-accent,
  .edition-card,
  .step,
  .portal-card,
  .founder-card,
  .cta-band,
  .offer-comparison,
  .empty-state,
  .resource-card,
  .doc-card,
  .part,
  .aside-card,
  .info-box,
  .diagram-frame,
  .mini-screen,
  .product-card,
  .gallery-main,
  .forum-category,
  .topic-list,
  .post,
  .wiring-system-card,
  .wiring-system-bar,
  .wiring-pending,
  .wiring-card,
  .wiring-figure,
  .wiring-parts,
  .wiring-sources,
  .access-frame,
  .account-welcome,
  .account-shortcut,
  .account-empty,
  .legal-document,
  .legal-availability,
  .legal-example,
  .lead-selected-package,
  .module-scene,
  .module-feature,
  .module-edition,
  .module-connection-board,
  .module-resource-card,
  .module-system-picker,
  .module-wiring-card,
  .module-related-card,
  .module-product,
  .original-home .benefit,
  .original-home .maqster-window,
  .original-home .overview-module,
  .original-home .workflow-preview,
  .original-home .workflow-step,
  .original-home .founder-copy > p,
  .original-home .founder-profile,
  .original-home .founder-proof,
  .original-home .pricing-card,
  .original-home .ecosystem-card,
  .original-home .operator-panel,
  .original-home .category-tile,
  .original-home .cert-card
)::before,
.header-panel::before,
.modal::before,
.original-home .application-card--illustrated::after {
  content: "";
  display: block;
  position: absolute;
  inset: auto;
  top: 0;
  left: var(--maq-card-accent-inset);
  z-index: 2;
  width: var(--maq-card-accent-width);
  height: var(--maq-card-accent-height);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--maq-accent);
  box-shadow: none;
  opacity: 1;
  transform: none;
  transition: none;
  pointer-events: none;
}

.header-panel { border-top: 1px solid var(--line); }
.access-frame { border-top: 1px solid #ffffff24; }
.wiring-parts { border-top: 1px solid #d5dccb; }
.module-connection-board::after { content: none; }
.original-home .overview-module:hover::before { width: var(--maq-card-accent-width); }

/* Accepted exceptions: the orange Pro card and the entire founder section. */
.original-home .pricing-card.is-featured::before,
.original-home .founder-section :is(.founder-copy > p, .founder-profile, .founder-proof)::before { content: none; }

.module-feature { --maq-card-accent-inset: 28px; }
.original-home .pricing-card { --maq-card-accent-inset: 28px; }
.original-home .category-tile { --maq-card-accent-inset: 18px; }
@media (max-width:1100px) {
  .module-feature { --maq-card-accent-inset: 24px; }
}
@media (max-width:600px) {
  :root { --maq-card-accent-inset: 20px; }
  .module-feature { --maq-card-accent-inset: 22px; }
}