body:has(.blog-page) .reading-atmosphere:after{background:#07101bd9}.blog-page{--muted:#e0e7ef;padding-block:42px 100px}.blog-header{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-block:12px}.blog-header nav{align-items:center;gap:24px;display:flex}.blog-header nav a{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.blog-header nav a[aria-current]{color:var(--text)}.blog-page h1,.blog-page h2,.blog-page h3{font-weight:600}.blog-page h1{letter-spacing:-.015em;line-height:1.18}.blog-intro{margin-bottom:68px}.blog-intro h1{font-size:clamp(1.75rem,3vw,2.25rem)}.blog-intro p{max-width:48ch;color:var(--muted);margin:14px 0 0;font-size:1.0625rem;line-height:1.65}.blog-post-preview{grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(36px,6vw,88px);display:grid}.blog-post-preview+.blog-post-preview{margin-top:80px}.blog-post-copy{min-width:0}.blog-post-preview h2{letter-spacing:-.012em;max-width:24ch;margin:0 0 22px;font-size:clamp(1.8rem,3.8vw,2.75rem);line-height:1.2}.blog-post-preview h2 a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.blog-post-copy>p:not(.blog-meta){max-width:44ch;color:var(--muted);margin:0 0 22px;font-size:1.0625rem;line-height:1.7}.blog-cover{min-width:0}.blog-cover picture,.blog-forecast-figure picture{display:block}.blog-cover img,.blog-forecast-figure img{border-radius:4px;width:100%;height:auto;display:block}.blog-text-link{min-height:44px;color:var(--brand);text-underline-offset:5px;align-items:center;text-decoration:underline;display:inline-flex}.blog-meta{color:var(--muted);flex-wrap:wrap;gap:6px 20px;margin:0;font-size:.875rem;line-height:1.6;display:flex}.blog-post-copy .blog-meta{margin-bottom:12px}.blog-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;font-size:.875rem;display:flex}.blog-breadcrumb a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.blog-article-layout{grid-template-columns:minmax(0,700px) 210px;align-items:start;column-gap:clamp(40px,6vw,80px);display:grid}.blog-article-header{grid-column:1;min-width:0;margin-bottom:48px}.blog-article-header h1{max-width:24ch;margin:0 0 24px;font-size:clamp(2.2rem,4.5vw,3.25rem)}.blog-answer{max-width:60ch;color:var(--overlay-text);margin:28px 0 0;font-size:1.125rem;line-height:1.75}.blog-instruction-links{display:none}.blog-contents{grid-area:1/2/span 2;padding-top:8px;position:sticky;top:36px}.blog-contents h2{margin:0 0 14px;font-size:.9375rem;line-height:1.5}.blog-contents ul{margin:0;padding:0;list-style:none}.blog-contents a{color:var(--muted);padding-block:9px;font-size:.875rem;line-height:1.5;display:block}.blog-contents a:hover,.blog-header a:hover{color:var(--brand)}.blog-prose{grid-column:1;min-width:0;font-size:1.0625rem;line-height:1.75}.blog-prose p{max-width:62ch;margin:0 0 24px}.blog-prose section{margin-top:56px;scroll-margin-top:32px}.blog-prose>section:first-child{margin-top:0}.blog-prose h2{letter-spacing:-.01em;max-width:32ch;margin:0 0 22px;font-size:clamp(1.5rem,2.7vw,1.875rem);line-height:1.3}.blog-prose h3{margin:28px 0 12px;font-size:1.125rem;line-height:1.45}.blog-prose a:not(.button){color:var(--brand);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.blog-prose ul,.blog-steps{padding-left:24px}.blog-prose li{margin-bottom:12px;padding-left:6px}.blog-forecast-figure{margin:32px 0 0}.blog-page figcaption{max-width:66ch;color:var(--muted);margin-top:14px;font-size:.8125rem;line-height:1.65}.blog-definitions{margin-block:28px}.blog-definitions>div{grid-template-columns:76px 1fr;gap:20px;padding-block:8px;display:grid}.blog-definitions dt{font-weight:600}.blog-definitions dd{color:var(--muted);margin:0}.blog-example{margin-block:30px}.blog-example h3{margin-top:0}.blog-example p{margin-bottom:0}.blog-walkthrough{grid-template-columns:minmax(0,1fr) 264px;align-items:start;gap:36px;margin-top:28px;display:grid}.blog-walkthrough-copy{min-width:0}.blog-walkthrough-copy .blog-steps{margin-block:22px}.blog-phone{background:var(--ink);border:1px solid var(--border);border-radius:38px;max-width:290px;padding:5px;display:block;overflow:hidden}.blog-phone img,.blog-phone video{border-radius:32px;width:100%;height:auto;display:block}.blog-settings-figure{margin:0}.blog-demo-figure{grid-template-columns:290px minmax(0,1fr);align-items:center;gap:28px 36px;margin:32px 0;display:grid}.blog-demo-figure>figcaption{grid-column:1/-1;margin-top:0}.blog-demo-figure h3{margin-top:0}.blog-demo-figure p{margin-bottom:0}.blog-sources{border-top:1px solid var(--separator);padding-top:36px;font-size:.9375rem}.blog-sources ul{margin-block:24px}.blog-article-cta{margin-top:48px}.blog-article-cta>p{font-size:1.125rem}.blog-article-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}@media (width<=1000px){.blog-article-layout{grid-template-columns:minmax(0,700px)}.blog-contents{display:none}.blog-instruction-links{flex-wrap:wrap;gap:0 24px;margin-top:20px;display:flex}.blog-instruction-links a{min-height:44px;color:var(--brand);text-underline-offset:4px;align-items:center;padding-block:8px;font-size:.9375rem;text-decoration:underline;display:inline-flex}}@media (width<=700px){.blog-page{padding-block:24px 64px}.blog-header .wordmark{gap:8px;font-size:.95rem}.blog-header nav{gap:16px;font-size:.85rem}.blog-intro{margin-bottom:44px}.blog-post-preview{grid-template-columns:1fr;gap:28px}.blog-post-preview h2{font-size:clamp(1.8rem,6.7vw,2.25rem)}.blog-post-copy>p:not(.blog-meta){font-size:1rem}.blog-cover{max-width:540px}.blog-breadcrumb{margin-bottom:20px}.blog-article-header{margin-bottom:36px}.blog-article-header h1{font-size:clamp(2rem,7.7vw,2.5rem);line-height:1.2}.blog-answer{margin-top:22px;font-size:1.0625rem}.blog-meta{gap:6px 16px}.blog-prose{font-size:1rem}.blog-prose section{margin-top:44px}.blog-walkthrough,.blog-demo-figure{grid-template-columns:1fr;gap:24px}.blog-phone{width:min(100%,320px);max-width:320px;margin-inline:auto}.blog-settings-figure figcaption{max-width:320px;margin-inline:auto}.blog-demo-figure>div:not(.blog-phone){grid-row:1}.blog-demo-figure>figcaption{max-width:320px;margin-inline:auto}.blog-definitions>div{grid-template-columns:1fr;gap:4px}}