.blog-site{min-height:100vh;color:var(--atomic-color-ink);background:var(--atomic-color-paper)}.blog-wrap{width:min(var(--atomic-container-max),calc(100% - var(--atomic-container-gutter) * 2));margin-inline:auto}.blog-site a{text-underline-offset:4px}.blog-site a:hover{text-decoration:underline}.blog-site :focus-visible{outline:3px solid var(--atomic-color-action);outline-offset:4px}.blog-skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--atomic-color-surface);padding:12px 16px}.blog-skip:focus{top:16px}.blog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--atomic-color-line)}.blog-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.blog-header nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.blog-header nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.blog-intro{padding-block:64px 48px}.blog-eyebrow{color:var(--atomic-color-action);font-size:13px;font-weight:600;margin-bottom:24px}.blog-intro h1{font-size:clamp(44px,6.2vw,80px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin-bottom:24px}.blog-intro h1 span{color:var(--atomic-color-emphasis)}.blog-intro>p:last-child{max-width:54ch;font-size:18px;line-height:1.7;color:var(--atomic-color-muted)}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:24px;border-bottom:1px solid var(--atomic-color-line)}.blog-filters a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--atomic-color-line);border-radius:var(--atomic-radius-control);font-size:14px;background:var(--atomic-color-surface)}.blog-filters a:hover{border-color:var(--atomic-color-action)}.blog-filters a[aria-current]{color:var(--atomic-color-on-dark);background:var(--atomic-color-action);border-color:var(--atomic-color-action);text-decoration:underline;text-decoration-thickness:2px}.blog-results{padding-block:32px 64px}.blog-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:32px}.blog-results-heading h2{font-size:18px;font-weight:600}.blog-results-heading p{font-size:14px;color:var(--atomic-color-muted)}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.blog-card{min-width:0}.blog-card-image{display:block;overflow:hidden;background:var(--atomic-color-surface-muted);border-radius:var(--atomic-radius-panel)}.blog-card-image img{display:block;width:100%;height:auto}.blog-card-copy{padding-top:24px}.blog-app-links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;font-weight:600;color:var(--atomic-color-action)}.blog-app-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.blog-app-links img{flex:0 0 auto;border-radius:20%}.blog-card h2{margin-block:12px 16px;font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.2}.blog-card-copy>p:not(.blog-post-meta){font-size:16px;line-height:1.7;color:var(--atomic-color-muted)}.blog-post-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-size:13px;line-height:1.8;color:var(--atomic-color-muted);margin-top:20px}.blog-read-link{display:inline-flex;align-items:center;min-height:44px;gap:16px;margin-top:16px;color:var(--atomic-color-action);font-size:14px;font-weight:600}.blog-card-featured{grid-column:1 / -1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px}.blog-card-featured .blog-card-copy{padding:0}.blog-card-featured h2{font-size:clamp(28px,3vw,38px)}.blog-empty{padding:48px 0;max-width:58ch}.blog-empty h3{font-size:28px;font-weight:600;letter-spacing:-.03em;margin-bottom:16px}.blog-empty p{color:var(--atomic-color-muted);font-size:16px;line-height:1.75;margin-bottom:16px}.blog-empty a{display:inline-flex;align-items:center;min-height:44px;color:var(--atomic-color-action);gap:16px;text-decoration:underline}.blog-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--atomic-color-line);margin-top:48px;padding-top:24px;font-size:14px}.blog-pagination a{min-height:44px;display:inline-flex;align-items:center;color:var(--atomic-color-action)}.blog-explore{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;background:var(--atomic-color-surface-muted);border-radius:var(--atomic-radius-panel);margin-bottom:64px}.blog-explore h2{font-size:32px;letter-spacing:-.035em;font-weight:600;margin-bottom:16px;line-height:1.15}.blog-explore p:last-child{max-width:60ch;font-size:16px;line-height:1.7;color:var(--atomic-color-muted)}.blog-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:12px 20px;border-radius:var(--atomic-radius-control);background:var(--atomic-color-action);color:var(--atomic-color-on-dark);font-size:14px;font-weight:600;flex-shrink:0}.blog-button:hover{background:var(--atomic-color-action-hover)}.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;color:var(--atomic-color-muted);margin-top:24px}.blog-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.blog-article-header{max-width:900px;padding-block:32px 48px}.blog-article-header h1{font-size:clamp(36px,4.8vw,60px);line-height:1.09;font-weight:600;letter-spacing:-.045em;margin-block:16px 24px}.blog-article-description{max-width:65ch;font-size:18px;line-height:1.7;color:var(--atomic-color-muted)}.blog-updated{font-size:13px;color:var(--atomic-color-muted);margin-top:4px}.blog-article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;border-top:1px solid var(--atomic-color-line);padding-top:40px}.blog-article-layout>div{min-width:0;max-width:var(--atomic-prose-max)}.blog-contents nav{position:sticky;top:24px}.blog-contents-mobile{display:none}.blog-contents-mobile summary{min-height:44px;padding-block:12px;font-size:14px;font-weight:600;cursor:pointer}.blog-contents p{font-size:13px;font-weight:600;margin-bottom:16px}.blog-contents li{font-size:14px;line-height:1.55;margin-bottom:8px}.blog-contents a{display:block;padding-block:8px;color:var(--atomic-color-muted)}.blog-contents a:hover{color:var(--atomic-color-action)}.blog-prose{font-size:17px;line-height:1.85;overflow-wrap:anywhere}.blog-prose>:first-child{margin-top:0}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose dl{margin-block:20px}.blog-prose h2{scroll-margin-top:32px;font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.03em;margin-block:48px 20px}.blog-prose h3{font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.02em;margin-block:32px 16px}.blog-prose strong{font-weight:600}.blog-prose a{color:var(--atomic-color-action);text-decoration:underline}.blog-prose ul{list-style:disc;padding-left:24px}.blog-prose ol{list-style:decimal;padding-left:24px}.blog-prose li+li{margin-top:8px}.blog-prose blockquote{border-left:3px solid var(--atomic-color-action);padding:4px 24px;background:var(--atomic-color-surface-muted);margin-block:24px}.blog-prose figure{margin-block:32px}.blog-prose figure img{display:block;width:100%;height:auto;border-radius:var(--atomic-radius-card)}.blog-prose video{display:block;width:100%;aspect-ratio:1.49;background:var(--atomic-color-surface-muted);border-radius:var(--atomic-radius-card)}.blog-prose figcaption{font-size:13px;line-height:1.7;color:var(--atomic-color-muted);margin-top:12px}.blog-prose code{background:var(--atomic-color-surface-muted);padding:2px 6px;border-radius:4px;font-size:.9em}.blog-prose pre{max-width:100%;overflow-x:auto;padding:24px;background:var(--atomic-color-surface-muted);border-radius:var(--atomic-radius-card)}.blog-prose pre code{padding:0}.blog-article-apps{border-top:1px solid var(--atomic-color-line);margin-top:48px;padding-top:24px}.blog-article-apps a{display:flex;align-items:center;gap:16px;padding-block:16px}.blog-article-apps img{flex:0 0 auto;border-radius:20%}.blog-article-apps a>span:nth-child(2){flex:1}.blog-article-apps strong{display:block;font-size:16px;font-weight:600}.blog-article-apps strong+span{display:block;margin-top:4px;font-size:14px;color:var(--atomic-color-muted)}.blog-related{margin-top:64px;padding-top:32px;border-top:1px solid var(--atomic-color-line)}.blog-related>h2{font-size:28px;font-weight:600;letter-spacing:-.03em;margin-bottom:32px}.blog-back{margin-block:32px 64px;font-size:14px;color:var(--atomic-color-action)}.blog-back a{display:inline-flex;align-items:center;min-height:44px}.blog-footer{border-top:1px solid var(--atomic-color-line);padding-block:32px}.blog-footer-intro{display:flex;align-items:center;gap:24px;margin-bottom:24px}.blog-footer-intro p{font-size:14px;color:var(--atomic-color-muted)}.blog-footer-bottom{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;font-size:13px;color:var(--atomic-color-muted);margin-top:16px}.blog-footer-bottom a{display:inline-flex;align-items:center;min-height:44px}@media (max-width: 1000px){.blog-card-featured{gap:32px}.blog-article-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}}@media (max-width: 700px){.blog-header{gap:16px;flex-wrap:wrap}.blog-header img{width:138px;height:auto}.blog-header nav{gap:20px;font-size:14px}.blog-intro{padding-block:40px 32px}.blog-intro>p:last-child,.blog-article-description{font-size:16px}.blog-filters a{padding-inline:12px}.blog-results{padding-bottom:40px}.blog-grid,.blog-card-featured{grid-template-columns:1fr}.blog-card-featured{gap:20px}.blog-card-copy{padding-top:16px}.blog-card h2{font-size:28px}.blog-explore{flex-direction:column;align-items:flex-start;padding:24px;margin-bottom:40px}.blog-explore h2{font-size:28px}.blog-article-header{padding-block:20px 32px}.blog-article-layout{grid-template-columns:1fr;gap:32px;padding-top:24px}.blog-contents{border-bottom:1px solid var(--atomic-color-line);padding-bottom:24px}.blog-contents nav{position:static}.blog-contents-desktop{display:none}.blog-contents-mobile{display:block}.blog-contents ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.blog-prose{font-size:16px}.blog-prose h2{font-size:26px;margin-top:40px}.blog-footer-intro{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width: 360px){.blog-contents ol{grid-template-columns:1fr}.blog-header nav{gap:24px}}