/* Grid: tekst vasakul, thumbnail paremal */
.welcome-hero { display: grid; grid-template-columns: 1fr auto; gap: 1.25rem; align-items: start; margin: 0.5rem 0 2rem 0; }
.welcome-thumb { width: 280px; }
.welcome-thumb img { width: 100%; height: auto; display: block; border-radius: 6px; background: #fff; border: 1px solid rgba(0,0,0,0.16); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }
.welcome-thumb a { cursor: zoom-in; }
.welcome-thumb a:hover img { box-shadow: 0 10px 28px rgba(0,0,0,0.16); }
@media (max-width: 768px) { .welcome-hero { grid-template-columns: 1fr; } .welcome-thumb { width: 100%; max-width: 520px; } }

/* Lightbox */
.lb-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; z-index: 1000; }
.lb-overlay.show { display: flex; }
.lb-overlay img { max-width: 92vw; max-height: 92vh; border-radius: 6px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
.lb-overlay .lb-close { position: absolute; top: 18px; right: 24px; color: #fff; font-size: 26px; cursor: pointer; }

p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}