.blog-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:58px 0 40px}.blog-heading h1{font-size:clamp(43px,5.3vw,66px);line-height:1.07}.blog-heading h1 em{color:var(--green);font-weight:400}.blog-heading p{max-width:560px;margin-top:22px;font-size:16px}.rss-link{white-space:nowrap;margin-bottom:6px}.blog-feature{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);background:#f0f2e9;border-radius:9px;overflow:hidden}.feature-image{display:block;min-height:345px;background:#e5ebde}.feature-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-feature>div{padding:38px 42px;align-self:center}.blog-feature .eyebrow{margin-bottom:18px}.blog-feature h2{font-size:clamp(29px,3.2vw,40px);line-height:1.13;margin:17px 0}.blog-feature h2 a,.blog-card h2 a{text-decoration:none}.blog-feature h2 a:hover,.blog-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}.blog-feature p{font-size:14px;line-height:1.8;margin-bottom:23px}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;color:var(--muted);font-size:10px;line-height:1.7}.blog-meta>span:first-child{color:var(--green);font-weight:600}.blog-archive{padding:58px 0}.blog-filters{display:flex;justify-content:space-between;align-items:end;gap:22px;border-top:1px solid var(--line);padding-top:22px}.blog-categories{display:flex;gap:7px;flex-wrap:wrap}.blog-categories a{font-size:12px;padding:8px 12px;border:1px solid #d4dccd;border-radius:20px;text-decoration:none}.blog-categories a[aria-current=page]{background:var(--green);color:white;border-color:var(--green)}.blog-categories a:hover{border-color:var(--green)}.blog-search{min-width:250px;max-width:350px}.blog-search label{display:block;font-size:11px;margin-bottom:6px;color:var(--muted)}.blog-search>div{display:flex;border:1px solid #c2cebc;background:white;border-radius:4px}.blog-search input{border:0;background:transparent;padding:10px;min-width:0;width:100%;font-size:12px;color:var(--ink)}.blog-search button{border:0;background:transparent;color:var(--green);font-size:11px;padding:7px 10px}.blog-count{font-size:11px;padding:19px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.blog-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;min-width:0}.blog-card-image{display:block;aspect-ratio:3/2;overflow:hidden}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.025)}.blog-card-copy{padding:23px}.blog-card h2{font-size:27px;line-height:1.17;letter-spacing:-.6px;margin:16px 0 12px}.blog-card p{font-size:13px;line-height:1.85;margin-bottom:20px}.blog-card .textlink{font-size:12px}.blog-more{display:block;margin:30px auto 0}.blog-empty{padding:45px 20px;text-align:center;border:1px dashed #c2cebc;background:#f3f5ee}.blog-empty p{margin:12px 0 22px;font-size:14px}.blog-tool-note{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#edf1e6;padding:35px 40px;border-radius:7px;margin:0 0 65px}.blog-tool-note h2{font-size:30px}.blog-tool-note p{font-size:14px;margin-top:12px}.blog-tool-note .eyebrow{margin-bottom:12px}.blog-tool-note .btn{flex-shrink:0}.blog-article-head{max-width:830px;padding:38px 0}.blog-article-head h1{font-size:clamp(36px,4.6vw,58px);margin:18px 0 20px;line-height:1.1}.blog-article-head>p{font-size:18px;line-height:1.8;max-width:740px}.blog-cover{margin:0 0 46px}.blog-cover img{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:7px;background:#e9eee1}.blog-cover figcaption{font-size:10px;color:var(--muted);margin-top:10px}.blog-detail .toc{margin-bottom:30px}.blog-detail .aside-card .btn{margin-top:20px}.blog-prose{min-width:0}.blog-prose>p:first-child{font-size:18px;line-height:1.85}.blog-prose blockquote{margin:25px 0;padding:18px 24px;border-left:3px solid var(--green);background:var(--light)}.blog-prose blockquote p:last-child{margin:0}.blog-prose img{height:auto;border-radius:5px}.blog-prose pre{overflow:auto;padding:16px;background:var(--light);font-size:13px}.blog-prose code{overflow-wrap:anywhere}.blog-prose table{display:block;overflow:auto}.blog-author{margin-top:40px;border-top:1px solid var(--line);padding:24px 0;font-size:12px}.blog-author p{font-size:13px;margin:10px 0}.copy-article{width:100%;margin:20px 0 9px}.blog-related{padding:0 0 65px}.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-home .section-head{align-items:center}.blog-index [hidden],.blog-detail [hidden]{display:none!important}
@media(max-width:1000px){.blog-feature>div{padding:28px}.blog-filters{align-items:start;flex-direction:column}.blog-search{width:100%;max-width:none}.blog-grid{gap:18px}.blog-card-copy{padding:19px}.blog-card h2{font-size:24px}.navlinks{gap:21px}}
@media(max-width:760px){.blog-heading{display:block;padding-top:35px}.blog-heading .rss-link{display:inline-block;margin-top:24px}.blog-feature{grid-template-columns:1fr}.feature-image{min-height:0;aspect-ratio:3/2}.blog-feature>div{padding:27px}.blog-grid,.blog-related .blog-grid{grid-template-columns:1fr}.blog-card{display:grid;grid-template-columns:1fr}.blog-card h2{font-size:28px}.blog-card-copy{padding:24px}.blog-archive{padding:38px 0}.blog-categories{gap:8px}.blog-categories a{font-size:11px;padding:8px 11px}.blog-tool-note{display:block;padding:25px;margin-bottom:40px}.blog-tool-note .btn{margin-top:22px}.blog-article-head{padding:28px 0}.blog-article-head>p{font-size:16px}.blog-cover{margin-bottom:30px}.blog-cover img{max-height:none}.blog-prose>p:first-child{font-size:16px}.blog-related{padding-bottom:45px}.blog-index .section-head p{margin-top:12px}}
@media(max-width:480px){.nav{height:auto;min-height:86px;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}.navlinks{width:100%;justify-content:space-between;gap:15px}.navlinks>a{padding:3px 0}.blog-heading h1{font-size:43px}.blog-meta{font-size:10px}.blog-article-head h1{font-size:38px;letter-spacing:-1.4px}.blog-feature>div{padding:23px}}
.blog-cover img{height:auto}.blog-mobile-toc{display:none;margin:0 0 30px;border:1px solid var(--line);border-radius:5px;padding:17px 20px;background:#f0f3e9}.blog-mobile-toc nav{display:grid;gap:12px;padding-top:18px;font-size:13px}
@media(max-width:760px){.blog-mobile-toc{display:block}.blog-detail .article-aside .toc{display:none}}

/* Worked examples: real screenshots, export previews and accessible comparisons. */
.blog-prose .case-figure{margin:28px 0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}
.blog-prose .case-figure>a{display:block}
.blog-prose .case-figure img{display:block;width:100%;height:auto;border-radius:0}
.blog-prose .case-figure figcaption{padding:14px 17px;font-size:12px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line)}
.blog-prose .comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0;align-items:start}
.blog-prose .comparison-grid .case-figure{margin:0;min-width:0}
.blog-prose .download-panel{padding:23px 25px;margin:28px 0;border:1px solid #b8c9b1;border-radius:7px;background:#edf2e7}
.blog-prose .download-panel p{font-size:14px;margin-bottom:12px}
.blog-prose .download-panel p:last-child{margin:0;font-size:12px}
.blog-prose a{overflow-wrap:anywhere}
@media(max-width:520px){.blog-prose .comparison-grid{grid-template-columns:1fr}.blog-prose .download-panel{padding:19px}.blog-prose .case-figure figcaption{padding:12px 14px}}