.blog-article,.blog-index{max-width:760px;color:var(--ink);margin:0 auto;padding:32px 20px 96px;font-size:17px;line-height:1.7}.blog-article h1{text-wrap:balance;margin:10px 0 16px}.blog-article h2{border-top:2px solid var(--honey);text-wrap:balance;margin:56px 0 16px;padding-top:16px;font-size:clamp(25px,3vw,34px);line-height:1.2}.blog-article h2[id]{scroll-margin-top:140px}.blog-article h3{margin:28px 0 8px}.blog-article p,.blog-article li{color:var(--ink);max-width:62ch}.blog-article p{margin:0 0 1em}.blog-article ul,.blog-article ol{margin:0 0 1em;padding-left:1.3em}.blog-article ul{list-style:outside}.blog-article ol{list-style:decimal}.blog-article li::marker{color:var(--sage)}.blog-article li{margin:0 0 .45em}.blog-article a:not([class]){color:var(--sage-deep);text-underline-offset:3px;text-decoration:underline}.blog-article a:not([class]):hover{color:var(--ink)}.blog-article .byline{color:var(--muted);margin:0 0 24px;font-size:14px}.blog-article .byline span{display:block}.blog-article .hero-img{background:var(--tint);border-radius:18px;width:100%;height:auto;margin:8px 0 28px;display:block}.blog-article .takeaways{background:var(--surface);border-left:4px solid var(--sage);border-radius:12px;margin:28px 0;padding:18px 22px 8px}.blog-article .takeaways ul{margin-top:10px}.blog-article .callout{border-radius:14px;margin:28px 0;padding:18px 22px 8px}.blog-article .callout.warning{background:#f7e3dc;border-left:4px solid #9a3b2c}.blog-article .callout.note{background:var(--surface);border-left:4px solid var(--honey)}.blog-article .callout .label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 8px;font-size:12px}.blog-article figure{margin:28px 0}.blog-article figure img{background:var(--surface);border-radius:14px;width:100%;height:auto;display:block}.blog-article .diagram-link{cursor:zoom-in;display:block}.blog-article .diagram-link:focus-visible{outline:2px solid var(--honey);outline-offset:4px;border-radius:14px}.blog-article figcaption{color:var(--muted);margin-top:8px;font-size:14px}.blog-article .table-wrap{margin:24px 0;overflow-x:auto}.blog-article table{border-collapse:collapse;background:var(--surface);width:100%;min-width:520px;font-size:15px;line-height:1.55}.blog-article caption{caption-side:bottom;text-align:left;color:var(--muted);padding-top:8px;font-size:13px}.blog-article th{background:var(--sage);color:#fff;text-align:left;padding:10px 12px;font-weight:600}.blog-article td{border-bottom:1px solid var(--tint);vertical-align:top;padding:10px 12px}.blog-article .faq{max-width:none;margin-top:20px}.blog-article .faq details>p{max-width:none;margin:0;padding:0 24px 22px;font-size:15px;line-height:1.62}.blog-article .reviewer{background:var(--surface);border-radius:14px;margin-top:48px;padding:18px 22px 10px;font-size:15px}.blog-article .reviewer p{margin:0 0 8px}.blog-article .toc{margin:4px 0 8px;padding-left:0;padding-right:0}.blog-index h1{margin:10px 0 12px}.blog-index .lede{color:var(--muted);max-width:60ch;margin:0 0 32px}.blog-index .post-list{gap:24px;margin:0;padding:0;list-style:none;display:grid}.blog-index .post-card{background:var(--surface);border:1px solid var(--hair);color:inherit;box-shadow:var(--shadow-soft);border-radius:18px;gap:0;text-decoration:none;display:grid;overflow:hidden}.blog-index .post-card img{width:100%;height:auto;display:block}.blog-index .post-card .body{gap:8px;padding:20px 24px 24px;display:grid}.blog-index .post-card h2{text-wrap:balance;font-size:clamp(22px,2.6vw,28px);line-height:1.2}.blog-index .post-card p{margin:0}.blog-index .post-card .date{color:var(--muted);font-size:14px}.blog-index .post-card .more{color:var(--sage-deep);text-underline-offset:3px;font-weight:500;text-decoration:underline}.blog-index .post-card:hover h2{color:var(--sage-deep)}