.blog-article{color:color-mix(in srgb,#fff 88%,transparent);margin-inline:auto;padding:clamp(5.5rem,14vw,8rem) 0 clamp(3rem,8vw,5rem);position:relative;width:min(1200px,100% - 2rem);z-index:1}.blog-article-head{margin-bottom:clamp(1.75rem,4vw,2.5rem)}.blog-back{color:hsl(var(--rainbow-hue),58%,62%);display:inline-flex;font-size:.88rem;font-weight:700;margin-bottom:1rem;text-decoration:none}.blog-back:hover{text-decoration:underline;text-underline-offset:.15em}.blog-article-date{color:color-mix(in srgb,#fff 48%,transparent);font-size:.82rem;font-weight:600;margin:0 0 .35rem}.blog-article-title{color:#fff;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 .5rem}.blog-article-desc{color:color-mix(in srgb,#fff 72%,transparent);font-size:1rem;line-height:1.6;margin:0}.blog-md{font-size:1.02rem;line-height:1.7}.blog-md :deep(h1),.blog-md :deep(h2),.blog-md :deep(h3){color:#fff;font-weight:800;letter-spacing:-.02em;margin:1.5em 0 .5em}.blog-md :deep(h1){font-size:1.45rem}.blog-md :deep(h2){font-size:1.25rem}.blog-md :deep(h3){font-size:1.1rem}.blog-md :deep(p){margin:0 0 1em}.blog-md :deep(ol),.blog-md :deep(ul){list-style-position:inside;margin:0 0 1em;padding-left:0}.blog-md :deep(li){margin-bottom:.35em}.blog-md :deep(a){color:hsl(var(--rainbow-hue),58%,62%);font-weight:600;text-decoration:underline;text-underline-offset:.15em}.blog-md :deep(code){background:#ffffff14;border-radius:.3em;font-size:.88em;padding:.12em .35em}.blog-md :deep(pre){background:#00000073;border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;margin:1em 0;overflow:auto;padding:1rem}.blog-md :deep(pre code){background:none;padding:0}.blog-md :deep(strong){color:#fff}.blog-main,.blog-page{min-height:100vh;position:relative}