@layer components{.blog-main{width:100%;max-width:1440px;padding:64px var(--site-gutter) 112px;margin-inline:auto}.blog-heading{margin-bottom:48px}.blog-heading h1{font-family:var(--site-display);letter-spacing:-.035em;margin:0;font-size:clamp(44px,5vw,68px);font-weight:600;line-height:1.2}.blog-heading p{color:var(--muted-foreground);margin-top:18px;font-size:17px;line-height:1.7}.blog-posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px;display:grid}.blog-post-preview{border-bottom:1px solid var(--border);min-width:0;padding-bottom:28px;display:flex}.blog-post-link{border-radius:4px;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.blog-post-cover{aspect-ratio:1032/548;background:var(--secondary);border-radius:4px;width:100%;overflow:hidden}.blog-post-cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-post-summary{margin-top:16px}.blog-post-summary h2{letter-spacing:-.015em;text-wrap:pretty;margin:4px 0 0;font-size:20px;font-weight:600;line-height:1.3}.blog-post-summary p{color:var(--muted-foreground);margin-top:8px;font-size:16px;line-height:1.5}.blog-post-date{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-top:12px;font-size:14px;line-height:1.5}.blog-post-link:hover h2{color:var(--site-accent);text-decoration:underline}.blog-article-main{width:100%;max-width:1120px;margin-inline:auto;padding:44px 48px 96px}.blog-breadcrumbs{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;line-height:1.6;display:flex}.blog-breadcrumbs a:hover{color:var(--site-accent);text-decoration:underline}.blog-breadcrumbs svg{opacity:.6;flex-shrink:0}.blog-breadcrumbs [aria-current]{color:var(--foreground)}.blog-back{color:var(--muted-foreground);align-items:center;gap:10px;font-size:14px;line-height:1.8;display:inline-flex}.blog-back:hover{color:var(--site-accent)}.blog-article-heading{margin-block:56px 40px}.blog-article-heading h1{letter-spacing:-.035em;text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.2}.blog-article-heading>p{max-width:86ch;color:var(--muted-foreground);margin-top:20px;font-size:18px;line-height:1.65}.blog-article-figure{margin:0}.blog-article-figure img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%;height:auto;display:block}.blog-article-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:24px 28px;display:flex}.blog-article-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:13px;line-height:1.6;display:flex}.blog-reading-time{align-items:center;gap:6px;display:inline-flex}.blog-article-share{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.blog-copy-error{max-width:32ch;color:var(--site-accent);font-size:12px;line-height:1.6}.blog-article-layout{grid-template-columns:minmax(0,1fr) 256px;align-items:start;gap:64px;margin-top:48px;display:grid}.blog-article-body{min-width:0}.blog-article-body section{outline:none;scroll-margin-top:40px}.blog-article-body section+section{margin-top:44px}.blog-article-body h2{letter-spacing:-.02em;text-wrap:pretty;margin:0 0 18px;font-size:26px;font-weight:650;line-height:1.4}.blog-section-date{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin:-8px 0 16px;font-size:13px;display:block}.blog-article-body p,.blog-article-body li{color:var(--foreground);overflow-wrap:anywhere;font-size:17px;line-height:1.95}.blog-article-body p+p{margin-top:20px}.blog-article-body ul{flex-direction:column;gap:12px;padding-left:24px;list-style:outside;display:flex}.blog-article-body li::marker{color:var(--site-accent)}.blog-article-end{flex-direction:column;align-items:flex-start;gap:28px;margin-top:44px;display:flex}.blog-article-sidebar{align-self:stretch;min-width:0}.blog-article-sidebar-inner{scrollbar-width:thin;flex-direction:column;align-items:flex-start;gap:36px;max-height:calc(100dvh - 64px);display:flex;position:sticky;top:32px;overflow-y:auto}.blog-contents{width:100%}.blog-contents h2{letter-spacing:-.02em;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.4}.blog-contents ol{flex-direction:column;gap:4px;margin-top:16px;list-style:none;display:flex}.blog-contents a{color:var(--muted-foreground);overflow-wrap:anywhere;border-left:2px solid #0000;padding:10px 14px;font-size:14px;line-height:1.6;display:block}.blog-contents a:hover{color:var(--foreground)}.blog-contents a[aria-current=location]{border-color:var(--site-accent);color:var(--site-accent);background:var(--accent-surface)}.blog-related{margin-top:56px}.blog-related>h2{letter-spacing:-.02em;margin:0 0 24px;font-size:24px;font-weight:600;line-height:1.4}.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.blog-related-card{border:1px solid var(--border);border-radius:6px;gap:16px;min-width:0;padding:16px;transition:border-color .15s;display:flex}.blog-related-card:hover{border-color:var(--site-accent)}.blog-related-card>img{object-fit:cover;border-radius:3px;flex-shrink:0;width:104px;height:104px}.blog-related-copy{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.blog-related-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.blog-related-title h3{-webkit-line-clamp:2;text-wrap:pretty;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-related-title svg{color:var(--muted-foreground);flex-shrink:0;margin-top:3px}.blog-related-card:hover h3,.blog-related-card:hover svg{color:var(--site-accent)}.blog-related-copy p{-webkit-line-clamp:2;color:var(--muted-foreground);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-related-copy time{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-top:auto;font-size:12px;line-height:1.5}.blog-not-found h1{font-family:var(--site-display);font-size:40px}.blog-not-found p{color:var(--muted-foreground);margin-block:20px 32px;line-height:1.9}@media (width<=1050px){.blog-main{padding-top:48px}.blog-posts{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:40px}}@media (width<=760px){.blog-main{padding-block:40px 72px}.blog-heading{margin-bottom:28px}.blog-heading h1{font-size:40px}.blog-heading p{font-size:15px}.blog-posts{grid-template-columns:minmax(0,1fr);gap:24px}.blog-article-main{padding:32px 24px 72px}.blog-article-heading{margin-block:36px 28px}.blog-article-heading>p{font-size:16px}.blog-article-info{gap:16px;padding-block:20px}.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:36px}.blog-article-sidebar{grid-row:1}.blog-article-sidebar-inner{gap:24px;max-height:none;position:static;overflow:visible}.blog-article-sidebar-inner>[data-slot=badge]{display:none}.blog-contents ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;display:grid}.blog-contents a{padding-block:8px}.blog-article-body h2{font-size:24px}.blog-article-body p,.blog-article-body li{font-size:16px}.blog-related{margin-top:40px}.blog-related-grid{grid-template-columns:minmax(0,1fr);gap:16px}}}