.blog-shell{background:var(--brand-ground);color:var(--brand-ink-primary);font-family:Lato,sans-serif}.blog-main{max-width:920px;margin:auto;padding:130px 28px 80px}.blog-review{border:1px solid var(--brand-accent);padding:16px;margin-bottom:42px;display:grid;gap:6px}.blog-review code{overflow-wrap:anywhere;font-size:13px}.blog-heading{margin:24px 0 40px}.blog-heading h1{font-size:clamp(32px,5vw,56px);font-weight:900;line-height:1.1;letter-spacing:-.025em}.blog-heading p{margin-top:18px}.blog-byline,.blog-dates{font-size:15px}.blog-hero{width:100%;height:auto;max-height:520px;-o-object-fit:contain;object-fit:contain;margin-bottom:40px}.blog-body{font-size:19px;line-height:1.75;overflow-wrap:anywhere}.blog-body p,.blog-body ul,.blog-body ol,.blog-body figure,.blog-body blockquote{margin:1.3em 0}.blog-body ul{list-style:disc;padding-left:1.5em}.blog-body ol{list-style:decimal;padding-left:1.5em}.blog-body h2{font-size:30px;line-height:1.25;margin:2em 0 .7em;font-weight:900}.blog-body h3{font-size:24px;line-height:1.3;margin:1.8em 0 .7em;font-weight:900}.blog-body img{max-width:100%;height:auto}.blog-body figcaption{font-size:15px}.blog-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px}.blog-body th,.blog-body td{border:1px solid var(--brand-border-hairline);padding:12px;min-width:120px;text-align:left}.blog-body blockquote{border-left:3px solid var(--brand-accent);padding:12px 24px}.blog-body pre{overflow-x:auto}.blog-body a,.blog-back,.blog-article-footer a{color:var(--brand-accent-deep, var(--brand-accent));text-decoration:underline}.blog-list{list-style:none;padding:0}.blog-list li{padding:30px 0;border-bottom:1px solid var(--brand-border-hairline)}.blog-list h2{font-size:27px;line-height:1.25;font-weight:900}.blog-list p{margin-top:14px;line-height:1.6}.blog-article-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--brand-border-hairline)}.blog-skip{position:fixed;top:-100px;left:16px;z-index:100;padding:12px;background:var(--brand-ground)}.blog-skip:focus{top:12px}.blog-shell a:focus-visible{outline:3px solid var(--brand-accent);outline-offset:4px}@media (max-width: 600px){.blog-main{padding:110px 20px 48px}.blog-body{font-size:17px}}