@charset "UTF-8";.blog-post-page{background:#faf9f6;min-height:100vh;font-family:var(--font-body);color:#0b1f17}.blog-post-back{max-width:680px;margin:0 auto;padding:var(--hero-pt) var(--page-px) 0;display:flex;justify-content:space-between;align-items:center}.blog-post-back>a{font-family:var(--font-mono);font-size:13px;color:#4d7c4a;text-decoration:none;transition:color .2s}.blog-post-back>a:hover{color:#6ab060}.blog-post{max-width:680px;margin:0 auto;padding:32px var(--page-px) 80px}.blog-post header{margin-bottom:28px}.blog-post header h1{font-family:var(--font-heading);font-size:var(--h2-size);font-weight:600;line-height:1.2;color:#0b1f17;letter-spacing:-.01em;margin-bottom:16px}.blog-post-authors{display:flex;flex-wrap:wrap;gap:16px}.blog-post-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;color:#0b1f17;letter-spacing:.02em}.blog-post-meta-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.blog-post-meta-name{color:#0b1f17;text-decoration:none;transition:color .2s}.blog-post-meta-name:hover{color:#4d7c4a}.blog-post-meta-title{color:#0b1f178c}.blog-post-meta-title:before{content:"·";margin:0 6px;color:#0b1f1766}.blog-post-meta-date{font-family:var(--font-mono);font-size:12px;color:#0b1f1780;letter-spacing:.05em;margin-top:8px;margin-bottom:24px}.blog-post-image{margin:0 -140px 32px;border-radius:2px;overflow:hidden;border:1px solid rgba(11,31,23,.06)}@media(max-width:1023px){.blog-post-image{margin-left:0;margin-right:0}}.blog-post-image img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}.blog-post-footer{margin-top:64px;padding-top:24px;border-top:1px solid rgba(11,31,23,.08);display:flex;justify-content:space-between;align-items:center}.blog-post-footer>a{font-family:var(--font-mono);font-size:13px;color:#4d7c4a;text-decoration:none;transition:color .2s}.blog-post-footer>a:hover{color:#6ab060}.blog-share{display:flex;align-items:center;gap:6px}.blog-share__label{font-family:var(--font-mono);font-size:12px;color:#0b1f1780;letter-spacing:.05em;margin-right:4px}.blog-share__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:2px;border:1px solid rgba(11,31,23,.15);background:none;color:#0b1f1780;cursor:pointer;transition:color .2s,border-color .2s;text-decoration:none}.blog-share__btn:hover{color:#4d7c4a;border-color:#4d7c4a33}.blog-share__btn[data-copied]{color:#6ab060;border-color:#6ab06040}.blog-prose{font-family:var(--font-body);font-size:16px;line-height:1.8;color:#364d43}.blog-prose p{margin-bottom:24px}.blog-prose h2{font-family:var(--font-heading);font-size:28px;font-weight:600;line-height:1.3;color:#0b1f17;margin-top:32px;margin-bottom:16px}.blog-prose img{display:block;max-width:100%;height:auto;margin:32px 0 8px;border-radius:2px;border:1px solid rgba(11,31,23,.06);cursor:zoom-in}.blog-prose figure{margin:32px 0}.blog-prose figure img{margin:0}.blog-prose figure figcaption{font-family:var(--font-mono);font-size:12px;line-height:1.45;color:#0b1f1799;margin:12px auto 0;max-width:90%;text-align:center;text-wrap:balance}.blog-prose table{width:100%;border-collapse:collapse;margin:32px 0;font-family:var(--font-mono);font-size:13px;line-height:1.5;color:#0b1f17}.blog-prose th,.blog-prose td{padding:8px 14px;border:1px solid rgba(11,31,23,.12);text-align:left;vertical-align:top}.blog-prose thead th{font-weight:600;background:#0b1f1708;text-align:center}.blog-prose tbody th{font-weight:600}.blog-prose .numeric-table td,.blog-prose .numeric-table tbody th{text-align:right}.blog-prose .numeric-table tbody th{text-align:left}.blog-prose .blog-table{margin:32px 0;overflow-x:auto}.blog-prose .blog-table table{margin:0}.blog-prose h3{font-family:var(--font-heading);font-size:22px;font-weight:600;line-height:1.3;color:#0b1f17;margin-top:28px;margin-bottom:12px}.blog-prose strong{color:#0b1f17;font-weight:600}.blog-prose em{font-style:italic}.blog-prose a{color:#4d7c4a;text-decoration:underline;text-underline-offset:2px}.blog-prose a:hover{color:#6ab060}.blog-prose ul,.blog-prose ol{margin-bottom:24px;padding-left:24px}.blog-prose li{margin-bottom:8px}.blog-prose blockquote{border-left:3px solid #6ab060;background:#6ab0600f;padding:16px 24px;margin:32px 0;font-family:var(--font-heading);font-style:italic;font-size:17px;line-height:1.7;color:#0b1f17}.blog-prose blockquote p{margin-bottom:8px}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose code{font-family:var(--font-mono);font-size:14px;background:#0b1f170a;padding:2px 6px;border-radius:3px;color:#0b1f17}.blog-prose pre{font-family:var(--font-mono);font-size:13px;line-height:1.6;background:#0b1f17;color:#d4e8cd;padding:24px;border-radius:2px;overflow-x:auto;margin:32px 0}.blog-prose pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.blog-prose hr{border:none;height:1px;background:#0b1f1714;margin:48px 0}.blog-prose :target{scroll-margin-top:120px}
