@layer component{:root{--article-card-max: none;--article-card-img-scale: 1.03;--article-card-img-dim: .55;--article-card-img-gray: .3;--article-card-pad: var(--s-card-pad-md, var(--s-space-md));--article-card-tags-inset: var(--s-card-pad-sm, var(--s-space-sm));--article-card-tags-gap: var(--s-inline-2xs, var(--s-space-2xs));--article-card-tag-pad-y: var(--s-atom-pad-y, var(--s-space-2xs));--article-card-tag-pad-x: var(--s-inline-sm, var(--s-space-sm));--article-card-excerpt-mt: var(--s-stack-sm, var(--s-space-sm));--article-card-accent: var(--s-accent);--article-card-tag-bg: var(--s-accent-hover);--article-card-tag-bd: transparent;--article-card-tag-text: var(--surface-text);--article-card-tag-bg-soft: color-mix(in srgb, var(--article-card-tag-bg), transparent 35%);--article-card-tag-featured-bg: var(--s-accent);--article-card-tag-featured-text: var(--s-text-inv);--article-card-muted: color-mix(in srgb, var(--sf-text), transparent 25%)}.blog-card{--ac-max: var(--article-card-max, none);--ac-img-scale: var(--article-card-img-scale, 1.03);--ac-img-dim: var(--article-card-img-dim, .55);--ac-img-gray: var(--article-card-img-gray, .3);--ac-pad: var(--article-card-pad, var(--s-card-pad-md, var(--s-space-md)));--ac-tags-inset: var(--article-card-tags-inset, var(--s-card-pad-sm, var(--s-space-sm)));--ac-tags-gap: var(--article-card-tags-gap, var(--s-inline-2xs, var(--s-space-2xs)));--ac-excerpt-mt: var(--article-card-excerpt-mt, var(--s-stack-sm, var(--s-space-sm)));--ac-tag-pad-y: var(--article-card-tag-pad-y, var(--s-atom-pad-y, var(--s-space-2xs)));--ac-tag-pad-x: var(--article-card-tag-pad-x, var(--s-inline-sm, var(--s-space-sm)));--ac-accent: var(--article-card-accent, var(--s-accent));--ac-tag-bg: var(--article-card-tag-bg, var(--s-accent-hover));--ac-tag-bd: var(--article-card-tag-bd, transparent);--ac-tag-text: var(--article-card-tag-text, var(--sf-text, var(--surface-text)));--ac-tag-bg-soft: var( --article-card-tag-bg-soft, color-mix(in srgb, var(--ac-tag-bg), transparent 35%) );--ac-tag-featured-bg: var(--article-card-tag-featured-bg, var(--s-accent));--ac-tag-featured-text: var(--article-card-tag-featured-text, var(--s-text-inv));--ac-muted: var( --article-card-muted, color-mix(in srgb, var(--sf-text), transparent 25%) );position:relative;width:100%;max-width:var(--ac-max);height:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--sf-text, var(--surface-text));--ac-tf: none;transform:var(--ac-tf);will-change:auto;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;background:var(--sf-bg, var(--s-overlay-25));border:1px solid var(--sf-bd, var(--s-overlay-25));border-radius:var(--sf-radius, var(--s-radius-xl, 16px));box-shadow:var(--sf-shadow, none);backdrop-filter:blur(var(--sf-blur, 6px));-webkit-backdrop-filter:blur(var(--sf-blur, 6px));background-clip:padding-box}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.blog-card{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (hover: hover){.blog-card:hover{--ac-tf: translateY(-4px);box-shadow:var(--surface-shadow-hover, 0 10px 30px rgba(0,0,0,.25))}}.blog-card .cover-link{position:absolute;inset:0;z-index:10;border-radius:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}.blog-card .cover-link:focus-visible{outline:2px solid var(--focus-ring, var(--ac-accent));outline-offset:3px;border-radius:inherit}.blog-card .card-image{position:relative;overflow:hidden;min-width:0}.blog-card .blog-thumbnail{width:100%;height:auto;display:block;transition:filter .3s ease,transform .3s ease;transform:scale(1)}@media (hover: hover){.blog-card:hover .blog-thumbnail{filter:brightness(var(--ac-img-dim)) grayscale(var(--ac-img-gray));transform:scale(var(--ac-img-scale))}}.blog-card .card-tags{position:absolute;bottom:var(--ac-tags-inset);left:var(--ac-tags-inset);display:flex;flex-wrap:wrap;gap:var(--ac-tags-gap);z-index:2;pointer-events:none}.blog-card .tag{font-size:.7rem;padding:var(--ac-tag-pad-y) var(--ac-tag-pad-x);border-radius:var(--s-radius-pill, 999px);font-weight:600;display:inline-flex;align-items:center;gap:var(--ac-tags-gap);text-transform:uppercase;white-space:nowrap;background:var(--ac-tag-bg, var(--s-accent-hover));border:1px solid var(--ac-tag-bd);color:var(--ac-tag-text, var(--sf-text, var(--surface-text)));backdrop-filter:blur(var(--sf-blur, 6px));-webkit-backdrop-filter:blur(var(--sf-blur, 6px));background-clip:padding-box}.blog-card .tag.date,.blog-card .tag.category{background:var(--ac-tag-bg-soft)}.blog-card .tag.featured{background:var(--ac-tag-featured-bg, var(--s-accent));border-color:transparent;color:var(--ac-tag-featured-text, var(--s-text-inv))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.blog-card .tag{backdrop-filter:none;-webkit-backdrop-filter:none}}.blog-card .card-content{padding:var(--ac-pad);min-width:0}.blog-card .card-title{margin:0;font-size:1rem;font-weight:700;color:var(--sf-text, var(--surface-text));overflow-wrap:anywhere}.blog-card .card-excerpt{margin-top:var(--ac-excerpt-mt);font-size:.9rem;line-height:1.6;color:var(--ac-muted, color-mix(in srgb, var(--sf-text), transparent 25%));opacity:.95;overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){.blog-card,.blog-card .blog-thumbnail,.blog-card .tag{transition:none!important;transform:none!important;filter:none!important}}}@layer component{.b-articles{--b-max: 75rem;--b-px: var(--s-section-pad-x, var(--s-space-xl));--b-py: var(--s-section-pad-y, var(--s-space-fluid-lg));--b-gap: var(--s-block-gap-lg, var(--s-stack-lg));--b-head-gap: var(--s-stack-2xs, var(--s-space-2xs));--b-actions-mt: var(--s-stack-sm, var(--s-space-sm));--b-grid-gap: var(--s-block-gap-md, var(--s-stack-md));--b-min: clamp(16rem, 32vw, 19rem);padding-block:var(--b-py);min-width:0}.b-articles__inner{width:100%;max-width:var(--b-max);margin-inline:auto;padding-inline:var(--b-px);box-sizing:border-box;display:grid;gap:var(--b-gap);min-width:0}.b-articles__head{margin:0;min-width:0;overflow-wrap:anywhere;display:grid;gap:var(--b-head-gap)}.b-articles__head:empty{display:none}.b-articles__actions{display:flex;justify-content:flex-start;align-items:center;margin-top:var(--b-actions-mt);min-width:0}.b-articles__actions:empty{display:none}.b-articles__grid{margin:0;padding:0;list-style:none;display:grid;gap:var(--b-grid-gap);grid-template-columns:repeat(auto-fit,minmax(var(--b-min),1fr));width:100%;justify-items:stretch;min-width:0}.b-articles__grid>li{margin:0;padding:0;min-width:0}@media (max-width: 40rem){.b-articles{--b-px: var(--s-inline-sm, var(--s-space-sm));--b-gap: var(--s-block-gap-md, var(--s-stack-md));--b-grid-gap: var(--s-block-gap-sm, var(--s-stack-sm))}.b-articles__grid{grid-template-columns:1fr}}.b-articles[data-width=wide]{--b-max: 80rem}.b-articles[data-width=normal]{--b-max: 75rem}.b-articles[data-width=narrow]{--b-max: 60rem}.b-articles[data-width=full]{--b-max: none}.b-articles[data-padding=none]{--b-py: 0}.b-articles[data-padding=sm]{--b-py: var(--s-stack-lg, var(--s-space-2xl))}.b-articles[data-padding=md]{--b-py: var(--s-section-pad-y, var(--s-space-fluid-lg))}.b-articles[data-padding=lg]{--b-py: var(--s-space-fluid-4xl, var(--s-space-3xl))}.b-articles[data-gap=none]{--b-gap: 0}.b-articles[data-gap=sm]{--b-gap: var(--s-block-gap-sm, var(--s-stack-sm))}.b-articles[data-gap=md]{--b-gap: var(--s-block-gap-md, var(--s-stack-md))}.b-articles[data-gap=lg]{--b-gap: var(--s-block-gap-lg, var(--s-stack-lg))}.b-articles[data-grid-gap=sm]{--b-grid-gap: var(--s-block-gap-sm, var(--s-stack-sm))}.b-articles[data-grid-gap=md]{--b-grid-gap: var(--s-block-gap-md, var(--s-stack-md))}.b-articles[data-grid-gap=lg]{--b-grid-gap: var(--s-block-gap-lg, var(--s-stack-lg))}}