.blog-page{--blog-accent:#3de2d1;--blog-accent-hover:#6feee0;--blog-accent-soft:rgba(61,226,209,.08);--blog-accent-line:rgba(61,226,209,.45);--blog-body:#d4d4d8;--blog-surface:rgba(24,24,27,.85)}html.light .blog-page{--blog-accent:#0f766e;--blog-accent-hover:#115e59;--blog-accent-soft:rgba(15,118,110,.08);--blog-accent-line:rgba(15,118,110,.45);--blog-body:#3a3f55;--blog-surface:hsla(0,0%,100%,.9)}.blog-page section{display:block}.blog-markdown{color:var(--blog-body);font-size:1.0625rem;line-height:1.8}.blog-markdown>:first-child{margin-top:0}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{color:var(--site-color);font-family:var(--font-raleway),"Raleway",sans-serif;font-weight:700;line-height:1.25;margin:2rem 0 .85rem}.blog-markdown h1{font-size:clamp(1.8rem,4vw,2.4rem)}.blog-markdown h2{font-size:clamp(1.4rem,3vw,1.85rem)}.blog-markdown h3{font-size:1.2rem}.blog-markdown blockquote,.blog-markdown ol,.blog-markdown p,.blog-markdown pre,.blog-markdown ul{margin:0 0 1.15rem}.blog-markdown ol,.blog-markdown ul{padding-left:1.4rem}.blog-markdown li+li{margin-top:.4rem}.blog-markdown a{color:var(--blog-accent);text-decoration:underline;text-underline-offset:3px}.blog-markdown a:hover{color:var(--blog-accent-hover)}.blog-markdown strong{color:var(--site-color);font-weight:700}.blog-markdown blockquote{border-left:3px solid var(--blog-accent-line);color:var(--site-muted);padding-left:1rem}.blog-markdown code{background:var(--blog-surface);border:1px solid var(--site-border);border-radius:6px;font-size:.9em;padding:.12em .4em}.blog-markdown pre{background:var(--blog-surface);border:1px solid var(--site-border);border-radius:16px;overflow-x:auto;padding:1rem 1.15rem}.blog-markdown pre code{background:none;border:0;padding:0}.blog-markdown img{border-radius:16px;display:block;height:auto;max-width:100%}.blog-cover{margin:0 0 2rem;overflow:hidden;border-radius:24px;border:1px solid var(--site-border);aspect-ratio:16/9;background:var(--site-card-bg)}.blog-cover img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.blog-card-cover{margin:-28px -28px 20px;overflow:hidden;border-radius:24px 24px 0 0;aspect-ratio:16/7;background:var(--site-card-bg)}.blog-card-cover img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.blog-markdown hr{border:0;border-top:1px solid var(--site-border);margin:2rem 0}.blog-markdown table{border-collapse:collapse;margin:0 0 1.15rem;width:100%}.blog-markdown td,.blog-markdown th{border:1px solid var(--site-border);padding:.55rem .75rem;text-align:left}.blog-markdown th{color:var(--site-color);font-weight:600}.blog-filter{border:1px solid var(--site-border);border-radius:999px;color:var(--site-muted);font-size:.8rem;font-weight:700;letter-spacing:.08em;padding:.45rem .9rem;text-transform:uppercase;transition:border-color .2s ease,color .2s ease,background .2s ease}.blog-filter:hover,.blog-filter[data-active=true]{border-color:var(--blog-accent-line);color:var(--blog-accent)}.blog-filter[data-active=true]{background:var(--blog-accent-soft)}.blog-card{border:1px solid var(--site-border);border-radius:24px;background:var(--site-card-bg);padding:28px;transition:border-color .3s ease}.blog-card:hover{border-color:var(--blog-accent-line)}