@layer components{:where(.blog-container,.blog-post){max-width:min(90rem,100%);padding-block:var(--ds-space-6);min-width:0;margin:0 auto}.blog-header{text-align:center;min-width:0;margin-bottom:3rem}.blog-header h1{font-size:var(--ds-hero-title-size);text-wrap:balance;overflow-wrap:break-word;margin-bottom:1rem}.blog-intro{font-size:var(--ds-text-lg);color:var(--ds-color-text-muted);text-wrap:pretty;overflow-wrap:break-word;max-width:65ch;margin:0 auto}.page-intro{min-width:0;max-width:min(90rem,100%);margin:2.5rem auto 0}.intro-details{background:var(--ds-color-surface);border:var(--ds-border-1) solid var(--ds-color-border);border-radius:var(--ds-radius-3);padding:var(--ds-space-4);min-width:0}.intro-details[open]{padding:var(--ds-space-6)}.intro-summary{justify-content:space-between;align-items:center;gap:var(--ds-space-4);cursor:pointer;min-width:0;list-style:none;display:flex}.intro-summary-title{color:var(--ds-color-text);font-weight:700;font-size:var(--ds-text-lg);text-wrap:balance;overflow-wrap:break-word;min-width:0}.intro-summary::-webkit-details-marker{display:none}.intro-summary:focus-visible{box-shadow:var(--ds-focus-ring);border-radius:var(--ds-radius-2);outline:none}.intro-chevron{color:var(--ds-color-text-muted);transition:transform var(--ds-motion-base) var(--ds-ease-standard);flex:none}.intro-details[open] .intro-chevron{transform:rotate(180deg)}.intro-body{margin-top:var(--ds-space-4);min-width:0}.intro-title{color:var(--ds-color-text);font-size:var(--ds-text-xl);text-wrap:balance;overflow-wrap:break-word;margin:0;font-weight:700}.intro-text{margin:0 0 var(--ds-space-3);color:var(--ds-color-text);line-height:var(--ds-leading-relaxed);overflow-wrap:break-word;text-wrap:pretty}.intro-cta{margin-top:var(--ds-space-4);color:var(--ds-color-text-muted)}.intro-link{color:var(--ds-color-accent);text-underline-offset:3px;overflow-wrap:break-word;text-decoration:underline}.intro-grid{gap:var(--ds-space-5);margin:var(--ds-space-5) 0 var(--ds-space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.intro-item{background:var(--ds-color-surface-2);border:var(--ds-border-1) solid var(--ds-color-border);border-radius:var(--ds-radius-2);padding:var(--ds-space-4);min-width:0}.intro-item-title{margin:0 0 var(--ds-space-2);color:var(--ds-color-text);font-size:var(--ds-text-md);text-wrap:balance;overflow-wrap:break-word;font-weight:700}.intro-item-text{margin:0 0 var(--ds-space-2);color:var(--ds-color-text-muted);line-height:var(--ds-leading-relaxed);overflow-wrap:break-word;text-wrap:pretty}.intro-list{color:var(--ds-color-text-muted);line-height:var(--ds-leading-relaxed);overflow-wrap:break-word;margin:0;padding-left:1.15rem}.intro-list li+li{margin-top:.35rem}.no-posts{text-align:center;color:var(--ds-color-text-muted);overflow-wrap:break-word;text-wrap:pretty;padding:4rem 2rem}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:2rem;min-width:0;display:grid}.load-more-wrap{place-items:center;gap:.75rem;min-width:0;margin-top:1.75rem;display:grid}.load-status{color:var(--ds-color-text-muted);text-align:center;overflow-wrap:break-word;text-wrap:pretty;max-width:42rem;min-height:1.25rem;margin:0}.load-more{appearance:none;border:var(--ds-border-1) solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text);border-radius:var(--ds-radius-2);cursor:pointer;overflow-wrap:break-word;text-wrap:balance;max-width:100%;transition:transform var(--ds-motion-base), box-shadow var(--ds-motion-base);padding:.75rem 1rem;font-weight:600}.load-more:hover{box-shadow:var(--ds-shadow-1);transform:translateY(-1px)}.load-more:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.load-more[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.load-sentinel{width:100%;height:1px}.post-card{background:var(--ds-color-surface);border:var(--ds-border-1) solid var(--ds-color-border);border-radius:var(--ds-radius-3);min-width:0;transition:transform var(--ds-motion-base), box-shadow var(--ds-motion-base);overflow:hidden}.post-card:hover{box-shadow:var(--ds-shadow-2);transform:translateY(-4px)}.post-image{background-color:var(--ds-color-surface-2);width:100%;height:200px;overflow:hidden}.post-image img{object-fit:cover;width:100%;height:100%}.posts-grid .post-content,.post-card .post-content{min-width:0;padding:1.5rem}.post-meta{color:var(--ds-color-text-muted);flex-wrap:wrap;gap:.5rem;min-width:0;margin-bottom:.75rem;font-size:.875rem;display:flex}.post-author{overflow-wrap:break-word;font-weight:500}.posts-grid .post-title,.post-card .post-title{text-wrap:balance;overflow-wrap:break-word;margin:0 0 .75rem;font-size:1.5rem;line-height:1.3}.posts-grid .post-title a,.post-card .post-title a{color:var(--ds-color-text);transition:color var(--ds-motion-base);text-decoration:none}.posts-grid .post-title a:hover,.post-card .post-title a:hover{color:var(--ds-color-accent)}.posts-grid .post-description,.post-card .post-description{color:var(--ds-color-text-muted);line-height:var(--ds-leading-relaxed);overflow-wrap:break-word;text-wrap:pretty;margin-bottom:1rem}.post-tags{flex-wrap:wrap;gap:.5rem;min-width:0;margin-bottom:1rem;display:flex}.tag{background-color:color-mix(in srgb, var(--ds-color-accent) 15%, var(--ds-color-surface-2));color:var(--ds-color-accent);border-radius:var(--ds-radius-1);border:var(--ds-border-1) solid color-mix(in srgb, var(--ds-color-accent) 30%, var(--ds-color-border));overflow-wrap:break-word;text-wrap:balance;max-width:100%;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.read-more{color:var(--ds-color-accent);overflow-wrap:break-word;max-width:100%;transition:gap var(--ds-motion-base);align-items:center;gap:.25rem;font-weight:600;text-decoration:none;display:inline-flex}.read-more:hover{gap:.5rem}.blog-post .post-header{min-width:0;margin-bottom:3rem}.blog-post .post-meta{align-items:center;margin-bottom:1rem;font-size:.95rem}.blog-post .separator{color:var(--ds-color-border);flex-shrink:0}.blog-post .post-title{font-size:clamp(1.85rem,1.2rem + 2.2vw,2.5rem);line-height:var(--ds-leading-tight);color:var(--ds-color-text);text-wrap:balance;overflow-wrap:break-word;margin-bottom:1rem}.blog-post .post-description{font-size:var(--ds-text-lg);color:var(--ds-color-text-muted);line-height:var(--ds-leading-relaxed);overflow-wrap:break-word;text-wrap:pretty;max-width:68ch;margin-bottom:1.5rem}.blog-post .post-tags{margin-bottom:2rem}.blog-post .tag{padding:.4rem 1rem}.post-hero-image{border-radius:var(--ds-radius-3);width:100%;min-width:0;margin-bottom:2rem;overflow:hidden}.post-hero-image img{width:100%;height:auto;display:block}.blog-post .post-content{font-size:1.1rem;line-height:var(--ds-leading-relaxed);color:var(--ds-color-text);overflow-wrap:break-word;min-width:0}.blog-post .post-content :where(h2,h3,h4){text-wrap:balance;overflow-wrap:break-word}.blog-post .post-content :where(p,li,td,th,blockquote){overflow-wrap:break-word;text-wrap:pretty}.blog-post .post-content :where(a){overflow-wrap:anywhere}.blog-post .post-content :where(img,video,iframe){max-width:100%;height:auto}.blog-post .post-content :global(br){display:none!important}.blog-post .post-content :global(h2){color:var(--ds-color-text);margin-top:2.5rem;margin-bottom:1rem;font-size:clamp(1.5rem,1.1rem + 1.5vw,2rem)}.blog-post .post-content :global(h3){color:var(--ds-color-text);margin-top:2rem;margin-bottom:.75rem;font-size:clamp(1.25rem,1rem + .8vw,1.5rem)}.blog-post .post-content :global(p){max-width:72ch;margin-bottom:1.5rem}:is(.blog-post .post-content :global(ul),.blog-post .post-content :global(ol)){max-width:72ch;margin-bottom:1.5rem;padding-left:2rem}.blog-post .post-content :global(li){margin-bottom:.5rem}.blog-post .post-content :global(pre){background-color:var(--ds-color-surface-2);color:var(--ds-color-text);border-radius:var(--ds-radius-2);border:var(--ds-border-1) solid var(--ds-color-border);max-width:100%;margin-bottom:1.5rem;padding:1.5rem;overflow-x:auto}.blog-post .post-content :global(code){background-color:var(--ds-color-surface-2);color:var(--ds-color-text);border-radius:var(--ds-radius-1);font-size:.9em;font-family:var(--ds-font-mono);overflow-wrap:anywhere;padding:.2rem .4rem}.blog-post .post-content :global(pre code){color:inherit;overflow-wrap:normal;background-color:#0000;padding:0}.blog-post .post-content :global(blockquote){border-left:var(--ds-border-2) solid var(--ds-color-accent);color:var(--ds-color-text-muted);max-width:72ch;margin:1.5rem 0;padding-left:1.5rem;font-style:italic}.post-footer{border-top:var(--ds-border-1) solid var(--ds-color-border);min-width:0;margin-top:4rem;padding-top:2rem}.back-link{color:var(--ds-color-accent);overflow-wrap:break-word;max-width:100%;transition:gap var(--ds-motion-base);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{gap:.75rem}@media (width<=48rem){.intro-details{padding:var(--ds-space-4)}.intro-details[open]{padding:var(--ds-space-5)}.intro-grid{grid-template-columns:1fr}.blog-header h1{font-size:var(--ds-hero-title-size-mobile)}.posts-grid{grid-template-columns:1fr}.blog-post .post-content{font-size:1rem}}@media (prefers-reduced-motion:reduce){.intro-chevron,.load-more,.post-card,.read-more,.back-link{transition:none}.post-card:hover,.load-more:hover{transform:none}.read-more:hover,.back-link:hover{gap:inherit}}}