/* Canonical global Blog Post Card — used by Blog Main, archives and related posts. */
.hdf-blog-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--hdf-blog-card-border,var(--hdf-color-border)); border-radius:var(--hdf-blog-card-radius,16px); background:var(--hdf-blog-card-background,#fff); color:var(--hdf-blog-card-text,#111827); transition:border-color var(--hdf-transition),transform var(--hdf-transition); }
.hdf-blog-card:hover,.hdf-blog-card:focus-within { border-color:color-mix(in srgb,var(--hdf-color-primary) 34%,var(--hdf-blog-card-border,var(--hdf-color-border))); transform:translateY(-1px); }
.hdf-blog-card__media { display:block; overflow:hidden; aspect-ratio:var(--hdf-blog-media-ratio,16 / 9); background:var(--hdf-color-subtle); }
.hdf-blog-card__image { display:block; width:100%; height:100%; object-fit:cover; transition:transform var(--hdf-transition-media); }
.hdf-blog-card:hover .hdf-blog-card__image { transform:scale(1.025); }
.hdf-blog-card__fallback { display:grid; width:100%; height:100%; min-height:150px; place-items:center; background:linear-gradient(135deg,color-mix(in srgb,var(--hdf-color-primary) 9%,var(--hdf-color-subtle)),var(--hdf-blog-card-background,#fff)); color:var(--hdf-color-primary-hover); }
.hdf-blog-card__fallback .hdf-blog-icon { width:38px; height:38px; }
.hdf-blog-card__body { display:grid; flex:1; align-content:start; gap:var(--hdf-blog-card-internal-gap,9px); padding:var(--hdf-blog-card-padding,16px); }
.hdf-blog-card__top-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; color:var(--hdf-blog-meta-text,#6b7280); font-family:var(--hdf-font-ui); font-size:var(--hdf-blog-card-meta-size,11px); line-height:1.35; }
.hdf-blog-card__category { color:var(--hdf-color-primary-hover); font-weight:700; text-decoration:none; }
.hdf-blog-card__category:hover,.hdf-blog-card__category:focus-visible { text-decoration:underline; text-underline-offset:3px; }
.hdf-blog-card__title { margin:0; font-family:var(--hdf-font-heading); font-size:var(--hdf-blog-card-title-size,17px); font-weight:700; line-height:1.34; letter-spacing:-.012em; }
.hdf-blog-card__title a { color:var(--hdf-blog-card-link,#05658a); text-decoration:none; }
.hdf-blog-card__title a:hover,.hdf-blog-card__title a:focus-visible { color:var(--hdf-blog-card-link-hover,#034e6f); text-decoration:underline; text-underline-offset:3px; }
.hdf-blog-card__excerpt { margin:0; color:var(--hdf-blog-meta-text,#6b7280); font-size:var(--hdf-blog-card-excerpt-size,13px); line-height:1.58; }
.hdf-blog-card__footer { display:flex; min-width:0; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:auto; padding-top:2px; }
.hdf-blog-card__meta { display:flex; min-width:0; flex-wrap:wrap; gap:6px 10px; color:var(--hdf-blog-meta-text,#6b7280); font-family:var(--hdf-font-ui); font-size:var(--hdf-blog-card-meta-size,11px); }
.hdf-blog-card__meta > span { display:inline-flex; align-items:center; gap:4px; }
.hdf-blog-card__meta .hdf-blog-icon { width:13px; height:13px; flex:0 0 13px; }
.hdf-blog-card__read { display:inline-flex; min-height:32px; flex:0 0 auto; align-items:center; gap:5px; padding:6px 9px; border:1px solid var(--hdf-blog-card-border,var(--hdf-color-border)); border-radius:9px; color:var(--hdf-blog-card-link,#05658a); font-family:var(--hdf-font-ui); font-size:10px; font-weight:700; text-decoration:none; }
.hdf-blog-card__read:hover,.hdf-blog-card__read:focus-visible { border-color:var(--hdf-color-primary); color:var(--hdf-blog-card-link-hover,#034e6f); }
.hdf-blog-card__read .hdf-blog-icon { width:13px; height:13px; }
@media(max-width:680px){.hdf-blog-card__body{padding:max(13px,calc(var(--hdf-blog-card-padding,16px) - 2px));}.hdf-blog-card__footer{align-items:flex-start;flex-direction:column;}.hdf-blog-card__read{align-self:flex-start;}}