/* Scoped blog-only CSS. Do not import globally if the site already has article styles. */
.imob-blog-article { max-width: 920px; margin: 0 auto; padding: 32px 20px; line-height: 1.72; }
.imob-blog-article h1 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.1; margin: 0.35em 0; }
.imob-blog-article h2 { margin-top: 2.2rem; line-height: 1.25; }
.imob-blog-article h3 { margin-top: 1.6rem; line-height: 1.3; }
.imob-blog-article img { width: 100%; height: auto; border-radius: 14px; }
.imob-blog-article figure { margin: 28px 0; }
.imob-blog-article figcaption { font-size: .95rem; opacity: .75; margin-top: 8px; }
.imob-blog-article blockquote { border-left: 4px solid currentColor; padding-left: 18px; font-size: 1.15rem; font-weight: 700; }
.imob-blog-article table { width: 100%; border-collapse: collapse; margin: 18px 0 30px; font-size: .98rem; }
.imob-blog-article th, .imob-blog-article td { border: 1px solid rgba(127,127,127,.35); padding: 10px; vertical-align: top; }
.imob-blog-article .article-category, .imob-blog-article .blog-card-category { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; opacity: .75; }
.imob-blog-article .article-meta, .imob-blog-article .article-disclaimer { opacity: .82; font-size: .95rem; }
.imob-blog-article .blog-faq details { border: 1px solid rgba(127,127,127,.25); border-radius: 10px; padding: 12px 14px; margin: 10px 0; }
.imob-blog-article .comment-form { display: grid; gap: 10px; margin-top: 12px; }
.imob-blog-article .comment-form input, .imob-blog-article .comment-form textarea { width: 100%; padding: 12px; border: 1px solid rgba(127,127,127,.35); border-radius: 8px; font: inherit; }
.imob-blog-article .comment-form button { width: fit-content; padding: 12px 18px; border-radius: 8px; cursor: pointer; }