/*
 * module: page.blog.style.01
 * responsibility: page-local presentation extracted from blog.html.
 * inputs/outputs: CSS cascade for this route only.
 * dependencies: assets/app.css design tokens and RTL logical properties.
 * sensitive points: desktop/mobile layout, contrast, overflow, typography.
 * related: site/app/blog.html.
 */
/* ورودی لمسی: در عرض موبایل قلم ورودی‌ها ۱۶px تا زوم خودکار مرورگر رخ ندهد */
@media (max-width:768px){
  .inp,select.inp,textarea.inp,#q{font-size:16px}
}
.blog-cover{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:.7rem .7rem 0 0}.blog-cover-post{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:.7rem;margin-bottom:1rem}