.blog-index h1{font-size:clamp(2.4rem,5vw,4rem);max-width:24ch}.blog-index .lede{margin-top:24px;max-width:56ch}.blog-list{margin-top:56px;border-top:1px solid var(--rule-2)}.blog-card{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:36px 0;border-bottom:1px solid var(--rule-2)}.blog-number{font:500 .9rem var(--font-mono);color:var(--ink-3);padding-top:4px}.blog-card h2{max-width:32ch;margin-bottom:20px}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover{color:var(--green);text-decoration:underline}.blog-card p:not(.blog-meta){max-width:64ch;color:var(--ink-2)}.blog-meta{font:.75rem/1.6 var(--font-mono);color:var(--ink-3);margin-bottom:18px}.blog-meta span{margin:0 8px}.blog-read{font-weight:600}.blog-feed{margin-top:32px;font-size:.9rem}.blog-article>.wrap{max-width:880px}.blog-back{display:inline-block;margin-bottom:36px;font-size:.85rem}.blog-heading{border-bottom:1px solid var(--rule-2);padding-bottom:28px;margin-bottom:36px}.blog-heading h1{font-size:clamp(2rem,4vw,3.2rem);max-width:25ch}.blog-heading .lede{margin-top:24px}.blog-body{max-width:72ch;overflow-wrap:anywhere}.blog-body h2{margin:44px 0 20px;font-size:1.55rem}.blog-body h3{margin:32px 0 16px}.blog-body li{margin:10px 0}.blog-body table{width:100%;border-collapse:collapse;font-size:.85rem;margin:28px 0}.blog-body th,.blog-body td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--rule-2);vertical-align:top}.blog-body th{background:var(--green-wash);overflow-wrap:normal}.blog-body img{max-width:100%;height:auto}.blog-next{margin-top:56px;padding:32px;background:var(--green-wash);border:1px solid var(--rule)}.blog-next h2{margin-bottom:16px}@media(max-width:620px){.blog-card{grid-template-columns:1fr;gap:10px}.blog-body table{font-size:.72rem}.blog-body th,.blog-body td{padding:8px 4px}.blog-next{padding:24px}}
