.dn-blog{padding-top:24px;padding-bottom:30px}
.dn-blog h1{margin:20px 0}
.dn-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin:30px 0}
.dn-blog-card{padding:24px;border:1px solid var(--bord);border-radius:var(--radius)}
.dn-blog-card h2{font-size:1.3rem;margin-bottom:14px}
.dn-blog-date{font-size:.9rem;color:#4d6267;margin:14px 0 24px}
.dn-blog-article{max-width:800px;margin:0 auto}
.dn-blog-body{overflow-wrap:anywhere}
.dn-blog-body h2{margin:32px 0 14px;font-size:1.65rem}
.dn-blog-body h3{margin:24px 0 12px;font-size:1.2rem}
.dn-blog-body p,.dn-blog-body ul,.dn-blog-body ol{margin:14px 0}
.dn-blog-body ul,.dn-blog-body ol{padding-left:24px}
.dn-blog-body a{text-underline-offset:3px}
.dn-blog-body table{border-collapse:collapse;width:100%;margin:24px 0}
.dn-blog-table{max-width:100%;overflow-x:auto}
.dn-blog-table table{min-width:540px}
.dn-blog-body th,.dn-blog-body td{padding:12px;border:1px solid var(--bord);text-align:left;overflow-wrap:anywhere}
.dn-blog-contact{max-width:800px;margin:32px auto;padding:24px;background:var(--bg);border:1px solid var(--bord);border-radius:var(--radius)}
.dn-blog-contact h2{font-size:1.45rem;margin-bottom:12px}
.dn-blog-contact p{margin-bottom:16px}
@media(max-width:600px){.dn-blog h1{font-size:1.9rem}.dn-blog-body table{font-size:.9rem}.dn-blog-body th,.dn-blog-body td{padding:8px}.dn-blog-contact{padding:18px}}
