.blog{max-width:44rem;margin:0 auto;padding:3rem 1.25rem 5rem;line-height:1.7}.blog h1{margin:0 0 .75rem;font-size:2.25rem;font-weight:700;line-height:1.2}.blog time{opacity:.6;margin-bottom:2rem;font-size:.9rem;display:block}.blog img{border-radius:.5rem;max-width:100%;height:auto}.blog-list{gap:2.5rem;padding:0;list-style:none;display:grid}.blog-list a{color:inherit;gap:.5rem;text-decoration:none;display:grid}.blog-list h2{margin:.5rem 0 0;font-size:1.4rem;font-weight:650}.blog-list p{opacity:.75;margin:0}.blog-cover{margin:0 0 2rem}.blog-body h2{margin:2.5rem 0 .75rem;font-size:1.5rem;font-weight:650}.blog-body h3{margin:2rem 0 .5rem;font-size:1.2rem;font-weight:650}.blog-body p,.blog-body ul,.blog-body ol,.blog-body table,.blog-body figure{margin:0 0 1.25rem}.blog-body ul,.blog-body ol{padding-left:1.5rem}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body a{text-underline-offset:2px;text-decoration:underline}.blog-body blockquote{opacity:.85;border-left:3px solid;margin:0 0 1.25rem;padding-left:1rem}.blog-body code{font-family:ui-monospace,monospace;font-size:.9em}.blog-body pre{background:#7f7f7f1a;border-radius:.5rem;padding:1rem;overflow-x:auto}.blog-body table{border-collapse:collapse;width:100%;font-size:.95rem}.blog-body th,.blog-body td{text-align:left;border-bottom:1px solid #7f7f7f40;padding:.5rem}.blog-body figcaption{opacity:.7;margin-top:.5rem;font-size:.9rem}.blog{max-width:960px}.blog h1{font-size:44px;font-weight:600}.blog h2,.blog h3{font-weight:600}.blog time,.blog-list p,.blog-body figcaption{opacity:1}.blog-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:40px}.blog-list li{background:var(--surface);border-radius:12px;padding:24px}.blog-article{max-width:760px;margin:auto}