.blog-article{width:100%;padding:clamp(44px,6vw,76px) var(--pad-x) clamp(68px,8vw,104px);background:#fff}.blog-article__header,.blog-article__body{width:min(100%,760px);margin:0 auto}.blog-article__header{margin-bottom:clamp(28px,4vw,44px)}.blog-article__meta{margin:0 0 12px;color:#166534;font-family:var(--font-mono);font-size:.78rem;font-weight:600;line-height:1.4}.blog-article__header h1{margin:0;color:var(--ink);font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}.blog-article__description{max-width:62ch;margin:clamp(16px,2.4vw,22px) 0 0;color:#465160;font-size:clamp(1.02rem,1.35vw,1.18rem);font-weight:500;line-height:1.6;text-wrap:pretty}.blog-article__body{border-top:1px solid #e5e7eb;padding-top:clamp(28px,4vw,44px)}.blog-article__content{color:#374151;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1rem,.95vw + .82rem,1.06rem);line-height:1.62;text-wrap:pretty;overflow-wrap:break-word}.blog-article__content>:first-child{margin-top:0}.blog-article__content>:last-child{margin-bottom:0}.blog-article__content h2,.blog-article__content h3,.blog-article__content h4{max-width:36ch;color:var(--ink);font-family:var(--font-heading);font-weight:700;letter-spacing:-.018em;line-height:1.14;text-wrap:balance}.blog-article__content h2{margin:clamp(32px,4vw,44px) 0 12px;font-size:clamp(1.45rem,2.15vw,2rem)}.blog-article__content h3{margin:clamp(22px,2.8vw,30px) 0 8px;font-size:clamp(1.28rem,1.65vw,1.5rem)}.blog-article__content h4{margin:20px 0 7px;font-size:1.12rem;line-height:1.18}.blog-article__content p,.blog-article__content ul,.blog-article__content ol{margin:0 0 .92em}.blog-article__content ul,.blog-article__content ol{padding-left:1.25em}.blog-article__content li{padding-left:.12em}.blog-article__content li+li{margin-top:.26em}.blog-article__content li>ul,.blog-article__content li>ol{margin-top:.34em;margin-bottom:.18em}.blog-article__content p+ul,.blog-article__content p+ol{margin-top:-.24em}.blog-article__content strong,.blog-article__content b{color:#1f2937;font-weight:700}.blog-article__content a{color:#166534;font-weight:600;text-decoration-thickness:1px;text-underline-offset:.2em}.blog-article__content a:hover{text-decoration-thickness:2px}.blog-article__content a:focus-visible{outline:2px solid #166534;outline-offset:.15em;border-radius:2px}.blog-article__content :is(h2,h3,h4) a:focus-visible{outline-offset:.25em}.blog-article__content img{max-width:100%;height:auto;margin:0 auto;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.blog-article__content figure{margin:clamp(24px,3vw,34px) 0}.blog-article__content figcaption{margin-top:.6em;color:#6b7280;font-size:.88rem;line-height:1.5;text-align:center}.blog-article__content p:has(>img:only-child){margin:clamp(24px,3vw,34px) 0}.blog-article__content blockquote{margin:1.25em 0;padding:1em 1.1em;border:1px solid #dbe7df;border-radius:6px;background:#f7faf8;color:#3f4a57;font-style:italic}.blog-article__content blockquote>:last-child{margin-bottom:0}.blog-article__content code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;background:#f3f4f6;border-radius:4px}.blog-article__content pre{margin:1.6em 0;padding:1.1em 1.3em;overflow-x:auto;background:var(--ink);color:#e5e7eb;border-radius:8px;font-family:var(--font-mono);font-size:.9rem;line-height:1.6}.blog-article__content pre code{padding:0;background:none;color:inherit;font-size:inherit}.blog-article__content hr{width:100%;height:1px;margin:2.4em 0;border:0;background:#e5e7eb}.blog-article__content ul,.blog-article__content ol{list-style-position:outside}.blog-article__content li::marker{color:#166534}.blog-article__content table{width:100%;margin:1.25em 0 1.45em;border-collapse:collapse;font-size:.95rem;line-height:1.55;display:block;overflow-x:auto;border:1px solid #e5e7eb;border-radius:6px}.blog-article__content th,.blog-article__content td{padding:.68em .85em;text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb}.blog-article__content thead th{border-bottom:2px solid #d4d4d4;background:#f8fafc;color:var(--ink);font-family:var(--font-heading);font-weight:700}.blog-article__content tbody tr:last-child td{border-bottom:0}@media(max-width:760px){.blog-article{padding-top:38px}.blog-article__header h1{font-size:clamp(1.9rem,8.5vw,2.65rem);letter-spacing:-.022em;line-height:1.07}.blog-article__content h2,.blog-article__content h3,.blog-article__content h4{max-width:none}.blog-article__content{line-height:1.6}.blog-article__content h2{margin-top:30px}.blog-article__content h3{margin-top:20px}}