/* MVBM blog — post list + post body, layered on the site's own frozen styles */
.mvbm-blog-main { max-width: 1140px; margin: 0 auto; padding: 24px 16px 48px; }
.mvbm-blog-main h1 { margin: 8px 0 20px; }
.mvbm-post-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
@media (max-width: 1023px) { .mvbm-post-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .mvbm-post-grid { grid-template-columns: 1fr; } }
.mvbm-card { border: 1px solid #ddd; border-radius: 12px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.mvbm-card img { width: 100%; height: 200px; object-fit: cover; object-position: center 20%; display: block; }
.mvbm-card-body { padding: 14px 16px 18px; display: flex; flex-direction: column; gap: 8px; }
.mvbm-card-date { color: #666; font-size: 0.9em; }
.mvbm-card h2 { margin: 0; font-size: 1.05em; line-height: 1.3; }
.mvbm-card p { margin: 0; }
.mvbm-card .mvbm-readmore { margin-top: auto; font-weight: bold; }
.mvbm-post-date { color: #666; margin-bottom: 14px; }
.mvbm-post-hero { width: 100%; max-height: 480px; object-fit: cover; border-radius: 12px; margin-bottom: 20px; }
.mvbm-post-body img { max-width: 100%; height: auto; border-radius: 12px; }
.mvbm-post-body table { border-collapse: collapse; }
.mvbm-post-body th, .mvbm-post-body td { border: 1px solid #ccc; padding: 4px 8px; }
.mvbm-back { display: inline-block; margin-bottom: 16px; }

/* MVBM document pages (rules / fees) — plain text on the site chrome */
.mvbm-doc { max-width: 900px; margin: 0 auto; padding: 24px 16px 48px; line-height: 1.65; }
.mvbm-doc-org { text-align: center; font-size: 1.15em; margin-bottom: 4px; }
.mvbm-doc h1 { text-align: center; margin: 0 0 24px; }
.mvbm-doc h2 { margin: 26px 0 8px; }
.mvbm-doc p { margin: 0 0 14px; }
.mvbm-doc ul { margin: 0 0 14px; }
.mvbm-doc-rev { text-align: right; color: #666; margin-top: 28px; }

/* MVBM blog — pager (16 posts per page, arrow navigation) */
.mvbm-pager { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 30px; padding-top: 18px; border-top: 1px solid #ddd; }
.mvbm-pager-arrow { font-weight: bold; text-decoration: none; }
.mvbm-pager-off { color: #aaa; font-weight: normal; }
.mvbm-pager-info { color: #666; }

/* MVBM blog — single post two-column row (Sid, Nov 3, 2026):
   white row, 10px padding; left = title + description, right = images */
.mvbm-post-row { background: #ffffff; padding: 10px; display: flex; gap: 22px; align-items: flex-start; border-radius: 6px; }
.mvbm-post-coltext { flex: 1 1 auto; min-width: 0; }
.mvbm-post-coltext h1 { margin-top: 0; }
.mvbm-post-body { overflow-x: auto; }
.mvbm-post-colmedia { flex: 0 0 30%; max-width: 360px; min-width: 0; }
.mvbm-post-colmedia img { width: 100%; height: auto; display: block; margin: 0 0 12px; border-radius: 12px; }
.mvbm-post-colmedia figure { width: 100%; margin: 0 0 12px; }
.mvbm-post-colmedia .mvbm-post-hero { max-height: none; object-fit: contain; margin-bottom: 12px; }
@media (max-width: 800px) {
  .mvbm-post-row { flex-direction: column; }
  .mvbm-post-colmedia { flex: none; width: 100%; max-width: none; }
}

/* MVBM blog — white box under the header on list pages (Sid, Nov 3, 2026) */
.mvbm-listbox { background: #ffffff; padding: 10px; border-radius: 6px; }

/* MVBM blog — notice/search row; on mobile the search goes ABOVE the notice (Sid, Nov 3, 2026) */
.mvbm-toprow { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin: 0 0 22px; }
.mvbm-notice { flex: 1; text-align: center; }
@media (max-width: 700px) {
  .mvbm-toprow { flex-direction: column; align-items: stretch; }
  .mvbm-searchform { order: 1; display: flex; gap: 8px; }
  .mvbm-searchform input[type="text"] { flex: 1; width: auto !important; }
  .mvbm-notice { order: 2; }
}

/* MVBM blog — image captions (Sid, Nov 3, 2026) */
.mvbm-post-colmedia figcaption, .mvbm-post-body figcaption { font-size: .88em; color: #555; text-align: center; padding: 6px 4px 2px; line-height: 1.35; }
.mvbm-post-colmedia figure img { margin: 0; }
.mvbm-post-body figure { margin: 0 0 14px; }