/* Blog pages — everything else reuses epsilon.css / premium.css / translate.css */
.blog-wrap{ max-width:780px; }
.blog-wrap--wide{ max-width:920px; }
.blog-head h1{ margin:10px 0 12px; line-height:1.2; }
.blog-sub{ font-size:1.08em; opacity:.85; margin:0 0 14px; }
.blog-meta{ display:flex; flex-wrap:wrap; gap:8px; font-size:14px; opacity:.75; margin:0 0 28px; }
.blog-tags{ list-style:none; padding:0; margin:0 0 8px; display:flex; flex-wrap:wrap; gap:8px; }
.blog-tags li{ padding:2px 10px; border:1px solid var(--line,rgba(255,255,255,.18)); border-radius:999px; font-size:12px; opacity:.85; }
.blog-prose{ font-size:1.04em; line-height:1.85; }
.blog-prose h2{ margin:2.2em 0 .6em; line-height:1.3; }
.blog-prose h3{ margin:1.6em 0 .5em; }
.blog-prose p{ margin:0 0 1.1em; }
.blog-prose ul,.blog-prose ol{ margin:0 0 1.2em; padding-inline-start:1.4em; }
.blog-prose li{ margin:.35em 0; }
.blog-prose a{ text-decoration:underline; text-underline-offset:3px; word-break:break-word; }
.blog-prose code{ padding:1px 6px; border-radius:6px; background:rgba(255,255,255,.08); font-size:.9em; direction:ltr; unicode-bidi:embed; }
.blog-callout{ margin:0 0 2em; padding:18px 20px; border:1px solid var(--line,rgba(255,255,255,.18)); border-inline-start:4px solid currentColor; border-radius:14px; background:rgba(255,255,255,.04); }
.blog-callout p:last-child{ margin-bottom:0; }
.blog-foot{ margin-top:3em; }
.blog-list{ display:grid; gap:16px; margin-top:24px; }
.blog-card{ display:block; padding:22px 24px; border:1px solid var(--line,rgba(255,255,255,.14)); border-radius:18px; background:rgba(255,255,255,.03); text-decoration:none; color:inherit; transition:transform .15s, border-color .15s; }
.blog-card:hover{ transform:translateY(-2px); border-color:currentColor; }
.blog-card h2{ margin:6px 0 8px; font-size:1.35em; line-height:1.3; }
.blog-card p{ margin:0 0 10px; opacity:.85; }
.mt-rtl .blog-prose,.mt-rtl .blog-head{ text-align:right; }

.blog-related{ margin:2.5em 0 0; padding:16px 20px; border:1px solid var(--line,rgba(255,255,255,.14)); border-radius:14px; }
.blog-related h3{ margin:0 0 8px; }
.blog-related ul{ margin:0; padding-inline-start:1.2em; }
.blog-prose h3{ margin-top:1.4em; }