.blog-site .blog-header{background:#0c0d18;padding:1px 0 24px}.blog-site .blog-hero{color:#fff;background:#0c0d18;padding:48px 0 72px}.blog-site h1{text-wrap:balance;max-width:920px}.blog-site .blog-kicker{color:#c4a4ff;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.blog-site .blog-intro{color:#c6c0d3;max-width:100%;font-size:18px;line-height:1.75}.blog-site .blog-intro a{text-decoration:underline}.blog-site .blog-hero .button{margin-top:20px}.blog-site .blog-section{padding:64px 0 96px}.blog-site .blog-categories{flex-wrap:wrap;gap:12px;margin:0 0 32px;display:flex}.blog-site .blog-categories a{border:1px solid #dad5e4;border-radius:100px;padding:10px 16px;font-size:13px}.blog-site .blog-categories a[aria-current=page]{color:#fff;background:#6904f2;border-color:#6904f2}.blog-site .blog-section-title{margin-bottom:36px;font-size:30px;font-weight:600}.blog-site .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;display:grid}.blog-site .blog-card{border:1px solid #e4dfeb;border-radius:14px;overflow:hidden}.blog-site .blog-card>a{height:100%;display:block}.blog-site .blog-card img{aspect-ratio:2;object-fit:cover;width:100%;height:auto;display:block}.blog-site .blog-card__body{padding:24px}.blog-site .blog-card time,.blog-site .blog-byline,.blog-site .blog-modified{color:#625a69;font-size:13px}.blog-site .blog-card h2,.blog-site .blog-card h3{margin:16px 0;font-size:22px;font-weight:600;line-height:1.35}.blog-site .blog-card p{color:#625a69;font-size:14px;line-height:1.75}.blog-site .blog-link{color:#6904f2;text-underline-offset:4px;font-size:14px;text-decoration:underline}.blog-site .blog-card:hover{border-color:#b18aff}.blog-site .blog-article-head{max-width:1050px;padding-top:48px}.blog-site .blog-article-head .blog-categories{margin-top:28px}.blog-site .blog-featured{object-fit:cover;border-radius:16px;width:100%;height:auto;max-height:540px;margin:36px 0 0;display:block}.blog-site .blog-body{max-width:var(--layout-article);overflow-wrap:anywhere;padding-block:48px 72px;font-size:17px;line-height:1.85}.blog-site .blog-body h2{letter-spacing:-.02em;margin:42px 0 20px;font-size:30px;font-weight:600;line-height:1.3}.blog-site .blog-body h3{margin:32px 0 18px;font-size:24px;font-weight:600;line-height:1.4}.blog-site .blog-body h4{font-size:20px;font-weight:600;line-height:1.4}.blog-site .blog-body p{margin:0 0 22px}.blog-site .blog-body a{color:#6904f2;text-underline-offset:3px;text-decoration:underline}.blog-site .blog-body li{margin-bottom:12px}.blog-site .blog-body pre{color:#fff;background:#0c0d18;border-radius:10px;padding:20px;font-size:14px;line-height:1.6;overflow-x:auto}.blog-site .blog-body table{border-collapse:collapse;max-width:100%;font-size:14px;display:block;overflow-x:auto}.blog-site .blog-body td,.blog-site .blog-body th{text-align:left;border:1px solid #dad5e4;min-width:120px;padding:14px}.blog-site .blog-body img{height:auto;margin:24px auto;display:block}.blog-site .blog-body figure{margin:28px 0}.blog-site .blog-body figcaption{color:#625a69;font-size:13px}.blog-site .blog-body blockquote,.blog-site .blog-body aside{background:#f7f5ff;border-left:3px solid #6904f2;margin:24px 0;padding:20px 24px}.blog-site .blog-post-nav{border-top:1px solid #dad5e4;grid-template-columns:1fr 1fr;gap:36px;max-width:1050px;padding-block:24px 64px;display:grid}.blog-site .blog-post-nav span{color:#625a69;margin-bottom:12px;font-size:12px;display:block}.blog-site .blog-post-nav strong{font-size:18px;font-weight:600;line-height:1.4}.blog-site .blog-actions,.blog-site .blog-pagination{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.blog-site .blog-pagination{margin-top:40px}.blog-site .blog-pagination a{border:1px solid #dad5e4;border-radius:8px;padding:12px 18px}.blog-site .blog-pagination a[aria-current=page]{color:#fff;background:#6904f2}.blog-site .blog-related{margin-top:64px;line-height:1.7}.blog-site .blog-related h2{font-size:28px;font-weight:600}.blog-site .blog-related section>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-site .blog-related a{background:#f7f5ff;border-radius:12px;padding:24px;display:block}.blog-site .blog-related h3{font-size:20px;font-weight:600}@media (width<=1000px){.blog-site .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.blog-site .blog-grid,.blog-site .blog-post-nav,.blog-site .blog-related section>div{grid-template-columns:1fr}.blog-site .blog-card__body{padding:20px}.blog-site .blog-body{font-size:16px}.blog-site .blog-body h2{font-size:26px}}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/webio/fonts/instrument-sans-variable.ttf)format("truetype")}