/* Magazine layout — token recipe */

.blog-layout-magazine {
  --posts-cols: 3;
  --posts-gap: 1.5rem;
  --profile-max: 1100px;
  --post-show-max: 860px;
  --title-weight: 800;
  --title-tracking: -0.02em;
  --cover-radius: var(--blog-radius, 1rem);
  --featured-span: 1 / -1;
  --featured-title-size: clamp(1.85rem, 5vw, 2.75rem);
  --featured-title-weight: 800;
  --featured-title-tracking: -0.02em;
  --featured-excerpt-size: 1.1rem;
  --featured-excerpt-max: 42rem;
  --featured-image-max-h: 420px;
  --featured-card-bg: transparent;
  --featured-card-border: none;
  --featured-card-radius: 0;
  --featured-card-shadow: none;
  --featured-card-padding: 0;
  --featured-card-padding-bottom: 2rem;
  --featured-card-margin-bottom: 0.5rem;
  --featured-card-border-bottom: 1px solid var(--bs-border-color, #dee2e6);
  --grid-card-bg: var(--bs-body-bg);
  --grid-card-border: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.08));
  --grid-card-padding: 1.25rem;
  --grid-card-radius: var(--blog-radius, 1rem);
  --grid-card-shadow: none;
  --grid-card-margin-bottom: 0;
  --grid-card-height: 100%;
  --grid-title-size: clamp(1.15rem, 2.5vw, 1.35rem);
  --grid-image-radius: var(--blog-radius, 0.75rem);
  --post-show-title-size: clamp(1.85rem, 5vw, 2.5rem);
}

@media (max-width: 768px) {
  .blog-layout-magazine {
    --posts-cols: 1;
    --featured-image-max-h: 260px;
  }
}