.h-blog-index { --blog-gap: 24px; }
.h-blog-index .h-page-eyebrow { display: inline-block; margin: 20px 0 0; }
.h-blog-topic-bar { position: sticky; top: var(--h-nav-h); z-index: 10; background: var(--bg); border-bottom: 1px solid var(--border); }
.h-blog-topic-bar .h-blog-cats { padding-block: 16px; }
.h-blog-topic { scroll-margin-top: 150px; }
.h-blog-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.h-blog-index .h-blog-section-head h2 { margin-bottom: 0; }
.h-blog-section-head p { margin: 12px 0 0; max-width: 640px; color: var(--fg-mute); }
.h-blog-index a.h-blog-view-all { flex: none; display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-mono); font-size: var(--fs-meta); text-decoration: none; color: var(--fg-mute); padding-block: 8px; }
.h-blog-index a.h-blog-view-all:hover { color: var(--fg); }
.h-blog-link-arrow { width: 7px; height: 7px; border-right: 1px solid currentColor; border-top: 1px solid currentColor; transform: rotate(45deg); }
.h-blog-card { display: grid; grid-template-columns: minmax(0,1fr); border: 1px solid var(--border); min-width: 0; background: var(--bg); }
.h-blog-card-media { position: relative; min-width: 0; width: 100%; aspect-ratio: 3 / 2; align-self: start; overflow: hidden; display: flex; background: var(--bg-inset); }
.h-blog-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.h-blog-cover-empty { width: 100%; height: 100%; min-height: 0; display: grid; place-content: center; padding: 16px; background: linear-gradient(145deg, color-mix(in srgb,var(--fg) 5%,var(--bg)),var(--bg)); }
.h-blog-cover-empty .mock-badge { white-space: normal; text-align: center; }
.h-blog-card-body { padding: 24px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; overflow-wrap: anywhere; }
.h-blog-index .h-blog-card h3 { margin: 0; line-height: 1.4; }
.h-blog-index .h-blog-card a.h-entry-title { text-decoration: none; color: var(--fg); }
.h-blog-index .h-blog-card a.h-entry-title:hover { color: var(--accent); }
.h-blog-index .h-blog-card p { margin: 0; }
.h-blog-card-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 4px; padding-top: 4px; color: var(--fg-faint); }
.h-blog-index .h-blog-card a.h-entry-author { color: var(--fg-mute); text-decoration: none; }
.h-blog-index .h-blog-card a.h-entry-author:hover { color: var(--fg); }
.h-blog-card--lead { grid-template-columns: minmax(0,44%) minmax(0,1fr); align-items: start; }
.h-blog-card--lead .h-blog-card-body { padding: 32px; }

.h-blog-card--lead .h-entry-title { font-size: clamp(1.25rem, 2.4vw, 2rem); line-height: 1.25; }
.h-blog-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 20px; }
.h-blog-card-grid .h-blog-card-body { padding: 20px; }
.h-blog-card-grid .h-entry-title { font-size: 1.1rem; }
.h-blog-card-grid .h-entry-excerpt { font-size: .9375rem; }
.h-blog-empty { margin: 0; padding: 28px 0; color: var(--fg-mute); border-top: 1px solid var(--border); }
.h-blog-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding-top: 32px; color: var(--fg-mute); font-size: var(--fs-meta); font-family: var(--font-mono); }
.h-blog-breadcrumb a { color: var(--fg-mute); }
.h-blog-breadcrumb a:hover { color: var(--fg); }
.h-blog-category .h-page-hero { text-align: center; padding-top: 40px; }
.h-blog-category .h-page-hero p { margin-inline: auto; }

.h-blog-feature-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.h-blog-feature-layout > div { min-width: 0; }
.h-blog-secondary-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: start; }
.h-blog-card--compact { grid-template-columns: 112px minmax(0,1fr); gap: 16px; padding: 16px; align-items: start; }
.h-blog-card--compact .h-blog-card-body { padding: 0; }
.h-blog-card--compact .h-entry-title { font-size: 1rem; }
.h-blog-sort-note { color: var(--fg-faint); font-size: var(--fs-meta); font-family: var(--font-mono); }
.h-blog-card--archive { grid-template-columns: 144px minmax(0,1fr); gap: 24px; padding: 24px 0; border: 0; border-bottom: 1px solid var(--border); background: transparent; }
.h-blog-card--archive .h-blog-card-media { border: 1px solid var(--border); align-self: start; aspect-ratio: 1; }
.h-blog-card--archive .h-blog-cover-empty { min-height: 0; }
.h-blog-card--archive .h-blog-card-body { padding: 0; }
.h-blog-pagination { justify-content: center; align-items: center; margin-top: 32px; flex-wrap: wrap; overflow: visible; }
.h-blog-related .h-blog-cats { flex-wrap: wrap; overflow: visible; }
@media (max-width: 760px) {
  .h-blog-card-grid, .h-blog-feature-layout, .h-blog-secondary-list { grid-template-columns: minmax(0,1fr); }
  .h-blog-section-head { align-items: start; }
  .h-blog-section-head p { font-size: .9375rem; }
  .h-blog-card--lead .h-blog-card-body { padding: 24px; }
  .h-blog-topic-bar { top: var(--h-nav-h); }
}
@media (max-width: 480px) {
  .h-blog-section-head { flex-wrap: wrap; gap: 12px; }
  .h-blog-card--lead, .h-blog-feature-layout .h-blog-card--lead { grid-template-columns: minmax(0,1fr); }
.h-blog-feature-layout .h-blog-card--lead .h-blog-card-media { aspect-ratio: 16 / 9; }
  .h-blog-card--lead .h-blog-card-media { border-right: 0; border-bottom: 1px solid var(--border); }

  .h-blog-card--standard { grid-template-columns: minmax(0,1fr); }
  .h-blog-card--standard .h-blog-card-media { border-right: 0; border-bottom: 1px solid var(--border); }
  .h-blog-card--archive { grid-template-columns: 112px minmax(0,1fr); gap: 16px; }
  .h-blog-card--archive .h-blog-cover-empty { padding: 8px; }
  .h-blog-card--archive .h-entry-title { font-size: 1rem; }
  .h-blog-breadcrumb { padding-top: 24px; }
}


.h-blog-topic-bar a.h-blog-cat[aria-current="location"] { color: var(--accent-fg); background: var(--accent); border-color: var(--accent); }
.h-blog-topic-bar::before,
.h-blog-topic-bar::after { content: ''; position: absolute; z-index: 2; top: 0; bottom: 0; width: 24px; pointer-events: none; opacity: 0; }
.h-blog-topic-bar::before { left: 0; background: linear-gradient(to right, var(--bg), transparent); }
.h-blog-topic-bar::after { right: 0; background: linear-gradient(to left, var(--bg), transparent); }
.h-blog-topic-bar.has-more-left::before,
.h-blog-topic-bar.has-more-right::after { opacity: 1; }
.h-blog-card-media > a, .h-blog-card-media > .h-blog-cover-empty { position: absolute; inset: 0; display: flex; width: 100%; height: 100%; }
.h-blog-card-media > .h-blog-cover-empty { display: grid; }
@media (max-width: 480px) {
  .h-blog-card--compact { grid-template-columns: 96px minmax(0,1fr); gap: 12px; padding: 12px; }
  .h-blog-card--compact .h-blog-cover-empty { padding: 8px; }
}
.h-blog-index a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }


.h-blog-hero-eyebrow {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: var(--accent);
  margin-bottom: 16px;
}

.h-blog-hero-accent { color: var(--accent); }


.h-blog-topic-bar a.h-blog-cat[aria-current="page"] { color: var(--accent-fg); background: var(--accent); border-color: var(--accent); }
.h-blog-placeholder .h-blog-card-body { width: 100%; }



.h-blog-skeleton-title, .h-blog-skeleton-copy { width: 100%; display: grid; gap: 10px; }
.h-blog-placeholder i { display: block; height: 10px; background: color-mix(in srgb, var(--fg) 10%, var(--bg)); border-radius: 3px; }
.h-blog-skeleton-title i { height: 18px; }
.h-blog-skeleton-title i:last-child { width: 72%; }
.h-blog-skeleton-copy i:last-child { width: 82%; }
.h-blog-skeleton-meta { display: flex; gap: 16px; width: 70%; margin-top: 8px; padding-top: 8px; }
.h-blog-skeleton-meta i { width: 45%; }


.h-blog-topic .h-blog-card-grid { gap: 32px 24px; margin-top: 28px; }
.h-blog-topic .h-blog-card--standard {
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  border: 0;
  background: transparent;
}
.h-blog-topic .h-blog-card--standard .h-blog-card-media {
  align-self: start;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.h-blog-topic .h-blog-card--standard .h-blog-card-body { padding: 0; }
@media (max-width: 480px) {
  .h-blog-topic .h-blog-card--standard { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; }
  .h-blog-topic .h-blog-card--standard .h-blog-card-body { gap: 10px; }
  .h-blog-topic .h-blog-card--standard .h-entry-title { font-size: 1rem; }
  .h-blog-topic .h-blog-card--standard .h-entry-excerpt { font-size: .875rem; }
}


.h-blog-card--standard .h-blog-card-media,
.h-blog-card--compact .h-blog-card-media { aspect-ratio: 1; }
.h-blog-card--standard .h-entry-excerpt,
.h-blog-card--standard .h-blog-skeleton-copy { display: none; }
.h-blog-card--compact { grid-template-columns: 120px minmax(0,1fr); padding: 20px; }
.h-blog-placeholder .h-blog-cover-empty .mock-badge { font-size: 10px; padding: 4px; }
@media (max-width: 760px) {
  .h-blog-card--lead { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 480px) {
  .h-blog-card--compact { grid-template-columns: 88px minmax(0,1fr); padding: 14px; }
  .h-blog-card--archive { grid-template-columns: 88px minmax(0,1fr); }
}


.h-blog-feature-layout { grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); gap: 24px; align-items: start; }
.h-blog-feature-layout .h-blog-card--lead { grid-template-columns: minmax(0,1fr); }
.h-blog-feature-layout .h-blog-card--lead .h-blog-card-media { aspect-ratio: 16 / 9; }
.h-blog-feature-layout .h-blog-card--lead .h-blog-card-body { padding: 20px; gap: 12px; }
.h-blog-feature-layout .h-blog-card--lead .h-entry-title { font-size: 21px; line-height: 1.35; }
.h-blog-feature-layout .h-blog-card--lead .h-entry-excerpt { font-size: 14px; line-height: 1.6; }
.h-blog-feature-layout .h-blog-card-meta { font-size: 12px; line-height: 1.5; gap: 6px; }
.h-blog-secondary-list { grid-template-columns: minmax(0,1fr); gap: 14px; }
.h-blog-secondary-list .h-blog-card--compact { grid-template-columns: 108px minmax(0,1fr); padding: 16px; gap: 16px; align-items: start; }
.h-blog-secondary-list .h-blog-card--compact .h-blog-card-body { padding: 0; gap: 8px; }
.h-blog-secondary-list .h-blog-card--compact .h-blog-card-media { aspect-ratio: 1; }
.h-blog-secondary-list .h-entry-title { font-size: 16px; line-height: 1.4; }
.h-blog-secondary-list .h-entry-excerpt { font-size: 13px; line-height: 1.5; }
.h-blog-feature-layout .h-blog-skeleton-title i { height: 13px; }
.h-blog-secondary-list .h-blog-skeleton-title { gap: 7px; }
.h-blog-secondary-list .h-blog-skeleton-copy { gap: 6px; }
.h-blog-secondary-list .h-blog-skeleton-copy i,
.h-blog-secondary-list .h-blog-skeleton-meta i { height: 7px; }
.h-blog-secondary-list .h-blog-skeleton-meta { width: 85%; gap: 8px; margin-top: 0; padding-top: 4px; }
@media (max-width: 760px) {
  .h-blog-feature-layout { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 480px) {
  .h-blog-secondary-list .h-blog-card--compact { grid-template-columns: 80px minmax(0,1fr); padding: 12px; gap: 12px; }
}


@media (min-width: 761px) {
  .h-blog-feature-layout { align-items:stretch; }
  .h-blog-feature-layout > div:first-child { display:flex; }
  .h-blog-feature-layout .h-blog-card--lead { width:100%; grid-template-rows:auto 1fr; }
  .h-blog-feature-layout .h-blog-card--lead .h-blog-card-body { height:100%; }
  .h-blog-feature-layout .h-blog-card--lead h3 { min-height:85px; }
  .h-blog-feature-layout .h-blog-card--lead .h-entry-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
  .h-blog-feature-layout .h-blog-card--lead .h-entry-excerpt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; min-height:67px; }
  .h-blog-secondary-list { border:1px solid var(--border); background:var(--bg); gap:0; grid-template-rows:repeat(3,1fr); align-items:stretch; }
  .h-blog-secondary-list .h-blog-card--compact { grid-template-columns:96px minmax(0,1fr); border:0; border-bottom:1px solid var(--border); margin-inline:16px; padding:16px 0; align-items:center; }
  .h-blog-secondary-list .h-blog-card--compact:last-child { border-bottom:0; }
  .h-blog-secondary-list .h-blog-card-body { height:100%; justify-content:space-between; }
  .h-blog-secondary-list .h-entry-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
  .h-blog-feature-layout .h-blog-card-meta, .h-blog-feature-layout .h-blog-skeleton-meta { margin-top:auto; }
  .h-blog-feature-layout .h-blog-card--lead .h-blog-skeleton-title { min-height:85px; align-content:start; }
  .h-blog-feature-layout .h-blog-card--lead .h-blog-skeleton-copy { min-height:67px; align-content:start; }
}


.h-blog-topic .h-blog-card--lead .h-blog-card-body { padding:24px; }
.h-blog-index .h-blog-card--lead .h-entry-title {
  font-size:26px; line-height:1.35;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
}
.h-blog-index .h-blog-card--lead .h-entry-excerpt {
  font-size:15px; line-height:1.6;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
}
.h-blog-index .h-blog-card-meta { font-size:13px; line-height:1.5; }
.h-blog-index .h-blog-card-meta .h-entry-author,
.h-blog-index .h-blog-card-meta .h-entry-date { font-size:inherit; }
@media (max-width:1000px) {
  .h-blog-topic .h-blog-card--lead { grid-template-columns:minmax(0,1fr); }
}


.h-blog-index :is(.h-blog-card--standard, .h-blog-card--compact, .h-blog-card--archive) .h-entry-title { font-size:1.1rem; line-height:1.4; }
.h-blog-index :is(.h-blog-card--standard, .h-blog-card--compact, .h-blog-card--archive) .h-entry-excerpt { font-size:15px; line-height:1.6; }
@media (max-width:480px) {
  .h-blog-index :is(.h-blog-card--standard, .h-blog-card--compact, .h-blog-card--archive) .h-entry-title { font-size:1rem; }
}


.h-blog-card-meta .h-entry-fallback { white-space:nowrap; }


.h-blog-plain-list .h-entry-item { min-width: 0; overflow-wrap: anywhere; }

.h-blog-plain-list .h-entry-item:last-child { border-bottom: 0; }
.h-blog-plain-list .h-entry-empty { border-top: 0; border-bottom: 0; }
.h-blog-plain-list .h-entry-meta { font-size: 13px; line-height: 1.5; }
.h-blog-plain-list .h-entry-author,
.h-blog-plain-list .h-entry-date { font-size: inherit; }
.h-blog-plain-list .h-entry-fallback { white-space: nowrap; }


.h-blog-index .h-blog-card-grid--single { grid-template-columns: minmax(0,1fr); }
.h-blog-index .h-blog-card.h-blog-card--no-cover { grid-template-columns: minmax(0,1fr); }
.h-blog-index .h-blog-card--no-cover .h-blog-card-body { height: auto; }
.h-blog-feature-layout .h-blog-card--no-cover { grid-template-rows: auto; }
.h-blog-feature-layout .h-blog-card--no-cover h3,
.h-blog-feature-layout .h-blog-card--no-cover .h-entry-excerpt { min-height: 0; }


.h-blog-index .h-blog-card { --card-title-size: 1.1rem; --card-title-leading: 1.4; }
.h-blog-index .h-blog-card--lead { --card-title-size: 26px; --card-title-leading: 1.35; }
.h-blog-index .h-blog-card h3,
.h-blog-index .h-blog-card .h-blog-skeleton-title {
  font-size: var(--card-title-size);
  height: calc(var(--card-title-size) * var(--card-title-leading) * 3);
  min-height: calc(var(--card-title-size) * var(--card-title-leading) * 3);
  flex-shrink: 0;
  align-content: start;
}
.h-blog-index .h-blog-card .h-entry-title {
  font-size: var(--card-title-size); line-height: var(--card-title-leading);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.h-blog-index :is(.h-blog-card--lead, .h-blog-card--archive) :is(.h-entry-excerpt, .h-blog-skeleton-copy) {
  font-size: 15px; line-height: 1.6; height: 72px; min-height: 72px; flex-shrink: 0; align-content: start;
}
.h-blog-index .h-blog-card--archive .h-entry-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.h-blog-index .h-blog-card-body { height: 100%; }
.h-blog-index .h-blog-card :is(.h-blog-card-meta, .h-blog-skeleton-meta) {
  min-height: 32px; margin-top: auto; padding-top: 4px; align-items: center;
}
@media (max-width: 480px) {
  .h-blog-index .h-blog-card:not(.h-blog-card--lead) { --card-title-size: 1rem; }
}
@media (max-width: 380px) {
  .h-blog-index .h-blog-card :is(.h-blog-card-meta, .h-blog-skeleton-meta) { min-height: 60px; }
}


.h-blog-index.h-blog-layout-preview {
  --blog-divider: color-mix(in srgb, var(--border) 65%, transparent);
  --blog-module-gap: 72px;
}
.h-blog-layout-preview.h-blog-index > .h-page-hero { border-bottom: 0; }
.h-blog-layout-preview .h-blog-topic-bar { border-bottom-color: var(--blog-divider); }
.h-blog-layout-preview.h-blog-index > .h-page-section {
  border-bottom: 0;
  padding-block: 56px 0;
}
.h-blog-layout-preview.h-blog-index > .h-page-section + .h-page-section {
  padding-top: var(--blog-module-gap);
}
.h-blog-layout-preview.h-blog-index > .h-page-section:last-of-type { padding-bottom: 56px; }
.h-blog-layout-preview .h-blog-card,
.h-blog-layout-preview .h-blog-secondary-list { border-color: var(--blog-divider); }
.h-blog-layout-preview .h-blog-secondary-list .h-blog-card--compact { border-bottom-color: var(--blog-divider); }
.h-blog-layout-preview .h-blog-card--archive:last-child,
.h-blog-layout-preview .h-blog-empty,
.h-blog-layout-preview .h-entry-empty { border: 0; }
.h-blog-layout-preview .h-blog-card .h-blog-card-media { border: 0; }

.h-blog-layout-preview .h-blog-placeholder:is(.h-blog-card--standard, .h-blog-card--archive) .h-blog-card-media {
  border: 1px solid var(--blog-divider);
}
@media (max-width: 760px) {
  .h-blog-index.h-blog-layout-preview { --blog-module-gap: 48px; }
  .h-blog-layout-preview.h-blog-index > .h-page-section { padding-top: 40px; }
  .h-blog-layout-preview.h-blog-index > .h-page-section:last-of-type { padding-bottom: 40px; }
}


.h-blog-layout-preview.h-blog-index .h-blog-card--archive { --horizontal-cover-size: 144px; }
.h-blog-layout-preview.h-blog-index .h-blog-card--compact { --horizontal-cover-size: 120px; }
.h-blog-layout-preview.h-blog-index :is(.h-blog-card--archive, .h-blog-card--compact) {
  grid-template-columns: var(--horizontal-cover-size) minmax(0, 1fr);
  align-items: center;
}
.h-blog-layout-preview.h-blog-index :is(.h-blog-card--archive, .h-blog-card--compact) .h-blog-card-media {
  align-self: center;
  height: var(--horizontal-cover-size);
  aspect-ratio: 1;
}
.h-blog-layout-preview.h-blog-index :is(.h-blog-card--archive, .h-blog-card--compact) .h-blog-card-body {
  height: var(--horizontal-cover-size);
  min-height: 0;
  gap: 6px;
  justify-content: flex-start;
}
.h-blog-layout-preview.h-blog-index :is(.h-blog-card--archive, .h-blog-card--compact) :is(h3, .h-blog-skeleton-title) {
  height: auto;
  min-height: 0;
}
.h-blog-layout-preview.h-blog-index :is(.h-blog-card--archive, .h-blog-card--compact) .h-entry-title {
  -webkit-line-clamp: 2;
}
.h-blog-layout-preview.h-blog-index .h-blog-card--archive :is(.h-entry-excerpt, .h-blog-skeleton-copy) {
  height: auto;
  min-height: 0;
  max-height: 48px;
  flex-shrink: 1;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.h-blog-layout-preview.h-blog-index .h-blog-card--archive .h-blog-skeleton-copy { gap: 6px; }
.h-blog-layout-preview.h-blog-index :is(.h-blog-card--archive, .h-blog-card--compact) :is(.h-blog-card-meta, .h-blog-skeleton-meta) {
  min-height: 0;
  flex-shrink: 0;
  padding-top: 0;
  margin-top: auto;
}
.h-blog-layout-preview.h-blog-index :is(.h-blog-card--archive, .h-blog-card--compact) .h-blog-skeleton-meta { min-height: 28px; }
@media (max-width: 760px) {
  .h-blog-layout-preview.h-blog-index :is(.h-blog-card--archive, .h-blog-card--compact) { --horizontal-cover-size: 112px; }
  .h-blog-layout-preview.h-blog-index .h-blog-card--archive :is(.h-entry-excerpt, .h-blog-skeleton-copy) { display: none; }
}
@media (max-width: 380px) {
  
  .h-blog-layout-preview.h-blog-index .h-blog-card--compact { padding-inline: 8px; }
}


@media (min-width: 1001px) {
  .h-blog-layout-preview.h-blog-index .h-blog-topic .h-blog-card--lead .h-blog-card-body {
    contain: size;
    min-height: 0;
    gap: 6px;
  }
  .h-blog-layout-preview.h-blog-index .h-blog-topic .h-blog-card--lead :is(h3, .h-blog-skeleton-title, .h-entry-excerpt, .h-blog-skeleton-copy) {
    height: auto;
    min-height: 0;
  }
  .h-blog-layout-preview.h-blog-index .h-blog-topic .h-blog-card--lead :is(.h-blog-card-meta, .h-blog-skeleton-meta) {
    min-height: 28px;
    padding-top: 0;
    flex-shrink: 0;
  }
}


@media (max-width: 480px) {
  .h-blog-layout-preview.h-blog-index .h-blog-topic .h-blog-card--standard {
    grid-template-columns: 112px minmax(0, 1fr);
  }
  .h-blog-layout-preview.h-blog-index .h-blog-topic .h-blog-card--standard .h-blog-card-body {
    height: 112px;
    min-height: 0;
    gap: 6px;
  }
  .h-blog-layout-preview.h-blog-index .h-blog-topic .h-blog-card--standard :is(h3, .h-blog-skeleton-title) {
    height: auto;
    min-height: 0;
  }
  .h-blog-layout-preview.h-blog-index .h-blog-topic .h-blog-card--standard .h-entry-title { -webkit-line-clamp: 2; }
  .h-blog-layout-preview.h-blog-index .h-blog-topic .h-blog-card--standard :is(.h-blog-card-meta, .h-blog-skeleton-meta) {
    min-height: 28px;
    margin-top: auto;
    padding-top: 0;
    flex-shrink: 0;
  }
}