/*
Theme Name: Work Smart, Not Hard – Astra Child
Theme URI: https://work-smart-not-hard.tech/
Description: Update-safe Astra child theme for Work Smart, Not Hard.
Author: Didrik Martens
Template: astra
Version: 1.0.0
Text Domain: wsnh-astra-child
*/

/* Blog archive: readable introduction and a stable 3/2/1-column card grid. */
.blog .wsnh-blog-intro {
  margin: 0 auto clamp(2rem, 5vw, 4rem);
  max-width: 760px;
  padding-inline: 1.25rem;
  text-align: center;
}

.blog .wsnh-blog-intro h1 {
  font-size: clamp(2.25rem, 6vw, 4.75rem);
  line-height: 1.05;
  margin: 0 0 1rem;
}

.blog .wsnh-blog-intro p {
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 650px;
}

.blog #primary,
.archive #primary {
  width: 100%;
}

.blog .ast-row,
.archive .ast-row {
  display: grid;
  gap: clamp(1.25rem, 2.5vw, 2rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.blog .ast-row::before,
.blog .ast-row::after,
.archive .ast-row::before,
.archive .ast-row::after {
  display: none;
}

.blog .ast-row article,
.archive .ast-row article {
  margin: 0;
  min-width: 0;
  width: 100%;
}

/* Keep long URLs, embeds, images and tables inside the article column. */
.single-post .entry-content {
  overflow-wrap: anywhere;
  word-break: normal;
}

.single-post .entry-content img,
.single-post .entry-content iframe,
.single-post .entry-content video,
.single-post .entry-content embed,
.single-post .entry-content object {
  height: auto;
  max-width: 100%;
}

.single-post .entry-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 921px) {
  .blog .ast-row,
  .archive .ast-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .blog .ast-row,
  .archive .ast-row {
    grid-template-columns: 1fr;
  }
}