/* Articles use the existing website shell, typography and colour tokens. */
.blog-hero{padding:64px 24px;background:var(--soft,#edf5ff);border-bottom:1px solid var(--rule,#d7e0eb)}.hero-overlay{max-width:1180px;margin-inline:auto}.blog-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.2;max-width:900px;color:var(--ink,#182b43);margin:0;letter-spacing:-1px}.blog-container{max-width:1200px;padding:48px 24px 64px;margin:auto}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{min-width:0;border:1px solid var(--rule,#d7e0eb);border-radius:18px;overflow:hidden;background:var(--surface,#fff);display:flex;flex-direction:column}.card-image{aspect-ratio:16/10;background:var(--soft,#f4f7fc);overflow:hidden}.card-image img{display:block;width:100%;height:100%;object-fit:cover}.card-image img.image-fallback{object-fit:contain;padding:20px;box-sizing:border-box;background:#fff}.card-content{padding:26px;flex:1}.card-title{font-size:24px;line-height:1.35;margin:0 0 14px;color:var(--ink,#182b43)}.card-content>a{text-decoration:none;color:inherit}.card-content>a:hover .card-title{color:var(--link,#1a6dc3)}.card-excerpt{font-size:16px;color:var(--muted,#586575);line-height:1.75;margin-bottom:22px}.card-content .read-more{font-size:13px;font-weight:700;color:var(--link,#1a6dc3)}.card-footer{display:flex;flex-wrap:wrap;gap:8px;padding:16px 26px;border-top:1px solid var(--rule,#d7e0eb);color:var(--muted,#586575);font-size:12px;background:transparent}.blog-content{max-width:900px;padding:48px 24px 64px;margin:auto;font-size:18px;line-height:1.85;color:var(--ink,#182b43);overflow-wrap:anywhere}.blog-content img{max-width:100%;height:auto;border-radius:12px}.blog-content iframe{max-width:100%}.blog-content table{max-width:100%;display:block;overflow-x:auto}.blog-content h2,.blog-content h3{line-height:1.4;margin:32px 0 18px}.blog-content a{color:var(--link,#1a6dc3)}#blog-pagination{margin-top:32px}.blog-card a:focus-visible{outline:3px solid #2387f7;outline-offset:4px}[dir=rtl] .blog-hero h1{letter-spacing:0;line-height:1.5}@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:40px 20px}.blog-container,.blog-content{padding:32px 20px 44px}.card-content{padding:22px}.card-title{font-size:23px}}