.blog-article{padding:120px 0 96px}.blog-wrap{max-width:42rem}.blog-back{color:var(--fg-muted);margin-bottom:28px;font-size:.95rem;display:inline-flex}.blog-back:hover{color:var(--fg)}.blog-header h1{letter-spacing:-.038em;text-wrap:balance;margin:0 0 .85rem;font-size:clamp(2rem,4.6vw,2.75rem);font-weight:600;line-height:1.12}.blog-meta{border-bottom:1px solid var(--line);color:var(--fg-muted);flex-wrap:wrap;gap:.35rem .75rem;margin:0 0 2.25rem;padding-bottom:1.75rem;font-size:.95rem;display:flex}.blog-draft{color:var(--brand-ink)}.blog-prose{color:var(--fg-soft);font-size:1.0625rem;line-height:1.75}.blog-prose>*+*{margin-top:1.15rem}.blog-prose>*+h2{margin-top:2.75rem}.blog-prose>*+h3{margin-top:2rem}.blog-prose>*+h4{margin-top:1.6rem}.blog-prose>p:first-of-type{color:var(--fg);font-size:1.2rem;line-height:1.65}.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--fg);letter-spacing:-.03em;text-wrap:balance;scroll-margin-top:96px;font-weight:600;line-height:1.25}.blog-prose h2{font-size:clamp(1.35rem,2.4vw,1.65rem)}.blog-prose h3{font-size:1.2rem}.blog-prose h4{font-size:1.05rem}.blog-prose p,.blog-prose li{text-wrap:pretty}.blog-prose a{color:var(--brand-ink);text-underline-offset:.18em;text-decoration:underline 1px}.blog-prose a:hover{color:var(--brand)}.blog-prose strong{color:var(--fg);font-weight:600}.blog-prose>p:has(>strong:first-child){margin-top:1.5rem}.blog-prose ul,.blog-prose ol{flex-direction:column;gap:.55rem;padding-left:1.25rem;display:flex}.blog-prose li::marker{color:var(--brand);font-weight:600}.blog-prose li>ul,.blog-prose li>ol{margin-top:.45rem}.blog-prose blockquote{border-left:2px solid var(--brand);color:var(--fg);margin-left:0;padding-left:1rem}.blog-prose hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.blog-prose img{border-radius:var(--r-md);height:auto;margin-top:.35rem}.blog-prose :not(pre)>code{background:var(--bg-alt);border-radius:6px;padding:.12em .35em;font-family:Geist Mono,ui-monospace,monospace;font-size:.88em}.blog-prose pre{border-radius:var(--r-md);background:var(--code-bg);color:var(--code-fg);margin-left:0;padding:1rem 1.1rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.blog-prose pre code{color:inherit;background:0 0;padding:0}.blog-prose table{border:1px solid var(--line);border-collapse:separate;border-spacing:0;background:var(--bg-card);border-radius:14px;width:100%;margin-top:.4rem;font-size:.95rem;line-height:1.5;overflow:hidden}.blog-prose th,.blog-prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.85rem .95rem}.blog-prose tr:last-child td{border-bottom:0}.blog-prose th{background:var(--bg-alt);color:var(--fg-muted);letter-spacing:.01em;font-size:.78rem;font-weight:600}.blog-prose td:nth-child(2),.blog-prose th:nth-child(2){white-space:nowrap;width:1%}@media (width<=720px){.blog-article{padding:108px 0 72px}.blog-prose,.blog-prose>p:first-of-type{font-size:1.05rem}.blog-prose table,.blog-prose thead,.blog-prose tbody,.blog-prose tr,.blog-prose th,.blog-prose td{white-space:normal;width:auto;display:block}.blog-prose thead tr{background:var(--bg-alt);padding:.75rem .95rem .15rem}.blog-prose th,.blog-prose td{border-bottom:0;padding:.15rem .95rem}.blog-prose th{background:0 0}.blog-prose tbody tr{border-bottom:1px solid var(--line)}.blog-prose tbody tr:last-child{border-bottom:0}.blog-prose td:first-child,.blog-prose th:first-child{padding-top:.85rem}.blog-prose td:first-child{color:var(--fg);font-weight:600}.blog-prose td:nth-child(2){color:var(--brand-ink);font-weight:600}.blog-prose td:last-child,.blog-prose th:last-child{padding-bottom:.85rem}}.blog-index{padding:120px 0 96px}.blog-index-wrap{max-width:46rem}.blog-index-header h1{letter-spacing:-.038em;margin:0 0 .6rem;font-size:clamp(2rem,4.6vw,2.75rem);font-weight:600;line-height:1.12}.blog-index-header p,.blog-index-empty{max-width:36rem;color:var(--fg-soft);font-size:1.05rem;line-height:1.5}.blog-index-header{border-bottom:1px solid var(--line);margin-bottom:2.25rem;padding-bottom:1.75rem}.blog-list{flex-direction:column;gap:16px;list-style:none;display:flex}.blog-card{border:1px solid var(--line);background:var(--bg-card);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--line-strong)}.blog-card-banner{height:200px;display:block;overflow:hidden}.blog-card-banner picture,.blog-card-banner img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.blog-card-body{flex-direction:column;gap:8px;min-width:0;padding:18px 20px 20px;display:flex}.blog-card-meta{color:var(--fg-muted);flex-wrap:wrap;gap:.35rem .75rem;font-size:.9rem;display:flex}.blog-card-title{letter-spacing:-.03em;text-wrap:balance;font-size:1.2rem;font-weight:600;line-height:1.3}.blog-card-body>p:last-child{color:var(--fg-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.home-blog{padding:clamp(72px,11vw,120px) 0}.home-blog-wrap{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.home-blog h2{letter-spacing:-.035em;font-size:clamp(32px,4.4vw,56px);font-weight:600;line-height:1.04}.home-blog header p{max-width:36rem;color:var(--fg-soft);margin-top:14px;font-size:clamp(15px,1.2vw,18px);line-height:1.5}.home-blog .blog-list{width:100%}@media (width<=720px){.blog-index{padding:108px 0 72px}.blog-card-banner{height:160px}}
