@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);--article-card-tags-inset:var(--s-card-pad-sm);--article-card-tags-gap:var(--s-inline-2xs);--article-card-tag-pad-y:var(--s-atom-pad-y);--article-card-tag-pad-x:var(--s-inline-sm);--article-card-excerpt-mt:var(--s-stack-sm);--article-card-accent:var(--s-accent);--article-card-tag-bg:var(--s-surface-2);--article-card-tag-bd:transparent;--article-card-tag-text:var(--s-text-1);--article-card-tag-bg-soft:var(--s-surface-1);--article-card-tag-featured-bg:var(--s-accent);--article-card-tag-featured-text:var(--s-text-inv);--article-card-muted:var(--s-text-2)}.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));--ac-tags-inset:var(--article-card-tags-inset,var(--s-card-pad-sm));--ac-tags-gap:var(--article-card-tags-gap,var(--s-inline-2xs));--ac-excerpt-mt:var(--article-card-excerpt-mt,var(--s-stack-sm));--ac-tag-pad-y:var(--article-card-tag-pad-y,var(--s-atom-pad-y));--ac-tag-pad-x:var(--article-card-tag-pad-x,var(--s-inline-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,var(--s-surface-1));--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,var(--s-text-3));width:100%;max-width:var(--ac-max);min-width:0;height:100%;color:var(--sf-text,var(--surface-text));--ac-tf:none;transform:var(--ac-tf);will-change:auto;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);-webkit-backdrop-filter:none;background-clip:padding-box;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}@supports not (backdrop-filter:blur(1px)){.blog-card{-webkit-backdrop-filter:none}}@media (hover:hover){.blog-card:hover{--ac-tf:translateY(-4px);box-shadow:var(--surface-shadow-hover,0 10px 30px var(--s-shadow-color))}}.blog-card .cover-link{z-index:10;border-radius:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;position:absolute;inset:0}.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{min-width:0;position:relative;overflow:hidden}.blog-card .blog-thumbnail{filter:grayscale();width:100%;height:auto;transition:filter .3s,transform .3s;display:block;transform:scale(1)}.blog-card .blog-cover-corner-icon{right:var(--ac-tags-inset);bottom:var(--ac-tags-inset);z-index:3;opacity:.9;transform-origin:50%;pointer-events:none;width:clamp(22px,2.2vw,34px);height:auto;filter:drop-shadow(0 4px 10px var(--s-shadow-color));position:absolute;transform:rotate(90deg)}@media (hover:hover){.blog-card:hover .blog-thumbnail{filter:brightness()grayscale(0);transform:scale(var(--ac-img-scale))}}.blog-card .card-tags{bottom:var(--ac-tags-inset);left:var(--ac-tags-inset);gap:var(--ac-tags-gap);z-index:2;pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.blog-card .tag{padding:var(--ac-tag-pad-y) var(--ac-tag-pad-x);border-radius:var(--s-radius-pill,999px);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)));-webkit-backdrop-filter:none;background-clip:padding-box;font-size:.7rem;font-weight:600;display:inline-flex}.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));color:var(--ac-tag-featured-text,var(--s-text-inv));border-color:#0000}@supports not (backdrop-filter:blur(1px)){.blog-card .tag{-webkit-backdrop-filter:none}}.blog-card .card-content{padding:var(--ac-pad);min-width:0}.blog-card .card-title{color:var(--sf-text,var(--surface-text));overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:700}.blog-card .card-excerpt{margin-top:var(--ac-excerpt-mt);color:var(--ac-muted,var(--s-text-2));opacity:.95;overflow-wrap:anywhere;font-size:.9rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card .blog-thumbnail,.blog-card .tag{filter:none!important;transition:none!important;transform:none!important}}.b-articles{--b-max:75rem;--b-px:var(--s-section-pad-x);--b-py:var(--s-section-pad-y);--b-gap:var(--s-block-gap-lg,var(--s-stack-lg));--b-head-gap:var(--s-stack-2xs);--b-actions-mt:var(--s-stack-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);padding-inline:var(--b-px);box-sizing:border-box;gap:var(--b-gap);min-width:0;margin-inline:auto;display:grid}.b-articles__head{overflow-wrap:anywhere;gap:var(--b-head-gap);min-width:0;margin:0;display:grid}.b-articles__head:empty{display:none}.b-articles__actions{margin-top:var(--b-actions-mt);justify-content:flex-start;align-items:center;min-width:0;display:flex}.b-articles__actions:empty{display:none}.b-articles__grid{gap:var(--b-grid-gap);grid-template-columns:repeat(auto-fit, minmax(var(--b-min), 1fr));justify-items:stretch;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:grid}.b-articles__grid>li{min-width:0;margin:0;padding:0}@media (width<=40rem){.b-articles{--b-px:var(--s-inline-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)}.b-articles[data-padding=md]{--b-py:var(--s-section-pad-y)}.b-articles[data-padding=lg]{--b-py:var(--s-section-pad-lg)}.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))}}
