/* ------------------------------------------------------------------
   CMS overrides — minimal supplements to the vendored Ruki theme.
   The live WordPress site serves pre-cropped thumbnail images (600x400,
   3:2). This Astro CMS stores full-size featured images, so we enforce
   the same uniform aspect ratio the theme assumes, to reproduce the
   identical card grid. Keep this file tiny.
   ------------------------------------------------------------------ */

/* Homepage / archive card thumbnails: show each image at its own natural
   shape — no cropping. Overrides the theme's fixed-height cover crop. */
.flex-grid .flex-box.has-post-thumbnail .post-thumbnail {
  aspect-ratio: auto;
  overflow: hidden; /* keeps the rounded top corners clipped */
}
.flex-grid .flex-box.has-post-thumbnail .post-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Single post / page featured image: keep it tidy and rounded like the theme */
.single-post .post-thumbnail img,
.single-page .post-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
}

/* Match the theme's readable single-column width AND body font on pages
   (the theme only applies these to .single-post, not .single-page) */
.the-post .single-page .entry-content {
  max-width: 915px;
  margin: auto;
  width: 100%;
  text-align: left;
  font-size: 1.1875rem;
  line-height: 1.5;
  color: var(--single-entry-font-color);
  padding: 10px 30px 20px 30px;
}

/* Give static pages the same white "card" look as single articles */
.the-post .single-page.card {
  background: var(--single-post-background);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--default-border-radius);
  margin-bottom: 30px;
}

/* Space between the clock icon and the "X min. read" number */
.entry-read-time::before {
  margin-right: 5px;
}

/* "Continue reading" link: never underlined */
.read-more,
.read-more:hover,
.entry-read-more a {
  text-decoration: none;
}