.blog-article{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.blog-article h2{margin:2.5rem 0 1rem;line-height:1.3}.blog-article h3{margin:2rem 0 .75rem;line-height:1.35}.blog-article p,.blog-article ul,.blog-article ol,.blog-article blockquote{margin:0 0 1.25rem;line-height:1.75}.blog-article ul,.blog-article ol{padding-inline-start:1.5rem}.blog-article li{margin-bottom:.5rem}.blog-article blockquote{padding-inline-start:1rem;border-inline-start:3px solid #647B6A;font-style:italic}.blog-article a{color:#647b6a;text-decoration:underline}.blog-hero-image,.blog-card-image{display:block;width:100%;height:auto;border-radius:12px}.blog-screenshot{--screenshot-bezel:#1d2420;--screenshot-bezel-width:8px;--screenshot-frame-radius:18px;--screenshot-screen-radius:10px;--screenshot-phone-width:min(85%, 300px);--screenshot-float-wide:48%;--screenshot-float-phone:34%;--screenshot-float-gap:1.75rem;--screenshot-scanline:rgba(0, 0, 0, 0.07);--screenshot-red:rgba(255, 0, 0, 0.045);--screenshot-green:rgba(0, 255, 0, 0.045);--screenshot-blue:rgba(0, 0, 255, 0.045);--screenshot-glare:rgba(255, 255, 255, 0.12);--screenshot-scrollbar:rgba(255, 255, 255, 0.35);display:block;width:var(--screenshot-phone-width);margin:1.5rem auto .5rem}.blog-screenshot-frame{position:relative;display:block;width:100%;padding:var(--screenshot-bezel-width);border:0;border-radius:var(--screenshot-frame-radius);background:var(--screenshot-bezel);box-shadow:var(--shadow-soft),0 0 0 1px var(--screenshot-bezel);cursor:zoom-in;container-type:inline-size}.blog-screenshot-frame:focus-visible{outline:3px solid var(--color-accent,currentColor);outline-offset:3px}.blog-screenshot-screen{display:block;max-height:calc(100cqw * 16/9);overflow-y:auto;border-radius:var(--screenshot-screen-radius);scrollbar-width:thin;scrollbar-color:var(--screenshot-scrollbar)transparent}.blog-screenshot img{display:block;width:100%;height:auto}.blog-screenshot-frame::after,.blog-screenshot-frame::before{content:"";position:absolute;inset:var(--screenshot-bezel-width);z-index:1;border-radius:var(--screenshot-screen-radius);pointer-events:none}.blog-screenshot-frame::after{background:repeating-linear-gradient(0,var(--screenshot-scanline) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,var(--screenshot-red) 0 1px,var(--screenshot-green) 1px 2px,var(--screenshot-blue) 2px 3px);mix-blend-mode:multiply}.blog-screenshot-frame::before{background:linear-gradient(135deg,var(--screenshot-glare),transparent 45%)}.blog-screenshot-caption{display:block;margin-top:.75rem;font-size:.9rem;line-height:1.5;text-align:center;color:var(--color-text-muted)}@media(max-width:767px){.blog-screenshot.has-desktop:not(.has-phone,.is-illustration){width:100%}.blog-screenshot.has-desktop:not(.has-phone,.is-illustration) .blog-screenshot-screen{max-height:calc(100cqw * 9/16)}}@media(min-width:768px){.blog-screenshot{float:inline-start;width:var(--screenshot-float-phone);margin:.35rem 0 1rem;margin-inline-end:var(--screenshot-float-gap)}.blog-screenshot.has-desktop:not(.is-illustration){width:var(--screenshot-float-wide)}.blog-screenshot.is-end{float:inline-end;margin-inline:var(--screenshot-float-gap)0}.blog-screenshot.has-desktop:not(.is-illustration) .blog-screenshot-screen{max-height:calc(100cqw * 9/16)}.blog-article{display:flow-root}.blog-article h2,.blog-article h3{clear:both}.blog-article ul,.blog-article ol,.blog-article blockquote{display:flow-root}}.blog-screenshot.is-illustration{--illustration-radius:12px}.blog-screenshot.is-illustration .blog-screenshot-frame{padding:0;border-radius:var(--illustration-radius);background:0 0;box-shadow:var(--shadow-soft)}.blog-screenshot.is-illustration .blog-screenshot-frame::before,.blog-screenshot.is-illustration .blog-screenshot-frame::after{content:none}.blog-screenshot.is-illustration .blog-screenshot-screen{max-height:none;overflow:hidden;border-radius:var(--illustration-radius)}.screenshot-viewer{--viewer-bezel:#1d2420;--viewer-text:#f4f1ea;--viewer-backdrop:rgba(10, 14, 12, 0.8);width:min(96vw,1400px);max-width:none;height:94vh;max-height:none;padding:.75rem;border:0;border-radius:18px;background:var(--viewer-bezel);color:var(--viewer-text)}.screenshot-viewer[open]{display:flex;flex-direction:column;gap:.75rem}.screenshot-viewer::backdrop{background:var(--viewer-backdrop)}.screenshot-viewer-close{align-self:flex-end;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:0 0;color:inherit;font-size:1.75rem;line-height:1;cursor:pointer}.screenshot-viewer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-radius:10px}.screenshot-viewer-body img{display:block;max-width:100%;height:auto;margin-inline:auto}.screenshot-viewer-caption{margin:0;font-size:.95rem;text-align:center}@media print{.blog-article{max-width:none;font-size:var(--paper-font-size)}.blog-article h1{font-size:var(--paper-title-size)}.blog-article h2{font-size:var(--paper-heading-size);margin-top:var(--paper-heading-gap)}.blog-article h3{font-size:var(--paper-subheading-size);margin-top:var(--paper-heading-gap)}.blog-article p,.blog-article ul,.blog-article ol,.blog-article blockquote{line-height:var(--paper-line-height)}.blog-article a{color:var(--paper-ink)}.blog-article blockquote{border-inline-start-color:var(--paper-rule-color)}.blog-hero-image{width:auto;max-width:100%;max-height:var(--paper-image-max-height);margin-inline:auto}.blog-screenshot{float:none!important;width:var(--paper-screenshot-width)!important;margin:var(--paper-band-gap)auto!important;break-inside:avoid;page-break-inside:avoid}@media(min-width:768px){.blog-screenshot.has-desktop:not(.is-illustration){width:var(--paper-desktop-screenshot-width)!important}}@media(max-width:767px){.blog-screenshot.has-desktop:not(.has-phone,.is-illustration){width:var(--paper-desktop-screenshot-width)!important}}.blog-screenshot-frame,.blog-screenshot.is-illustration .blog-screenshot-frame{box-shadow:none}.blog-screenshot-frame::before,.blog-screenshot-frame::after{content:none}.blog-screenshot-screen{overflow:hidden;scrollbar-width:none}.screenshot-viewer{display:none!important}}