.blog-wrap{max-width:46rem;margin:0 auto;padding:3.5rem 1.25rem 4rem}.blog-wrap--wide{max-width:72rem}.blog-back{color:var(--muted);align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-back:hover{color:var(--brand)}.post__head{margin:1.2rem 0 1.8rem}.post__title{letter-spacing:-.025em;margin:.5rem 0 .7rem;font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.1}.post__meta{color:var(--muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.88rem;display:flex}.post__excerpt{color:var(--muted);margin:1rem 0 0;font-size:1.08rem;line-height:1.65}.post__cover{border-radius:var(--r-lg,16px);border:1px solid var(--line);width:100%;height:auto;margin:0 0 2rem;display:block}.post__toc{border:1px solid var(--line);border-radius:var(--r-md,12px);background:var(--surface-2);margin:0 0 2rem;padding:1rem 1.2rem}.post__toc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .5rem;font-size:.78rem;font-weight:700}.post__toc ol{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.post__toc a{color:inherit;text-decoration:none}.post__toc a:hover{color:var(--brand);text-decoration:underline}.post__body{font-size:1.03rem;line-height:1.75}.post__body h2{letter-spacing:-.015em;margin:2.4rem 0 .8rem;scroll-margin-top:5rem;font-size:clamp(1.3rem,2.6vw,1.65rem);line-height:1.25}.post__body h3{margin:1.8rem 0 .6rem;scroll-margin-top:5rem;font-size:1.12rem}.post__body p{margin:0 0 1.1rem}.post__body ul,.post__body ol{gap:.4rem;margin:0 0 1.2rem;padding-left:1.3rem;display:grid}.post__body a{color:var(--brand);text-underline-offset:3px}.post__body code{font-family:var(--font-mono,ui-monospace, monospace);background:var(--surface-2);border-radius:6px;padding:.1rem .35rem;font-size:.9em}.post__body blockquote{border-left:3px solid var(--brand);color:var(--muted);margin:1.5rem 0;padding:.2rem 0 .2rem 1.1rem;font-style:italic}.post__note{border-radius:var(--r-md,12px);background:color-mix(in srgb, var(--brand) 7%, transparent);border:1px solid color-mix(in srgb, var(--brand) 25%, transparent);margin:1.6rem 0;padding:1rem 1.2rem}.post__note p{margin:0}.post__figure{margin:1.8rem 0}.post__figure img{border-radius:var(--r-md,12px);border:1px solid var(--line);width:100%;height:auto;display:block}.post__figure figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.85rem}.post__table-wrap{margin:1.6rem 0;overflow-x:auto}.post__table{border-collapse:collapse;width:100%;font-size:.93rem}.post__table th,.post__table td{text-align:left;border-bottom:1px solid var(--line);padding:.6rem .75rem}.post__table th{background:var(--surface-2);font-weight:700}.post__tags{flex-wrap:wrap;gap:.4rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.post__tag{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.25rem .6rem;font-size:.78rem}.post__cta{border-radius:var(--r-lg,16px);background:var(--surface-2);border:1px solid var(--line);margin:2.6rem 0 0;padding:1.4rem 1.5rem}.post__cta h2{margin:0 0 .4rem;font-size:1.15rem}.post__cta p{color:var(--muted);margin:0 0 1rem}.blog-list{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){.blog-list{grid-template-columns:repeat(2,1fr)}}.blog-card{border:1px solid var(--line);border-radius:var(--r-lg,16px);background:var(--surface);transition:border-color .2s var(--ease), transform .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));transform:translateY(-2px)}.blog-card__cover{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid var(--line);width:100%;display:block}.blog-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.blog-card__title{margin:0;font-size:1.12rem;line-height:1.3}.blog-card__title a{color:inherit;text-decoration:none}.blog-card__title a:hover{color:var(--brand)}.blog-card__excerpt{color:var(--muted);flex:1;margin:0;font-size:.93rem}.blog-card__meta{color:var(--muted);font-size:.82rem}.blog-empty{color:var(--muted);padding:3rem 0}