@layer reset,base,layout;@layer components{.breadcrumbs{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:.875rem;display:flex}.breadcrumbs a{color:var(--secondary);text-decoration:none}.breadcrumbs a:hover{color:var(--ink);text-underline-offset:.18em;text-decoration:underline}.blog-byline{color:var(--secondary);margin-top:20px;font-size:.9375rem}.blog-byline time{color:var(--ink)}.blog-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.blog-list li{border-bottom:1px solid var(--line)}.blog-list a{color:var(--ink);gap:6px;padding-block:24px;text-decoration:none;display:grid}.blog-list a:hover{text-decoration:none}.blog-list a:hover strong{text-underline-offset:.18em;text-decoration:underline 1px}.blog-list strong{font-family:var(--rounded);font-size:1.3125rem;font-weight:700;line-height:1.24}.blog-list span{color:var(--secondary);font-size:.9375rem;line-height:1.42}.blog-list .blog-date{color:var(--muted);font-size:.8125rem}.blog-body h2{scroll-margin-top:88px}.blog-body pre{border-radius:var(--radius-s);background:var(--cream);padding:16px 18px;font-size:.875rem;line-height:1.5;overflow-x:auto}.blog-body pre code{font-size:inherit}.blog-author{margin-top:56px}.blog-author p{margin-top:6px}.blog-related{border-top:1px solid var(--line);margin-top:56px;padding-top:40px}.blog-related h2{margin-bottom:8px;font-size:1.5rem}.blog-related .blog-list{margin-top:12px}.blog-cta{border-radius:var(--radius-m);background:var(--cream);margin-top:56px;padding:36px 32px}.blog-cta h2{color:var(--ink);font-size:1.75rem;line-height:1.14}.blog-cta p{color:var(--ink);margin-top:12px}.blog-cta .actions{margin-top:24px}}@layer responsive{@media (width<=733px){.blog-list strong{font-size:1.1875rem}.blog-cta{padding:28px 22px}}}