.blog-card{gap:var(--space-s);padding:var(--space-m);border:1px solid var(--border-primary);border-radius:var(--radius-card);background:var(--surface-glass);transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);flex-direction:column;display:flex;position:relative;&:hover{border-color:var(--border-accent);background:var(--ivory-9)}&:has(.blog-card__link:focus-visible){box-shadow:var(--focus-ring)}@media (prefers-reduced-motion:reduce){transition:none}}.blog-card__tags{gap:var(--space-3xs);flex-wrap:wrap;display:flex}.blog-card__tag{border:var(--tile-border);border-radius:var(--radius-full);background:var(--tile-fill);color:var(--tile-color);font-size:var(--text-xs);padding:.15rem .6rem;font-weight:600;line-height:1.5}.blog-card__title{font-size:var(--text-xl);line-height:1.3}.blog-card__link{color:inherit;text-decoration:none;&:after{content:"";border-radius:inherit;position:absolute;inset:0}&:focus-visible{outline:none}}.blog-card__text{color:var(--text-muted);font-size:var(--text-body-s);line-height:1.55}.blog-card__foot{justify-content:space-between;align-items:center;gap:var(--space-2xs) var(--space-s);padding-top:var(--space-s);border-top:1px solid var(--border-primary);flex-wrap:wrap;margin-top:auto;display:flex}.blog-card__meta{gap:var(--space-3xs) var(--space-2xs);color:var(--text-subtle);font-size:var(--text-s);flex-wrap:wrap;display:flex}.blog-card__more{align-items:center;gap:var(--space-3xs);color:var(--brand);font-size:var(--text-s);font-weight:500;display:inline-flex}.blog-card__arrow{width:1rem;height:1rem;transition:transform var(--dur-2) var(--ease-out);@media (hover:hover) and (prefers-reduced-motion:no-preference){.blog-card:hover &{transform:translate(3px)}}}.blog-list{padding-top:var(--space-2xl)}.blog-list__inner{width:var(--content-width);margin-inline:auto}.blog-list__grid{gap:var(--space-s);grid-template-columns:minmax(0,1fr);display:grid;@media (width>=40rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=64rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-list__item{display:grid}.blog-list__empty{justify-items:center;gap:var(--space-s);text-align:center;grid-template-columns:minmax(0,1fr);max-width:40rem;margin-inline:auto;display:grid}.blog-list__empty-text{margin-bottom:var(--space-s);color:var(--text-muted)}.page-head{padding:1.25rem;@media (width<48rem){padding:.75rem .625rem 0}}.page-head__panel{--page-head-nav-room:4.5rem;padding:calc(var(--page-head-nav-room) + var(--space-xl) + var(--space-m)) var(--space-m) var(--space-xl);border-radius:var(--radius-panel);background:var(--glow-panel) padding-box, var(--glow-border) border-box;border:1px solid #0000;@media (width>=48rem){--page-head-nav-room:4.75rem}@media (width<48rem){padding:calc(var(--page-head-nav-room) + var(--space-l)) var(--space-s) var(--space-l);border-radius:var(--radius-panel-small)}}.page-head__content{gap:var(--space-s);text-align:center;grid-template-columns:minmax(0,1fr);max-width:51.25rem;margin-inline:auto;display:grid}.page-head__kicker{margin-bottom:var(--space-2xs);color:var(--text-muted)}.page-head__kicker-link{min-height:2rem;color:inherit;align-items:center;text-decoration:none;display:inline-flex;&:hover{color:var(--text-body)}}.page-head__line{display:block}.page-head__accent{color:var(--brand)}.page-head__lead{max-width:36rem;color:var(--text-muted);font-size:var(--text-l);margin-inline:auto;@media (width<48rem){font-size:var(--text-m)}}.page-head__meta{justify-content:center;gap:var(--space-3xs) var(--space-2xs);margin-top:var(--space-2xs);color:var(--text-subtle);font-size:var(--text-s);flex-wrap:wrap;display:flex}.page-head__actions{justify-content:center;gap:var(--space-xs);margin-top:var(--space-m);flex-wrap:wrap;display:flex}.page-head__secondary{border-radius:var(--radius-full);background:var(--surface-glass);min-height:3rem;font-size:var(--text-s);-webkit-backdrop-filter:blur(12px);transition:background-color var(--dur-2) var(--ease-out);align-items:center;padding:0 1.5rem;font-weight:500;text-decoration:none;display:inline-flex;&:hover{background:var(--ivory-14)}}
