[role="main"] .guide-card.container {
  position: relative;
  box-sizing: border-box;
  margin: 24px 0;
  padding: 24px;
  border: 1px solid var(--color-background-border);
  border-radius: 10px;
}
.guide-card { background: var(--home-card-transfer); }
.guide-card:nth-of-type(3n + 2) { background: var(--home-card-jobs); }
.guide-card:nth-of-type(3n + 3) { background: var(--home-card-logs); }
.guide-card .rubric { margin: 0 0 12px; font-size: 1.15rem; }
.guide-card .rubric a { color: var(--color-foreground-primary); text-decoration: none; }
.guide-card .rubric a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
[role="main"] .guide-card:hover, [role="main"] .guide-card:focus-within { border-color: var(--home-accent); }
.guide-card:hover .rubric a { text-decoration: underline; }
.guide-card p { margin: 0 0 18px; }
.guide-preview { position: relative; z-index: 1; overflow-x: auto; border-radius: 6px; background: #101418; }
.guide-preview a { display: block; }
.guide-preview img { display: block; width: 100%; min-width: 720px; max-width: none; }
@media (max-width: 480px) {
  [role="main"] .guide-card.container { padding: 18px; }
}