/* Match the system-check code box to the nested Docker step content. */
.guide-content { --guide-step-column: 34px; --guide-step-gap: 17px; }
.guide-content .guide-steps-list article {
  grid-template-columns: var(--guide-step-column) minmax(0, 1fr);
  column-gap: var(--guide-step-gap);
}
.guide-content #system-check .guide-code {
  margin-inline-start: calc(var(--guide-step-column) + var(--guide-step-gap));
}
.guide-inline-link { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.guide-code .code-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.guide-code .code-language { min-width: 0; overflow-wrap: anywhere; }
.guide-code .code-copy { flex-shrink: 0; min-width: 64px; min-height: 30px; padding: 4px 12px; border: 1px solid #b7d8fa55; border-radius: 7px; background: #ffffff12; color: #e8f2ff; font: 12px/1.5 var(--font); letter-spacing: 0; cursor: pointer; }
.guide-code .code-copy:hover { background: #ffffff25; border-color: #cfe6ff99; }
.guide-code .code-copy:focus-visible { outline: 2px solid #b1daff; outline-offset: 3px; }
.guide-code .code-copy[data-state="success"] { color: #b7f5da; border-color: #9eeac577; }
.guide-code .code-copy[data-state="error"] { color: #ffdcbd; }
.code-copy-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 540px) {
  .guide-content { --guide-step-column: 29px; --guide-step-gap: 12px; }
}