/* SEO content blocks — mirrors the article typography from single.css so it also works on
   templates that do not load single.css (product category, landing pages, applications). */

.sy-seo-content .news_detail-box { display: block; padding: 60px 0 20px; }
.sy-seo-content .news_detail-box .news_detail-text_content { width: auto; max-width: 900px; margin: 0 auto; }
.sy-seo-content .news_detail-text_content p,
.sy-seo-content .news_detail-text_content li { font-size: 18px; line-height: 1.8rem; color: #5b5f63; }
.sy-seo-content .news_detail-text_content p { margin-bottom: 2rem; }
.sy-seo-content .news_detail-text_content a { color: #e44a62; }
.sy-seo-content .news_detail-text_content h2 { color: #e44a62; text-transform: capitalize; font-size: 1.5rem; margin-bottom: 1.5rem; padding-top: 2rem; }
.sy-seo-content .news_detail-text_content h3 { margin-bottom: 1.5rem; font-size: 20px; }
.sy-seo-content .news_detail-text_content ul,
.sy-seo-content .news_detail-text_content ol { margin-bottom: 1.8rem; }
.sy-seo-content .news_detail-text_content ul li { position: relative; padding-left: 1.3rem; }
.sy-seo-content .news_detail-text_content ul li::before { content: ''; width: 6px; height: 6px; background-color: #e44a62; border-radius: 50%; position: absolute; top: 12px; left: 0; }
.sy-seo-content .news_detail-text_content ol li { list-style: decimal; margin-left: 20px; }
.sy-seo-content .news_detail-text_content figure { margin: 0 0 2rem; }
.sy-seo-content .news_detail-text_content figure img { max-width: 100%; height: auto; border-radius: 6px; }

/* Images and captions inside articles */
.news_detail-text_content .wp-block-image,
.single_product_introduce-list_father > .wp-block-image { text-align: center; }
.news_detail-text_content .wp-block-image img { max-width: 100%; height: auto; border-radius: 6px; }
.news_detail-text_content .wp-element-caption { font-size: 14px; color: #757575; text-align: center; margin-top: .6rem; }

/* Tables (were unstyled site-wide) */
.sy-table { margin: 0 0 2rem; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sy-table table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.5; color: #5b5f63; background: #fff; }
.sy-table th { background: #1c222e; color: #fff; font-weight: 500; text-align: left; padding: 12px 16px; }
.sy-table td { padding: 12px 16px; border-bottom: 1px solid #e8e8e8; vertical-align: top; }
.sy-table tbody tr:nth-child(even) td { background: #f6f6f6; }
.sy-table td a { color: #e44a62; }
.news_detail-text_content .sy-table li::before { display: none; }

/* Quote buttons inside content use the theme's button_pink */
.sy-cta { margin: 0 0 2rem; }
.news_detail-text_content .sy-cta a.button_pink,
.single_product_introduce .sy-cta a.button_pink { color: #fff; display: inline-block; }

/* FAQ inside articles: the plugin's accordion, aligned with the text column */
.news_detail-text_content .sy_contentfaq { margin-bottom: 2rem; }
.news_detail-text_content .sy_contentfaq .faqs li::before { display: none; }
.news_detail-text_content .sy_contentfaq .faqs li { padding-left: 0; }

/* Product page "Take a Closer Look": text sections from the rewrite */
.single_product_introduce-list_father > h2 { color: #e44a62; font-size: 1.5rem; margin: 2.5rem 0 1.2rem; }
.single_product_introduce-list_father > p,
.single_product_introduce-list_father > ul li,
.single_product_introduce-list_father > ol li { font-size: 17px; line-height: 1.7; color: #5b5f63; }
.single_product_introduce-list_father > p { margin-bottom: 1.4rem; }
.single_product_introduce-list_father > ul { margin: 0 0 1.4rem 1.2rem; list-style: disc; }
.single_product_introduce-list_father > ol { margin: 0 0 1.4rem 1.2rem; list-style: decimal; }
.single_product_introduce-list_father > p a,
.single_product_introduce-list_father > ul a { color: #e44a62; }

@media (max-width: 768px) {
	.sy-seo-content .news_detail-box { padding: 30px 0 10px; }
	.sy-seo-content .news_detail-text_content p,
	.sy-seo-content .news_detail-text_content li { font-size: 16px; }
	.sy-table table { font-size: 14px; }
	.sy-table th, .sy-table td { padding: 10px; }
}