/*
 * متنِ قالب‌دار (بازسازی پنل، فاز ۵) — خروجیِ `Support\Shop\RichDoc` در مقاله، صفحه‌های
 * اطلاعاتی و توضیحِ بلندِ محصول. فقط کلاس‌های `rd-*`؛ متغیرهای رنگ از قالبِ «مهرگان».
 */
.rd-content { line-height: 2; }
.rd-content h2 { margin: 1.6em 0 .5em; }
.rd-content h3 { margin: 1.3em 0 .4em; }
.rd-content blockquote {
  margin: 1.2em 0; padding: .6em 1em; border-inline-start: 4px solid var(--mg-accent, #C49A5A);
  background: rgba(196, 154, 90, .08); border-radius: 10px;
}
.rd-content blockquote p { margin: 0; }
.rd-content hr { border: 0; border-top: 1px solid rgba(0, 0, 0, .12); margin: 2em 0; }
.rd-content a { text-decoration: underline; text-underline-offset: 3px; }

.rd-img { margin: 1.4em auto; text-align: center; }
.rd-img img { max-width: 100%; height: auto; border-radius: 12px; }
.rd-img--s { max-width: 360px; }
.rd-img--m { max-width: 720px; }
.rd-img--full { max-width: none; }
.rd-img figcaption { font-size: .85em; opacity: .75; margin-top: .4em; }

.rd-product {
  display: flex; gap: 14px; align-items: center; margin: 1.2em 0; padding: 10px 12px;
  border: 1px solid rgba(0, 0, 0, .1); border-radius: 14px; text-decoration: none !important; color: inherit;
}
.rd-product img { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; flex: none; }
.rd-product__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rd-product__price { font-weight: 700; }
.rd-product small { opacity: .7; }

.rd-table { overflow-x: auto; margin: 1.2em 0; max-width: 100%; }
.rd-table table { border-collapse: collapse; width: 100%; min-width: 280px; }
.rd-table th, .rd-table td { border: 1px solid rgba(0, 0, 0, .12); padding: .5em .8em; text-align: center; }
.rd-table th { background: rgba(0, 0, 0, .04); font-weight: 700; }

.rd-live { margin: 1.2em 0; padding: 12px 16px; border-radius: 14px; background: rgba(0, 0, 0, .03); }
.rd-live dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .3em 1em; margin: 0; }
.rd-live dt { font-weight: 700; }
.rd-live dd { margin: 0; overflow-wrap: anywhere; }
.rd-live p { margin: .3em 0; }

.rd-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 12px; }
.rd-tags a { padding: 2px 10px; border-radius: 999px; border: 1px solid rgba(0, 0, 0, .15); text-decoration: none; font-size: .85em; }
.mg-blog-archive-intro { margin: .4em 0 0; opacity: .8; max-width: 70ch; }
