.ofd-simple, .ofd-article { max-width: 860px; margin: 0 auto; padding: 48px 24px 72px; font-family: Lato, Inter, sans-serif; color: #151414; line-height: 1.7; }
.ofd-simple { text-align: center; }
.ofd-article h1, .ofd-article h2, .ofd-simple h1 { font-family: Montserrat, sans-serif; line-height: 1.25; }
.ofd-article img { max-width: 100%; height: auto; }
.ofd-article blockquote { border-left: 4px solid #8CC83C; margin: 1.4rem 0; padding: 0.2rem 0 0.2rem 1rem; }
.ofd-kicker { letter-spacing: 0.14em; font-weight: 700; }
.ofd-actions a { display: inline-block; margin: 0 8px; background: #0B1120; color: #fff; text-decoration: none; border-radius: 999px; padding: 10px 16px; }
.ofd-blog-list { background: #fff; padding: 28px 20px 10px; }
.ofd-blog-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.ofd-card { border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; padding-bottom: 12px; }
.ofd-card img { width: 100%; height: 220px; object-fit: cover; display: block; }
.ofd-card h2, .ofd-card p, .ofd-tags { padding: 0 14px; }
.ofd-card h2 { font-family: Montserrat, sans-serif; font-size: 1.15rem; }
.ofd-card a { color: #0B1120; }
.ofd-by, .ofd-date { color: #475569; font-size: 0.85rem; margin: 0.2rem 0; }
.ofd-tag { display: inline-block; background: #edf2f7; color: #101828; border-radius: 999px; padding: 4px 8px; margin: 0 6px 6px 0; font-size: 12px; }
.pagination-container { display: flex; justify-content: center; gap: 8px; margin: 18px 0 8px; }
.pagination-button { background: #fff; border: 1px solid #ccc; border-radius: 4px; padding: 6px 12px; }
.pagination-button.active { border-color: #007bff; color: #007bff; font-weight: 700; }
@media (max-width: 800px) { .ofd-blog-grid { grid-template-columns: 1fr; } }