.blog-editorial{color:hsl(var(--foreground));background:hsl(var(--background))}.blog-intro{padding:clamp(1.5rem,3vw,3rem);border:1px solid hsl(var(--border));background:hsl(var(--card))}.blog-intro .blog-kicker,.blog-kicker{font-size:.625rem;font-weight:700;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.blog-intro :is(h1,h2){margin:.9rem 0 1rem;font-size:clamp(1.8rem,3.2vw,2.75rem);font-weight:800;line-height:1.12;letter-spacing:-.035em;color:hsl(var(--foreground));text-wrap:balance}.blog-intro .blog-intro-copy{max-width:44rem;font-size:.875rem;line-height:1.85;color:hsl(var(--muted-foreground))}.blog-color-line{display:flex;gap:3px;width:9rem;height:3px;margin-top:1.75rem}.blog-color-line span{flex:1}.blog-intro-compact{padding:1.5rem}.blog-post-collection{container:blog-collection / inline-size}.blog-post-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:2rem}@container blog-collection (min-width:620px){.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container blog-collection (min-width:1000px){.blog-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid hsl(var(--border));background:hsl(var(--card))}.blog-card-image{display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted))}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.5rem;border-top:3px solid var(--blog-topic)}.blog-card-type{display:flex;align-items:center;gap:.5rem;font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.blog-card-dot{width:6px;height:6px;flex-shrink:0;background:var(--blog-topic)}.blog-card h3{margin:.85rem 0 0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;line-height:1.4;color:hsl(var(--foreground));text-wrap:balance}.blog-card .blog-card-excerpt{margin:.75rem 0 1.5rem;font-size:.8125rem;line-height:1.8;color:hsl(var(--muted-foreground))}.blog-card-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center;width:100%;margin-top:auto;padding-top:1rem;border-top:1px solid hsl(var(--border));font-size:.6875rem;color:hsl(var(--muted-foreground))}.blog-card-read{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--foreground));font-weight:600}.blog-card a:hover{text-decoration:underline;text-underline-offset:.25em}.blog-editorial :is(a,button,select):focus-visible,.blog-card a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.blog-filter{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.blog-filter label{font-size:.6875rem;font-weight:600}.blog-filter select{min-height:44px;width:min(100%,20rem);border:1px solid hsl(var(--input));padding:.6rem 2rem .6rem .75rem;background:hsl(var(--card));color:hsl(var(--foreground));font-size:.8125rem}.blog-filter-links{display:flex;flex-wrap:wrap;gap:1rem;font-size:.6875rem;color:hsl(var(--muted-foreground))}.blog-post-layout{display:grid;align-items:start;gap:2rem}.blog-post-main{min-width:0;padding:clamp(1.25rem,2.5vw,2.5rem);border:1px solid hsl(var(--border));background:hsl(var(--card))}.blog-article-heading{padding-top:1.5rem}.blog-article-heading h1{margin-top:1rem;font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:800;line-height:1.17;letter-spacing:-.035em}.blog-article-heading .blog-article-lead{margin-top:1.25rem;font-size:1rem;line-height:1.85;color:hsl(var(--muted-foreground))}.blog-article-copy{padding:1.5rem 0}.blog-article-copy>:is(p,ul,ol,blockquote,h2,h3){max-width:75ch}.blog-article-copy>:is(p,ul,ol){font-size:1rem;line-height:1.9}.blog-article-copy>h2{font-size:1.5rem;font-weight:750;letter-spacing:-.025em}.blog-article-tags{display:flex;flex-wrap:wrap;gap:.35rem .9rem}.blog-article-tags a{border:0;background:transparent;padding:0;font-size:.625rem;font-weight:500;color:hsl(var(--muted-foreground))}.blog-article-tags a:hover{color:hsl(var(--foreground));background:transparent;text-decoration:underline}@media(min-width:1280px){.blog-post-layout[data-sidebar=true]{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:1279px)and (min-width:700px){.blog-post-layout .blog-sidebar-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}