.blog{background:var(--color-surface)}.featured-post{background:var(--color-surface-raised);border-radius:var(--radius-xl);box-shadow:var(--shadow-m);margin-bottom:var(--space-48);border:none;gap:0;display:grid;overflow:hidden}@media (min-width:744px){.featured-post{grid-template-columns:1fr 1fr}}.featured-media,.post-media{background:var(--color-surface-muted,var(--color-brand-100));position:relative;overflow:hidden}.featured-media{aspect-ratio:16/9}@media (min-width:744px){.featured-media{aspect-ratio:auto;min-height:100%}}.post-media{aspect-ratio:16/9}.post-media-link{z-index:1;display:block;position:absolute;inset:0}.post-media-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.post-media-img{object-fit:cover;width:100%;height:100%}.post-media .post-media-img,.featured-media .post-media-img{will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1);transform:scale(1)}.post-media .post-media-img{filter:grayscale();transition:filter .5s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.post-card:hover .post-media .post-media-img{filter:grayscale(0);transform:scale(1.06)}.featured-post:hover .featured-media .post-media-img{transform:scale(1.06)}.read-time-chip{z-index:2;border-radius:var(--radius-full);background:var(--color-surface-raised,#fff);color:var(--color-text-primary);pointer-events:none;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;line-height:1.25rem;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.read-time-chip--featured{font-size:var(--type-caption-size);top:1rem;right:1rem}.featured-body{justify-content:center;gap:var(--space-16);padding:var(--space-24);flex-direction:column;display:flex}@media (min-width:744px){.featured-body{padding:var(--space-32)}}.featured-title{letter-spacing:-.02em;color:var(--color-text-primary);font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:600;line-height:1.25}.featured-excerpt{font-size:var(--type-body-m-size);font-weight:var(--type-body-m-weight);line-height:var(--type-body-m-line);color:var(--color-text-secondary)}.post-hero-media{border-radius:var(--radius-xl);aspect-ratio:16/9;width:100%;max-width:44rem;max-height:28rem;margin:0 auto var(--space-32);background:var(--color-surface-muted,var(--color-brand-100));position:relative;overflow:hidden}.post-hero-media .post-media-img{object-fit:cover;filter:none;width:100%;height:100%;position:absolute;inset:0}.post-meta-badges{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.post-meta-badge{font-size:var(--type-badge-size);font-weight:var(--type-badge-weight);letter-spacing:.02em;background:var(--color-brand-100)!important;color:var(--color-primary)!important;border:none!important}.filter-bar{margin-bottom:var(--space-32)}.post-grid{gap:var(--space-24);display:grid}@media (min-width:744px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{background:var(--color-surface-raised);border-radius:var(--radius-l);height:100%;box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-normal) var(--ease-out);flex-direction:column;padding:0;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-m)}.post-body{align-items:flex-start;gap:var(--space-8);padding:var(--space-20);text-align:left;flex-direction:column;flex:1;display:flex}.post-title{width:100%;font-size:var(--type-heading-m-size);line-height:1.35;font-weight:var(--type-heading-m-weight);color:var(--color-text-primary)}.featured-title a,.featured-title a:hover,.featured-title a:focus,.post-title a,.post-title a:hover,.post-title a:focus,.post-card:hover .post-title a{color:inherit}.post-excerpt{width:100%;font-size:var(--type-body-s-size);line-height:var(--type-body-s-line);color:var(--color-text-secondary);margin-top:var(--space-4);flex:1}.post-author{width:100%;margin-top:var(--space-8);align-items:center;gap:.75rem;display:flex}.post-author--sm{padding-top:var(--space-12);gap:.75rem;margin-top:auto}.post-card-cta{margin:calc(var(--space-12) - .625rem) -.5rem -.625rem;min-height:2.75rem;box-shadow:none;font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:.375rem;padding:.625rem .5rem;text-decoration:none;display:inline-flex}.post-card-cta-label{color:var(--color-primary);display:inline-block;position:relative}.post-card-cta-label:after{content:"";clip-path:inset(0 100% 0 0);pointer-events:none;background:#000;width:100%;height:1.5px;transition:clip-path .19s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-.35em;left:0}.post-card-cta .icon,.post-card-cta svg{color:var(--color-text-tertiary,var(--color-text-secondary));flex-shrink:0;transition:color .19s,transform .19s cubic-bezier(.22,1,.36,1);transform:translate(0)}.post-card-cta:hover{box-shadow:none;background:0 0;border:none}.post-card:hover .post-card-cta-label:after,.featured-post:hover .post-card-cta-label:after,.post-card-cta:hover .post-card-cta-label:after,.post-card-cta:focus-visible .post-card-cta-label:after{clip-path:inset(0)}.post-card:hover .post-card-cta .icon,.post-card:hover .post-card-cta svg,.featured-post:hover .post-card-cta .icon,.featured-post:hover .post-card-cta svg,.post-card-cta:hover .icon,.post-card-cta:hover svg,.post-card-cta:focus-visible .icon,.post-card-cta:focus-visible svg{color:#000;transform:translate(.25rem)}.post-card-cta:focus{outline:none}.post-card-cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.post-card-cta:active{background:0 0}.post-avatar{border-radius:var(--radius-full);background:var(--color-neutral-400);width:2.25rem;height:2.25rem;font-size:var(--type-caption-size);color:var(--color-neutral-700);border:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.post-author--sm .post-avatar{width:2rem;height:2rem;font-size:.6875rem}.post-author-text{min-width:0}.post-author-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;line-height:1.25}.post-author--sm .post-author-name{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.post-author-date{color:var(--color-text-tertiary);font-size:.875rem;line-height:1.25}.post-author--sm .post-author-date{font-size:.75rem}.post-meta{font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--color-text-tertiary)}.article-header{max-width:44rem;margin:0 auto var(--space-32);text-align:left}.article-header h1{font-size:clamp(1.75rem, 3.5vw, var(--type-heading-xxl-size));line-height:var(--type-heading-xxl-line);font-weight:var(--type-heading-xxl-weight);margin:var(--space-16) 0;color:var(--color-text-primary)}.article-body{text-align:left;max-width:44rem;margin:0 auto}.article-body p{color:var(--color-text-secondary);font-size:var(--type-body-l-size);font-weight:var(--type-body-l-weight);line-height:var(--type-body-l-line);margin-bottom:var(--space-20)}.article-body h2{font-size:var(--type-heading-l-size);line-height:var(--type-heading-l-line);font-weight:var(--type-heading-l-weight);margin:var(--space-40) 0 var(--space-16);color:var(--color-text-primary);letter-spacing:-.01em}.article-body h2:first-child{margin-top:0}.article-list{margin:0 0 var(--space-24);color:var(--color-text-secondary);font-size:var(--type-body-l-size);font-weight:var(--type-body-l-weight);line-height:var(--type-body-l-line);padding-left:1.35rem}.article-list li{margin-bottom:var(--space-8);padding-left:.25rem}.article-list li::marker{color:var(--color-text-tertiary)}.article-list--numbered{padding-left:1.5rem;list-style:decimal}.article-list--steps{counter-reset:none;padding-left:0;list-style:none}.article-list--steps li{margin-bottom:var(--space-32)}.article-list--steps li:last-child{margin-bottom:var(--space-20)}.article-step-title{font-weight:600;margin-bottom:var(--space-8)!important;color:var(--color-text-primary)!important;line-height:1.45!important}.article-step-num{color:var(--color-primary);font-variant-numeric:tabular-nums}.article-list--steps li>p:not(.article-step-title){margin-top:0;margin-bottom:0}.article-byline{margin-top:var(--space-32);padding-top:var(--space-24);border-top:var(--stroke-thin) solid var(--color-border)}.article-byline-name{font-weight:600;margin-bottom:var(--space-4)!important;color:var(--color-text-primary)!important}.article-byline-meta{margin-bottom:var(--space-4)!important;font-size:var(--type-body-s-size)!important;line-height:var(--type-body-s-line)!important}.related-posts{margin-top:var(--space-64)}.related-posts h2{font-size:var(--type-heading-l-size);line-height:var(--type-heading-l-line);font-weight:var(--type-heading-l-weight);margin-bottom:var(--space-24);color:var(--color-text-primary)}.post-card[hidden]{display:none!important}