/* Canonical global Blog Post Card — Blog Main, archives and related posts. */
.hdf-blog-card {
    position:relative;
    z-index:1;
    display:flex;
    min-width:0;
    height:auto;
    flex-direction:column;
    overflow:hidden;
    border:var(--hdf-blog-card-border-width,0px) 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);
    box-shadow:none;
    text-shadow:none;
    transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
}
.hdf-blog-card:hover { z-index:30; box-shadow:var(--hdc-card-hover-shadow-x,0) var(--hdc-card-hover-shadow-y,0) var(--hdc-card-hover-shadow-blur,6px) var(--hdc-card-hover-shadow-spread,0) rgba(var(--hdc-card-hover-shadow-rgb,0,0,0),var(--hdc-card-hover-shadow-opacity,.25)); }
.hdf-blog-card:has(:focus-visible) { z-index:30; }
.hdf-blog-card:not(:hover) { z-index:1; box-shadow:none; }
.hdf-blog-card,.hdf-blog-card * { text-shadow:none; }
.hdf-blog-card a,.hdf-blog-card button { box-shadow:none; filter:none; backdrop-filter:none; }
.hdf-blog-card__media { position:relative; display:block; width:100%; padding:var(--hdf-blog-card-media-padding,14px); background:transparent; }
.hdf-blog-card__image-link { display:block; overflow:hidden; width:100%; aspect-ratio:var(--hdf-blog-media-ratio,16 / 9); border-radius:var(--hdf-blog-card-image-radius,10px); background:var(--hdf-color-subtle); color:inherit; text-decoration:none; }
.hdf-blog-card__image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.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__category { display:inline-flex; width:fit-content; min-height:22px; align-items:center; padding:0 7px; border-radius:999px; background:color-mix(in srgb,var(--hdf-color-primary,#F97316) 10%,#fff); color:var(--hdf-color-primary-hover,#EA580C); font-family:var(--hdf-font-ui); font-size:9px; font-weight:700; letter-spacing:.02em; text-decoration:none; text-transform:uppercase; box-shadow:none; }
.hdf-blog-card__category--overlay { position:absolute; z-index:3; inset-inline-start:calc(var(--hdf-blog-card-media-padding,14px) + 9px); inset-block-end:calc(var(--hdf-blog-card-media-padding,14px) + 9px); }
.hdf-blog-card__category--inline { margin-bottom:6px; }
.hdf-blog-card__category:hover,.hdf-blog-card__category:focus-visible { background:color-mix(in srgb,var(--hdf-color-primary,#F97316) 16%,#fff); color:var(--hdf-color-primary-hover,#EA580C); outline:0; box-shadow:none; }
.hdf-blog-card__body { position:relative; z-index:2; display:grid; flex:1; align-content:start; gap:var(--hdf-blog-card-internal-gap,0px); padding:8px var(--hdf-blog-card-padding,14px) var(--hdf-blog-card-bottom-padding,10px); background:var(--hdf-blog-card-background,#fff); }
.hdf-blog-card__title { margin:0; padding-bottom:6px; font-family:var(--hdf-font-heading); font-size:var(--hdf-blog-card-title-size,17px); font-weight:700; line-height:1.3; letter-spacing:-.012em; }
.hdf-blog-card__title a { display:-webkit-box; overflow:hidden; color:var(--hdf-blog-card-link,var(--hdf-blog-card-link-hover,#034E6F)); text-decoration:none; -webkit-box-orient:vertical; -webkit-line-clamp:var(--hdf-blog-card-title-lines,2); line-clamp:var(--hdf-blog-card-title-lines,2); }
.hdf-blog-card__title a:hover,.hdf-blog-card__title a:focus-visible { color:var(--hdf-blog-card-link-hover,#034E6F); text-decoration:none; outline:0; }
.hdf-blog-card__excerpt { margin:6px 0 0; color:var(--hdf-blog-meta-text,#6b7280); font-size:var(--hdf-blog-card-excerpt-size,12px); line-height:1.4; }
.hdf-blog-card__details { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin-top:6px; 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__details span,.hdf-blog-card__details time { display:inline-flex; align-items:center; gap:5px; }
.hdf-blog-card__details .hdf-blog-icon { width:12px; height:12px; flex:0 0 12px; }
.hdf-blog-card__footer { display:flex; position:relative; z-index:3; min-width:0; align-items:center; justify-content:space-between; gap:8px; margin-top:-6px; padding-top:6px; border-top:1px solid color-mix(in srgb,var(--hdf-blog-card-border,var(--hdf-color-border)) 72%,transparent); background:var(--hdf-blog-card-background,#fff); }
.hdf-blog-card__identity { display:flex; min-width:0; align-items:center; }
.hdf-blog-card__read-time { display:inline-flex; min-width:0; align-items:center; gap:5px; color:var(--hdf-blog-meta-text,#6b7280); font-family:var(--hdf-font-ui); font-size:var(--hdf-blog-card-meta-size,11px); font-weight:600; }
.hdf-blog-card__read-time .hdf-blog-icon { width:13px; height:13px; flex:0 0 13px; }
.hdf-blog-card__footer-actions { display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; gap:8px; }
.hdf-blog-card__comments,.hdf-blog-card__save { display:inline-flex; min-width:24px; min-height:24px; align-items:center; justify-content:center; gap:4px; padding:0; border:0; background:transparent; color:var(--hdf-blog-meta-text,#6b7280); font-family:var(--hdf-font-ui); font-size:var(--hdf-blog-card-meta-size,11px); text-decoration:none; box-shadow:none; }
.hdf-blog-card__comments:hover,.hdf-blog-card__comments:focus-visible,.hdf-blog-card__save:hover,.hdf-blog-card__save:focus-visible { color:var(--hdf-blog-card-link-hover,#034E6F); outline:0; box-shadow:none; }
.hdf-blog-card__comments .hdf-blog-icon,.hdf-blog-card__save .hdf-blog-icon { width:13px; height:13px; flex:0 0 13px; }
.hdf-blog-card__read { display:inline-flex; min-height:24px; flex:0 0 auto; align-items:center; gap:5px; padding:0; color:var(--hdf-color-primary-hover,#EA580C); font-family:var(--hdf-font-ui); font-size:var(--hdf-blog-card-meta-size,11px); font-weight:700; text-decoration:none; white-space:nowrap; box-shadow:none; }
.hdf-blog-card__read:hover,.hdf-blog-card__read:focus-visible { color:var(--hdf-color-primary,#F97316); outline:0; box-shadow:none; }
.hdf-blog-card__read .hdf-blog-icon { width:13px; height:13px; }
@media(max-width:680px){.hdf-blog-card__body{padding:8px var(--hdf-blog-card-padding,14px) var(--hdf-blog-card-bottom-padding,10px)}.hdf-blog-card__footer{gap:6px}.hdf-blog-card__footer-actions{gap:6px}}