/* Static editorial pages use the existing public-site theme; no JavaScript is needed. */
html,body{overflow-x:visible}
.header nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600}
.header nav>a:not(.button){padding:8px 0}
.brand img{display:block}
.blog-page,.blog-index{width:min(960px,calc(100% - 2 * var(--gutter)));margin:32px auto 80px}
.breadcrumbs{font-size:12px;color:var(--ink-2);margin-bottom:50px}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0;padding:0}
.breadcrumbs li{display:inline;overflow-wrap:anywhere}
.breadcrumbs li+li::before{content:'/';margin-right:10px;opacity:.5}
.breadcrumbs a{text-decoration:none}
.category{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}
.article-header{max-width:850px;margin:0 0 44px}
.article-header h1,.blog-index h1{font-size:clamp(36px,5.6vw,64px);line-height:1.08;letter-spacing:-.045em;font-weight:800;margin:12px 0 24px;overflow-wrap:normal}
.byline{font-size:13px;color:var(--ink-2)}
.article-body{max-width:780px;font-size:17px;line-height:1.85}
.article-body p{margin:22px 0}
.article-body h2{font-size:29px;line-height:1.2;margin:54px 0 18px;scroll-margin-top:100px}
.article-body h3{font-size:21px;line-height:1.35;margin:32px 0 12px}
.article-body a{overflow-wrap:anywhere;text-decoration-color:var(--accent-deep);text-decoration-thickness:2px}
.article-body strong{font-weight:700}
.article-body img{display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:6px}
.article-body figure{margin:34px 0}
.article-body figcaption{font-size:13px;line-height:1.65;color:var(--ink-2);margin:12px 0 0}
.article-body ul,.article-body ol{padding-left:24px}
.article-body li{margin:10px 0}
.article-body code{font-size:.87em;background:var(--paper-2);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}
.article-body hr{border:0;border-top:1px solid var(--rule);margin:42px 0}
.article-body>p:last-child:has(>em:only-child){font-size:13px;line-height:1.75;color:var(--ink-2)}
.table-scroll{overflow:auto;max-width:100%;border-block:1px solid var(--rule);margin:30px 0}
table{border-collapse:collapse;text-align:left;width:100%;min-width:540px;font-size:14px;line-height:1.6}
th,td{padding:15px 16px;vertical-align:top;border-bottom:1px solid var(--rule)}
th{background:var(--paper-2);font-weight:700}td:first-child{font-weight:600;min-width:130px}
.related{max-width:780px;border-top:1px solid var(--rule);margin-top:64px;padding-top:24px}
.related h2{font-size:22px}.related ul{list-style:none;padding:0;margin-bottom:30px}.related li{margin:16px 0}
.post-list{list-style:none;padding:0;margin:50px 0 0}
.post-list li{border-top:1px solid var(--rule);padding:28px 0 32px}
.post-list .category{margin:0 0 14px}.post-list .category span{font-weight:400;letter-spacing:0;text-transform:none}
.post-list h2{max-width:800px;font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 12px;letter-spacing:-.035em}
.post-list h2 a{text-decoration:none}.post-list h2 a:hover{text-decoration:underline}
.post-list li>p:last-child{max-width:720px;color:var(--ink-2);font-size:15px;margin:0}
@media(max-width:600px){.header{position:relative;gap:12px}.header nav{gap:14px}.header nav>a[href='/pricing/']{display:none}.brand{font-size:23px;gap:7px}.header .button{padding:8px 12px;font-size:13px}.blog-page,.blog-index{margin-top:24px}.breadcrumbs{margin-bottom:32px}.breadcrumbs li:last-child:not(:nth-child(2)){display:none}.article-body{font-size:16px;line-height:1.8}.article-header{margin-bottom:32px}.article-body h2{font-size:26px}.article-body h3{font-size:20px}th,td{padding:12px}.footer .statement{font-size:44px}}