.blog-main{font-family:Inter,system-ui,sans-serif;letter-spacing:0}
.blog-header h1{font-family:inherit;background:none;-webkit-text-fill-color:#ecf3ee;color:#ecf3ee;font-size:32px;letter-spacing:0}
.blog-content{font-size:16px;line-height:1.7}
.blog-header{margin-bottom:22px}.blog-main h2{font-family:inherit;letter-spacing:0}
.pine-next-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0}
.pine-next-actions a{padding:12px 16px;border:1px solid #57736a;border-radius:6px;line-height:1.5;max-width:100%}
.pine-next-actions .pine-primary{background:#166348;color:#fff}
.blog-content .codehilite{min-width:0;max-width:100%;margin:20px 0;border:1px solid #55736a;border-radius:6px;overflow:hidden}
.blog-content .codehilite pre{margin:0;padding:16px;overflow-x:auto;white-space:pre;font-size:13px;line-height:1.7;tab-size:4}
.pine-code-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;border-top:1px solid #55736a;background:#14241f}
.pine-code-actions button{min-height:44px;border:1px solid #729988;border-radius:4px;padding:8px 12px;background:#203a30;color:#fff;cursor:pointer;font:inherit}
.pine-code-actions button:focus-visible,.pine-next-actions a:focus-visible{outline:3px solid #e5bd66;outline-offset:3px}
.pine-code-actions [role=status]{font-size:13px;color:#d5e6dd;min-height:20px}
.blog-content h2[id]{scroll-margin-top:100px}
.blog-content table{display:block;overflow-x:auto;max-width:100%}
.pine-chart-figure{margin:24px 0}.pine-chart-figure img{display:block;width:100%;height:auto;border-radius:4px}.pine-chart-figure figcaption{font-size:13px;color:#b5c4bd;line-height:1.5;margin-top:8px}
@media(max-width:600px){.blog-header h1{font-size:26px}.pine-next-actions{align-items:stretch;flex-direction:column}.pine-next-actions a{text-align:center}.blog-content .codehilite pre{font-size:12px}.pine-code-actions [role=status]{flex-basis:100%}}