/* Transparent control occupies the existing summary, without changing its flow. */
.system-module summary{position:relative}
.module-control{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;appearance:none}
.module-control:focus-visible{outline:none}
.system-module summary:has(.module-control:focus-visible) .module-toggle{outline:2px solid currentColor;outline-offset:5px}

/* Suppress only the native tap overlay; retain the existing focus-visible ring. */
.system-module summary,
.system-module .module-control {
  -webkit-tap-highlight-color: transparent;
}