@layer components{.blog-post-hero{align-items:flex-end;min-height:clamp(18rem,42vw,28rem);padding-bottom:2.5rem;display:flex;position:relative;overflow-x:clip}.blog-post-hero__media{background:linear-gradient(165deg, var(--muted) 0%, var(--background) 100%);position:absolute;inset:0}.blog-post-hero__img{object-fit:cover}.blog-post-hero__fallback{background:linear-gradient(135deg,#921a222e,#921a220a);position:absolute;inset:0}.blog-post-hero__overlay{background:linear-gradient(#00000026 0%,#0000008c 55%,#000000d1 100%);position:absolute;inset:0}.blog-post-hero__content{z-index:1;color:#fff;position:relative}.blog-post-hero__breadcrumb{color:#ffffffc7;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:1rem;font-size:.75rem;font-weight:500;display:flex}.blog-post-hero__breadcrumb a:hover{color:#fff}.blog-post-hero__breadcrumb .is-current{color:#fff;font-weight:600}.blog-post-hero__badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;display:flex}.blog-post-hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;align-items:center;padding:.35rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.blog-post-hero__badge--accent{background:#921a22bf;border-color:#921a228c}.blog-post-hero__title{max-width:52rem;font-family:var(--font-heading), var(--font-sans), system-ui, sans-serif;letter-spacing:-.03em;font-size:clamp(2rem,5.5vw,3.25rem);font-weight:800;line-height:1.08}.blog-post-hero__excerpt{color:#ffffffe0;max-width:42rem;margin-top:1rem;font-size:1.0625rem;line-height:1.7}.blog-post-hero__meta{color:#ffffffd1;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.25rem;font-size:.875rem;display:flex}.blog-post-hero__meta-item{align-items:center;gap:.4rem;display:inline-flex}.blog-post-layout{align-items:start;gap:2rem;display:grid}@media (min-width:1024px){.blog-post-layout{grid-template-columns:minmax(0,1fr) 15rem}}.blog-post-article{min-width:0}.blog-post-summary{border-left:3px solid var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 8%, var(--background));color:color-mix(in srgb, var(--foreground) 88%, var(--muted-foreground));border-radius:0 .75rem .75rem 0;margin-bottom:1.5rem;padding:1rem 1.15rem;font-size:1.0625rem;line-height:1.75}.blog-post-content{font-size:1.02rem;line-height:1.8}.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{scroll-margin-top:6rem}.blog-post-sidebar{min-width:0}@media (min-width:1024px){.blog-post-sidebar{position:sticky;top:6rem}}.blog-post-toc{border:1px solid var(--border);background:var(--card);border-radius:1rem;padding:1rem}.blog-post-toc__title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.75rem;font-size:.6875rem;font-weight:700}.blog-post-toc__list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.blog-post-toc__link{color:var(--muted-foreground);font-size:.8125rem;line-height:1.45;text-decoration:none;transition:color .2s;display:block}.blog-post-toc__link:hover{color:var(--brand-primary)}.blog-post-tags{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.blog-post-tags__label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);font-size:.6875rem;font-weight:700}.blog-post-tags__list{flex-wrap:wrap;gap:.5rem;display:flex}.blog-post-tags__chip{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:9999px;padding:.35rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}.blog-post-tags__chip:hover{color:var(--brand-primary);border-color:#921a2259}.blog-post-author-card{border:1px solid var(--border);background:color-mix(in srgb, var(--muted) 25%, var(--background));border-radius:1rem;align-items:center;gap:1rem;margin-top:2rem;padding:1.15rem 1.25rem;display:flex}.blog-post-author-card__avatar{background:var(--muted);border-radius:9999px;flex-shrink:0;width:3.5rem;height:3.5rem;position:relative;overflow:hidden}.blog-post-author-card__avatar--fallback{font-family:var(--font-heading), var(--font-sans), system-ui, sans-serif;color:var(--brand-primary);place-items:center;font-size:1.25rem;font-weight:700;display:grid}.blog-post-author-card__label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:.6875rem;font-weight:600}.blog-post-author-card__name{font-family:var(--font-heading), var(--font-sans), system-ui, sans-serif;color:var(--foreground);margin-top:.15rem;font-size:1.05rem;font-weight:700}.blog-post-author-card__role{color:var(--muted-foreground);margin-top:.15rem;font-size:.875rem}}