/* Blogs page supplemental styles */
.blog-section {
  clear: both;
  overflow: auto;
  margin-bottom: var(--space-5);
}

.blog-image {
  max-width: 40%;
  border-radius: var(--radius-1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: var(--space-4);
}

.image-right { float: right; margin-left: var(--space-6); }
.image-left { float: left; margin-right: var(--space-6); }

.blog-content { overflow: hidden; }

@media (max-width: 750px) {
  .blog-image {
    float: none;
    display: block;
    max-width: 100%;
    margin: 0 auto var(--space-4);
  }
}

/* Match LDD_logo width across viewports for specific images */
.blog-image--match-logo { max-width: 225px; width: 100%; }

/* OK to Laugh layout: title above, image + text aligned */
.blog-section--oktolaugh h2 { text-align: left; margin-bottom: var(--space-4); }
/* Force two-column layout: image left (150px), text right (auto) */
.blog-section--oktolaugh .blog-row {
  display: grid;
  grid-template-columns: 150px 1fr;
  align-items: start;
  column-gap: var(--space-6);
}
.blog-section--oktolaugh .blog-image { max-width: 150px; width: 150px; margin: 0; }
.blog-section--oktolaugh .blog-content { overflow: visible; }

@media (max-width: 750px) {
  .blog-section--oktolaugh .blog-row { grid-template-columns: 1fr; }
  .blog-section--oktolaugh .blog-image { margin: 0 auto var(--space-4); }
}