.blog-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius);-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);overflow:hidden;-webkit-transition:border-color .18s ease,-webkit-box-shadow .18s ease;transition:border-color .18s ease,-webkit-box-shadow .18s ease;-moz-transition:border-color .18s ease,box-shadow .18s ease;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color .18s ease,box-shadow .18s ease,-webkit-box-shadow .18s ease}@media(hover:hover)and (pointer:fine){.blog-card:hover{border-color:#a5bfd9;-webkit-box-shadow:0 14px 30px rgba(0,0,0,.08);box-shadow:0 14px 30px rgba(0,0,0,.08)}@supports (color:color-mix(in lch,red,blue)){.blog-card:hover{border-color:color-mix(in srgb,var(--blue) 32%,var(--border-subtle))}}}.blog-card h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:0;line-height:1.16;margin:0;overflow-wrap:break-word;text-wrap:pretty}.blog-card p{color:var(--muted);font-size:17px;line-height:1.5;margin:14px 0 0;max-width:820px}.blog-card-surface{-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start;color:inherit;display:grid;grid-gap:clamp(24px,3vw,36px);gap:clamp(24px,3vw,36px);grid-template-columns:minmax(220px,32%) minmax(0,1fr);padding:clamp(20px,3vw,28px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blog-card-surface:focus-visible{border-radius:var(--radius);outline:2px solid var(--blue-strong);outline-offset:-3px}@media(hover:hover)and (pointer:fine){.blog-card-surface:hover h3{color:var(--blue)}}.blog-image-link{display:block;inline-size:100%;--artwork-aspect-ratio:3/2;--artwork-radius:14px}.blog-card-copy,.blog-image-link{min-inline-size:0}.blog-link{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:var(--blue);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:15px;font-weight:800;margin-top:18px;min-block-size:24px}@media(max-width:860px){.blog-card-surface{gap:22px;grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.blog-card h3{font-size:24px;line-height:1.2}}