.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));grid-gap:24px;gap:24px}.blog-card{display:flex;flex-direction:column;gap:12px;padding:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg-2)}.blog-card-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px}.blog-card time{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.blog-card h2{font-size:22px;line-height:1.2}.blog-card p{margin:0;color:var(--ink-2);font-size:15.5px}.blog-card .more{margin-top:auto;font-weight:600;color:var(--red-ink)}.blog-empty{color:var(--muted);font-size:17px}.blog-article{max-width:760px}.blog-cover{width:100%;height:auto;border-radius:var(--r);margin:0 0 36px;border:1px solid var(--line)}.blog-body{font-size:17.5px;line-height:1.75;color:var(--ink-2);overflow-wrap:anywhere}.blog-body>*+*{margin-top:1.1em}.blog-body blockquote,.blog-body figure,.blog-body ol,.blog-body p,.blog-body pre,.blog-body table,.blog-body ul{margin-bottom:0}.blog-body h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin-top:1.8em;color:var(--ink)}.blog-body h3{font-size:clamp(21px,2vw,25px);line-height:1.2;margin-top:1.5em;color:var(--ink)}.blog-body h4{font-size:19px;margin-top:1.3em;color:var(--ink)}.blog-body a{color:var(--red-ink);text-decoration:underline;text-underline-offset:3px}.blog-body ol,.blog-body ul{padding-left:1.4em}.blog-body li+li{margin-top:.4em}.blog-body li::marker{color:var(--red)}.blog-body blockquote{margin-left:0;margin-right:0;padding:4px 0 4px 20px;border-left:3px solid var(--red);color:var(--ink)}.blog-body img{max-width:100%;height:auto;border-radius:14px}.blog-body figure{margin-left:0;margin-right:0}.blog-body figcaption{font-size:14px;color:var(--muted);margin-top:8px}.blog-body table{width:100%;border-collapse:collapse;font-size:15.5px;display:block;overflow-x:auto}.blog-body td,.blog-body th{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.blog-body th{background:var(--bg-2);color:var(--ink)}.blog-body code{font:.9em var(--mono);background:var(--bg-2);padding:2px 6px;border-radius:6px}.blog-body pre{background:var(--night);color:#f6f4f0;padding:18px;border-radius:14px;overflow-x:auto}.blog-body pre code{background:none;padding:0;color:inherit}.blog-body details{border:1px solid var(--line);border-radius:14px;padding:14px 18px;background:#fff}.blog-body summary{cursor:pointer;font-weight:600;color:var(--ink)}.blog-body hr{border:0;border-top:1px solid var(--line);margin:2em 0}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 0;padding:0;list-style:none}.blog-back{display:inline-block;margin-top:32px;font-weight:600;color:var(--red-ink)}