.blog {max-width: 860px; margin: 0 auto; padding: 0 16px 24px; color: #333; line-height: 1.7; font-size: 16px; font-family: 'Open Sans', Arial, sans-serif; text-align: left;}
.blog h1 {position: static; float: none; width: auto; height: auto; padding: 0; font-size: 32px; line-height: 1.25; margin: 0 0 12px; color: #0f2d55;}
.blog h1, .blog h2, .blog h3 {font-family: inherit; font-weight: 700; text-align: left; text-transform: none; letter-spacing: 0;}
.blog h2 {font-size: 24px; line-height: 1.3; margin: 32px 0 12px; color: #0f2d55;}
.blog h3 {font-size: 20px; margin: 24px 0 8px; color: #0f2d55;}
.blog p, .blog ul, .blog ol, .blog blockquote, .blog pre {margin: 0 0 16px;}
.blog ul, .blog ol {padding-left: 24px;}
.blog ul {list-style: disc;}
.blog ol {list-style: decimal;}
.blog strong {font-weight: 700;}
.blog em {font-style: italic;}
.blog a {color: #f71559; text-decoration: underline;}
.blog img {max-width: 100%; height: auto; border-radius: 6px;}
.blog blockquote {border-left: 4px solid #0f2d55; padding-left: 16px; color: #555;}
.blog pre {background: #f3f4f6; padding: 12px; overflow-x: auto;}
.blog-meta {color: #777; font-size: 14px; margin-bottom: 20px;}
.blog-cover {display: block; margin-bottom: 24px; width: 100%;}
.blog-card {padding: 20px 0; border-bottom: 1px solid #e3e5e8;}
.blog-card h2 {margin: 0 0 6px;}
.blog-card h2 a {color: #0f2d55; text-decoration: none;}
.blog-card img {margin-bottom: 12px;}
.blog-pages {display: flex; justify-content: space-between; padding-top: 24px;}
.blog table {display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 20px;}
.blog th, .blog td {padding: 10px 12px; border: 1px solid #e3e5e8; text-align: left; vertical-align: top; word-break: normal; overflow-wrap: normal; hyphens: none;}
.blog td:first-child, .blog th:first-child {min-width: 110px;}
.blog th {background: #0f2d55; color: #fff; font-weight: 700;}
.blog th p, .blog td p {margin: 0;}
.blog blockquote h3 {margin-top: 0;}
@media (max-width: 600px) {.blog h1 {font-size: 26px;}}