.blog{--line:color-mix(in srgb, var(--color-bone) 14%, transparent);--dim:color-mix(in srgb, var(--color-bone) 62%, transparent);--raised:color-mix(in srgb, var(--color-bone) 4%, transparent);background:var(--color-ink);min-height:100dvh;color:var(--color-bone)}.blog-shell{max-width:46rem;margin-inline:auto;padding:0 20px 96px}.blog-shell--wide{max-width:72rem}.blog-top{z-index:10;background:var(--color-ink);border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;display:flex;position:sticky;top:0}.blog-back{min-height:44px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:.8125rem;font-weight:800;transition:color .15s;display:inline-flex}.blog-back:hover{color:var(--color-neon)}.blog-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-neon);font-size:.6875rem;font-weight:500}.blog-title{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:10px 0 0;font-size:clamp(1.875rem,5.5vw,3rem);font-weight:900;line-height:1.04}.blog-meta{font-family:var(--font-mono);color:var(--dim);flex-wrap:wrap;gap:6px 14px;margin-top:16px;font-size:.75rem;display:flex}.post-answer{border:1px solid var(--line);background:color-mix(in srgb, var(--color-bone) 6%, transparent);margin:28px 0 0;padding:22px 24px;font-size:1.125rem;line-height:1.6}.post-answer-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-neon);margin-bottom:8px;font-size:.6875rem;display:block}.blog-body{margin-top:40px}.blog-body h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:48px 0 14px;padding-top:8px;scroll-margin-top:72px;font-size:clamp(1.375rem,3.5vw,1.75rem);font-weight:900;line-height:1.15}.blog-body h2:first-child{margin-top:0}.blog-body h3{font-family:var(--font-display);letter-spacing:-.01em;margin:32px 0 10px;font-size:1.125rem;font-weight:800}.blog-body p{margin:0 0 18px;font-size:1.0625rem;line-height:1.75}.blog-body strong{color:var(--color-bone);font-weight:700}.blog-body ul,.blog-body ol{margin:0 0 20px;padding-left:22px;font-size:1.0625rem;line-height:1.7}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body li{margin-bottom:9px}.blog-body li::marker{color:var(--color-neon)}.blog-note,.blog-warn{border:1px solid var(--line);background:var(--raised);margin:24px 0;padding:16px 18px}.blog-warn{border-color:color-mix(in srgb, var(--color-red) 55%, transparent)}.blog-note-title,.blog-warn-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:800;display:block}.blog-note-title{color:var(--color-neon)}.blog-warn-title{color:var(--color-red)}.blog-note p:last-child,.blog-warn p:last-child{margin-bottom:0}.blog-body ol.blog-steps{counter-reset:step;margin:24px 0;padding:0;list-style:none}.blog-body ol.blog-steps li{counter-increment:step;margin-bottom:20px;padding-left:42px;position:relative}.blog-body ol.blog-steps li:before{content:counter(step);width:28px;height:28px;font-family:var(--font-mono);color:var(--color-ink);background:var(--color-neon);place-items:center;font-size:.8125rem;font-weight:700;display:grid;position:absolute;top:1px;left:0}.blog-step-title{font-family:var(--font-display);margin-bottom:4px;font-size:1rem;font-weight:800;display:block}.blog-table-wrap{border:1px solid var(--line);margin:24px 0;overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.9375rem}.blog-table th,.blog-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.blog-table th{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:var(--raised);font-size:.6875rem}.blog-table tr:last-child td{border-bottom:0}.blog-table caption{caption-side:top;text-align:left;font-family:var(--font-mono);color:var(--dim);border-bottom:1px solid var(--line);padding:10px 14px;font-size:.75rem}.blog-faq{border-top:1px solid var(--line);margin:32px 0}.blog-faq details{border-bottom:1px solid var(--line)}.blog-faq summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;font-size:1rem;font-weight:800;line-height:1.35;list-style:none;display:flex}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";font-family:var(--font-mono);color:var(--color-neon);flex:none}.blog-faq details[open] summary:after{content:"−"}.blog-faq details>div{padding:0 0 18px}.blog-faq p{color:var(--dim);margin:0;font-size:1rem;line-height:1.7}.blog-quote{border-left:2px solid var(--color-neon);margin:28px 0;padding-left:20px;font-size:1.125rem;font-style:italic;line-height:1.6}.blog-toc{border:1px solid var(--line);background:var(--raised);margin:32px 0 0;padding:18px 20px}.blog-toc-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.6875rem}.blog-toc ol{counter-reset:toc;margin:12px 0 0;padding:0;list-style:none}.blog-toc li{counter-increment:toc;margin-bottom:7px;font-size:.9375rem;line-height:1.45}.blog-toc li:before{content:counter(toc, decimal-leading-zero) " ";font-family:var(--font-mono);color:var(--color-neon);margin-right:8px;font-size:.75rem}.blog-toc a:hover{color:var(--color-neon)}.blog-grid{background:var(--line);border:1px solid var(--line);gap:1px;margin-top:28px;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--color-ink);flex-direction:column;gap:10px;padding:24px 22px;transition:background .18s;display:flex}.blog-card:hover{background:var(--raised)}.blog-card-title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:1.0625rem;font-weight:800;line-height:1.25}.blog-card:hover .blog-card-title{color:var(--color-neon)}.blog-card-desc{color:var(--dim);font-size:.9375rem;line-height:1.55}.blog-card-meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:auto;padding-top:6px;font-size:.6875rem}.blog-cta{border:1px solid var(--color-neon);background:color-mix(in srgb, var(--color-neon) 6%, transparent);margin-top:56px;padding:28px 24px}.blog-cta h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;font-weight:900;line-height:1.1}.blog-cta p{color:var(--dim);margin:0 0 18px;font-size:1rem;line-height:1.6}.blog-cta-btn{background:var(--color-neon);min-height:48px;color:var(--color-ink);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;padding:12px 24px;font-size:.875rem;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.blog-cta-btn:hover{background:var(--color-bone)}.blog-crumbs{font-family:var(--font-mono);color:var(--dim);margin-top:28px;font-size:.75rem}.blog-crumbs a:hover{color:var(--color-neon)}.blog-related{border-top:1px solid var(--line);margin-top:56px;padding-top:28px}@media (prefers-reduced-motion:reduce){.blog *{transition-duration:.01ms!important}}
