.blog-head{padding-block:clamp(48px,8vw,104px) clamp(24px,4vw,48px)}.blog-head h1{font-size:clamp(2.2rem,5vw,3.4rem);max-width:18ch}.blog-head .lead{margin-top:18px;max-width:56ch}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.blog-card{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,36px);background:var(--paper);text-decoration:none;color:inherit;transition:background .18s ease}.blog-card:hover{background:var(--green-50)}.blog-card__cat{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green-600)}.blog-card__title{font-size:1.4rem;line-height:1.12}.blog-card:hover .blog-card__title{color:var(--green-700)}.blog-card__desc{color:var(--ink-soft);font-size:.98rem;line-height:1.55;flex:1}.blog-card__meta{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.blog-card__more{color:var(--green-600);font-weight:600}.blog-drafts{margin-top:56px}.blog-drafts h2{font-size:1.1rem}.blog-drafts__note{color:var(--muted);font-size:.9rem;margin:6px 0 18px}.blog-pill{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9a6a1c;background:#f6ecd8;border-radius:999px;padding:2px 8px;margin-left:8px}.blog-post{padding-block:clamp(40px,7vw,88px) clamp(56px,9vw,120px)}.blog-post__head{max-width:70ch;margin:0 auto 40px}.blog-post__cat{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--green-600)}.blog-post__title{font-size:clamp(2rem,4.5vw,3rem);margin:14px 0}.blog-post__meta{font-family:var(--mono);font-size:13px;color:var(--muted)}.blog-post__draft{margin:0 auto 32px;max-width:70ch;background:#f6ecd8;border:1px solid #e6cfa0;border-radius:var(--radius);padding:12px 16px;font-size:.9rem;color:#7a5410}.blog-prose{max-width:70ch;margin:0 auto;font-family:var(--serif)}.blog-prose>*+*{margin-top:1.1em}.blog-prose h2{font-size:1.7rem;margin-top:2em;padding-top:.3em}.blog-prose h3{font-size:1.3rem;margin-top:1.6em}.blog-prose p,.blog-prose li{font-size:1.08rem;line-height:1.7;color:var(--ink-soft)}.blog-prose a{color:var(--green-700);text-underline-offset:3px}.blog-prose ul,.blog-prose ol{padding-left:1.3em}.blog-prose li+li{margin-top:.4em}.blog-prose strong{color:var(--ink)}.blog-prose blockquote{border-left:3px solid var(--green-600);padding-left:18px;font-style:italic;color:var(--ink);margin-inline:0}.blog-prose hr{border:0;border-top:1px solid var(--line);margin-block:2em}.blog-cta{max-width:70ch;margin:56px auto 0;padding:32px;background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--radius);text-align:center}.blog-cta h2{font-size:1.5rem}.blog-cta p{color:var(--ink-soft);margin:10px 0 20px}.blog-back{display:inline-block;margin-top:40px;font-family:var(--mono);font-size:13px;color:var(--green-600)}.article-figure{margin:36px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.article-figure img{display:block;width:100%;height:auto}.article-figure figcaption{padding:14px 20px;font:13px/1.6 Archivo,sans-serif;color:var(--ink-soft);background:#f5f4ee}.article-jump{display:flex;flex-wrap:wrap;gap:12px 22px;padding:18px 0;border-block:1px solid var(--line);font:13px/1.5 Archivo,sans-serif}.article-jump>span{color:var(--muted)}.article-jump a{font-weight:600}.blog-prose h2[id]{scroll-margin-top:110px}.article-comparison{margin-block:28px;border:1px solid #cbd1bd;border-radius:10px;overflow:hidden;font-family:Archivo,sans-serif}.article-comparison:focus-visible{outline:2px solid var(--green-600);outline-offset:4px}.article-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:14px;line-height:1.6}.article-comparison caption{text-align:left;padding:18px 22px;font-size:17px;font-weight:700;background:#e8ecdd;color:#273510}.article-comparison thead{background:#273510;color:#fff}.article-comparison th,.article-comparison td{padding:18px 20px;vertical-align:top}.article-comparison thead th{font-size:12px;line-height:1.5;font-weight:500}.article-comparison th:first-child{width:24%}.article-comparison tbody th{color:#273510;font-weight:600}.article-comparison tbody td{color:var(--ink-soft)}.article-comparison tbody tr+tr{border-top:1px solid #d8dccd}.article-comparison tbody tr:nth-child(2n){background:#f0f2e9}.article-callout{margin-block:42px;padding:clamp(24px,4vw,36px);border:1px solid #cbd1bd;border-left:4px solid var(--green-600);background:#eff2e6;border-radius:0 12px 12px 0}.article-eyebrow{font:11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-700)}.blog-prose .article-callout h2{margin:12px 0 24px;padding:0;font-size:1.55rem;line-height:1.2}.blog-prose .article-steps{list-style:none;padding:0;display:grid;gap:20px}.blog-prose .article-steps li{display:flex;align-items:flex-start;gap:16px;margin:0}.article-steps li>span{font:12px/32px var(--mono);flex:0 0 32px;text-align:center;border:1px solid #b9c59f;border-radius:50%;color:var(--green-700)}.article-steps strong{font:600 15px/1.5 Archivo,sans-serif}.blog-prose .article-steps p{margin-top:4px;font-size:1rem;line-height:1.5}@media(max-width:600px){.article-comparison table,.article-comparison tbody,.article-comparison tr,.article-comparison th,.article-comparison td{display:block;width:auto}.article-comparison caption{display:block;font-size:16px}.article-comparison thead{display:none}.article-comparison th:first-child{width:auto}.article-comparison tbody th{padding:18px 20px 8px;font-size:17px}.article-comparison tbody td{padding:6px 20px 16px}.article-comparison td:before{content:attr(data-label);display:block;margin-bottom:4px;font:600 11px/1.5 Archivo,sans-serif;letter-spacing:.03em;color:var(--green-700)}.article-figure figcaption{padding:12px 16px;font-size:12px}}
