/* All frontend styles are scoped. Theme designers can override these variables. */
.evo-blog-frontend {
  --blog-background: transparent;
  --blog-border: rgba(128, 128, 128, .25);
  --blog-accent: var(--_color-accent, #4787cf);
  --blog-radius: 8px;
  --blog-gap: 1.5rem;
  color: inherit;
  min-width: 0;
}
.evo-blog-frontend.evo-blog-article-loop,
.evo-blog-frontend.evo-blog-single { display: grid; gap: var(--blog-gap); }
.evo-blog-frontend .evo-blog-card { overflow: hidden; min-width: 0; }
.evo-blog-frontend .evo-blog-body { padding: 20px 10px; } /*padding: clamp(1rem, 3vw, 2rem);*/
.evo-blog-frontend .evo-blog-cover { display: block; margin-bottom: 20px; }
.evo-blog-frontend .evo-blog-cover img { display: block; width: 100%; max-height: 440px; margin: 0; } /* aspect-ratio: 16 / 9; object-fit: scale-down; object-fit: cover;*/
.evo-blog-frontend .evo-blog-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; opacity: .75; }
.evo-blog-frontend .evo-blog-title { margin: .75rem 0 1rem; font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.25; overflow-wrap: anywhere; }
/* .evo-blog-frontend .evo-blog-title a { color: inherit; text-decoration: none; } */
/* .evo-blog-frontend .evo-blog-title a:hover { color: var(--blog-accent); } */
.evo-blog-frontend .evo-blog-excerpt { margin: 0 0 1.25rem; line-height: 1.75; overflow-wrap: anywhere; }
.evo-blog-frontend .evo-blog-read-more,
.evo-blog-frontend .evo-blog-back { font-weight: 600; }
.evo-blog-frontend .evo-blog-content { padding-top: 0; line-height: 1.8; overflow-wrap: anywhere; }
.evo-blog-frontend .evo-blog-content img { max-width: 100%; height: auto; }
.evo-blog-frontend .evo-blog-content pre { overflow: auto; }
.evo-blog-frontend .evo-blog-pagination { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: .5rem; }
.evo-blog-frontend .evo-blog-pagination a,
.evo-blog-frontend .evo-blog-pagination .is-current { padding: .55rem .85rem; border: 1px solid var(--blog-border); border-radius: 4px; text-decoration: none; }
.evo-blog-frontend .evo-blog-pagination .is-current { background: var(--blog-accent); color: #fff; border-color: var(--blog-accent); }
.evo-blog-frontend a:focus-visible { outline: 2px solid var(--blog-accent); outline-offset: 4px; }
.evo-blog-frontend .evo-blog-empty { padding: 2rem; border: 1px dashed var(--blog-border); border-radius: var(--blog-radius); text-align: center; }

.evo-blog-frontend .evo-blog-category-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px; }
.evo-blog-frontend .evo-blog-category-tags span { border: 1px solid var(--blog-border); border-radius: 10px; padding: 3px 9px; }
.evo-blog-body.evo-blog-content p:not(:last-child) { margin-bottom: 1rem; }

.evo-blog-forum-discussion { /*padding: 16px 0;*/ border-top: 1px solid var(--blog-border, rgba(128,128,128,.25)); padding: 20px 10px; }
.evo-blog-forum-discussion a { font-weight: 600; }
.evo-blog-forum-discussion p { opacity: .75; margin: 8px 0 0; font-size: 13px; }

.mycode_list {
  padding-inline-start: 28px;
}