/* 文章頁與 /blog/ 列表（inc/blog.php 只在這兩種頁載入）。
   不經 Tailwind 建置：純 CSS、只用 class 選擇器限定在 .ezv-blog 底下；顏色用 core 的 var(--ezv-*)，
   沒有這些變數的站（vn）用括號內的後備色。本文來自 the_content，Tailwind preflight 把標題／清單／表格樣式歸零，這裡補回來。 */
.ezv-blog { background: var(--ezv-bglight, #F8F9FA); }
.ezv-article { max-width: 46rem; margin: 0 auto; padding: 2.5rem 1.5rem 3.5rem; color: var(--ezv-ink, #1F2937); }
.ezv-crumbs { font-size: .875rem; color: var(--ezv-muted, #4B5563); display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.25rem; }
.ezv-crumbs a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.ezv-crumbs a:hover { color: var(--ezv-emphasis, #1A3233); }
.ezv-article-title { font-size: 1.75rem; line-height: 1.3; font-weight: 700; color: var(--ezv-emphasis, #1A3233); margin: 0 0 .5rem; }
@media (min-width: 640px) { .ezv-article-title { font-size: 2.25rem; } }
.ezv-article-meta { font-size: .875rem; color: var(--ezv-muted, #4B5563); margin: 0 0 2rem; }
.ezv-article-lead { font-size: 1.0625rem; line-height: 1.75; color: var(--ezv-muted, #4B5563); margin: 0 0 2rem; }

.ezv-article-body { font-size: 1.0625rem; line-height: 1.85; overflow-wrap: anywhere; }
.ezv-article-body > * + * { margin-top: 1.1em; }
.ezv-article-body h2 { font-size: 1.5rem; line-height: 1.35; font-weight: 700; color: var(--ezv-emphasis, #1A3233); margin-top: 2.2em; padding-bottom: .35em; border-bottom: 1px solid var(--ezv-line, #E5E7EB); }
.ezv-article-body h3 { font-size: 1.2rem; line-height: 1.4; font-weight: 700; color: var(--ezv-emphasis, #1A3233); margin-top: 1.8em; }
.ezv-article-body h4 { font-size: 1.05rem; font-weight: 700; margin-top: 1.5em; }
.ezv-article-body a { color: var(--ezv-primary-strong, #1A3233); text-decoration: underline; text-underline-offset: 2px; }
.ezv-article-body a:hover { opacity: .8; }
.ezv-article-body strong { font-weight: 700; }
.ezv-article-body em { font-style: italic; }
.ezv-article-body ul, .ezv-article-body ol { padding-left: 1.5em; }
.ezv-article-body ul { list-style: disc; }
.ezv-article-body ol { list-style: decimal; }
.ezv-article-body li + li, .ezv-article-body li > ul, .ezv-article-body li > ol { margin-top: .4em; }
.ezv-article-body blockquote { border-left: 4px solid var(--ezv-accent, #F59321); background: var(--ezv-surface, #FFFFFF); padding: .75em 1em; color: var(--ezv-muted, #4B5563); border-radius: 0 .5rem .5rem 0; }
.ezv-article-body blockquote > * + * { margin-top: .6em; }
.ezv-article-body hr { border: 0; border-top: 1px solid var(--ezv-line, #E5E7EB); margin: 2.5em 0; }
.ezv-article-body code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; background: var(--ezv-surface, #FFFFFF); border: 1px solid var(--ezv-line, #E5E7EB); border-radius: .25rem; padding: .05em .3em; }
.ezv-article-body img { max-width: 100%; height: auto; border-radius: .5rem; }
.ezv-article-body table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; font-size: .95rem; }
.ezv-article-body th, .ezv-article-body td { border: 1px solid var(--ezv-line, #E5E7EB); padding: .5em .75em; text-align: left; vertical-align: top; }
.ezv-article-body th { background: var(--ezv-surface, #FFFFFF); font-weight: 700; }

.ezv-blog-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.25rem; }
.ezv-blog-item { background: var(--ezv-surface, #FFFFFF); border: 1px solid var(--ezv-line, #E5E7EB); border-radius: 1rem; padding: 1.25rem 1.5rem; }
.ezv-blog-item h2 { font-size: 1.25rem; line-height: 1.4; font-weight: 700; margin: 0 0 .35rem; }
.ezv-blog-item h2 a { color: var(--ezv-emphasis, #1A3233); text-decoration: none; }
.ezv-blog-item h2 a:hover { text-decoration: underline; }
.ezv-blog-item .ezv-article-meta { margin-bottom: .6rem; }
.ezv-blog-item p { line-height: 1.7; margin: 0 0 .6rem; }
.ezv-blog-more { font-weight: 700; color: var(--ezv-primary-strong, #1A3233); text-decoration: none; }
.ezv-blog-more:hover { text-decoration: underline; }
.ezv-blog-pager { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2rem; font-weight: 700; }
.ezv-blog-pager a { color: var(--ezv-primary-strong, #1A3233); }