/* Image styling untuk screenshot-heavy docs */
.md-content img {
  max-width: 100%;
  height: auto;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
  margin: 0.5em 0;
}

.md-content img:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  cursor: zoom-in;
}

/* Better spacing for step-by-step instructions */
.md-content ol > li,
.md-content ul > li {
  margin-bottom: 0.5em;
}