.theme-blog { box-sizing: border-box; width: min(100% - 40px, 1180px); margin-inline: auto; padding-block: 64px; color: var(--theme-blog-text, #172c46); background: var(--theme-blog-background, #fff); font-family: inherit; font-size: 16px; line-height: 1.65; }
.theme-blog *, .theme-blog *::before, .theme-blog *::after { box-sizing: border-box; }
.theme-blog a { color: var(--theme-blog-accent, #3152dc); text-underline-offset: .2em; }
.theme-blog a:hover { text-decoration-thickness: 2px; }
.theme-blog a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.theme-blog__heading { max-width: 850px; margin-bottom: 40px; }
.theme-blog h1 { margin: 0 0 20px; color: inherit; font-size: 2.5em; line-height: 1.2; overflow-wrap: anywhere; }
.theme-blog time { display: block; margin-bottom: 12px; font-size: .875em; }
.theme-blog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 28px; }
.theme-blog__card { min-width: 0; }
.theme-blog__card h2 { margin: 14px 0 12px; color: inherit; font-size: 1.375em; line-height: 1.35; }
.theme-blog__card h2 a { color: inherit; text-decoration: none; }
.theme-blog__card p { margin: 0 0 18px; }
.theme-blog__image { display: block; margin-bottom: 20px; aspect-ratio: 16 / 10; overflow: hidden; }
.theme-blog__image img { width: 100%; height: 100%; object-fit: cover; }
.theme-blog .navigation.pagination { margin-top: 48px; }
.theme-blog .nav-links { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.theme-blog .page-numbers { padding: 6px 12px; }
.theme-blog .page-numbers.current { background: var(--theme-blog-accent, #3152dc); color: #fff; }
.theme-blog--article { max-width: 900px; }
.theme-blog__cover { margin-bottom: 32px; }
.theme-blog__cover img, .theme-blog__content img { display: block; max-width: 100%; height: auto; }
.theme-blog__content { overflow-wrap: anywhere; }
.theme-blog__content p, .theme-blog__content ul, .theme-blog__content ol { margin: 0 0 1.5em; }
.theme-blog__content h2, .theme-blog__content h3 { margin: 1.75em 0 .75em; color: inherit; }
.theme-blog__content iframe, .theme-blog__content video { max-width: 100%; }
.theme-blog__back { margin-top: 40px; padding-top: 24px; border-top: 1px solid currentColor; }
@media (max-width: 900px) { .theme-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .theme-blog { width: calc(100% - 32px); padding-block: 36px; } .theme-blog h1 { font-size: 2em; } .theme-blog__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; } }