/* SEO MAX – mẫu bài viết (books-here.com: navy #08408e, đỏ #d12133) */

/* Mẫu chuẩn: bảng "Similar books" giống bài cũ */
table.bh-similar { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0 0 1.5em; }
table.bh-similar td { vertical-align: top; text-align: center; padding: 8px; border: 0; font-size: 14px; line-height: 1.35; }
table.bh-similar img { display: block; margin: 0 auto 6px; max-width: 100%; height: auto; max-height: 210px; object-fit: contain; }

/* Mẫu đẹp */
.bh-tpl-box { border-radius: 10px; padding: 18px 22px !important; margin: 0 0 1.6em !important; border: 1px solid #dbe3ee; background: #f6f8fb; }
.bh-tpl-box > *:last-child { margin-bottom: 0 !important; }
.bh-tpl-box .bh-tpl-h, .bh-tpl-h { margin: 0 0 .6em !important; font-size: 1.15em !important; color: #08408e; }
.bh-tpl-box ul { margin: 0 0 0 1.1em !important; padding: 0 !important; }
.bh-tpl-box li { margin: .25em 0; }

.bh-tpl-takeaways { background: #eef4fc; border-left: 5px solid #08408e; }
.bh-tpl-card { background: #fff; box-shadow: 0 2px 10px rgba(8, 64, 142, .08); }
.bh-tpl-by { color: #5b6b80; margin: -.3em 0 .8em !important; font-style: italic; }
.bh-tpl-facts { margin: 0 !important; }
.bh-tpl-facts table { border-collapse: collapse; width: 100%; }
.bh-tpl-facts td { border: 0 !important; border-bottom: 1px solid #e6ebf2 !important; padding: 7px 4px !important; font-size: 15px; }
.bh-tpl-facts tr:last-child td { border-bottom: 0 !important; }
.bh-tpl-facts td:first-child { width: 38%; color: #5b6b80; }

.bh-tpl-proscons, .bh-tpl-fitcols { gap: 18px !important; margin-bottom: 1.6em !important; }
.bh-tpl-proscons .bh-tpl-box, .bh-tpl-fitcols .bh-tpl-box { height: 100%; margin: 0 !important; }
.bh-tpl-pros, .bh-tpl-fit { background: #effaf2; border-color: #cfe9d6; }
.bh-tpl-pros .bh-tpl-h, .bh-tpl-fit .bh-tpl-h { color: #1c7c3a; }
.bh-tpl-cons, .bh-tpl-nofit { background: #fdf2f3; border-color: #f2d3d7; }
.bh-tpl-cons .bh-tpl-h, .bh-tpl-nofit .bh-tpl-h { color: #b0182a; }
.bh-tpl-pros li::marker, .bh-tpl-fit li::marker { content: "✓  "; color: #1c7c3a; }
.bh-tpl-cons li::marker, .bh-tpl-nofit li::marker { content: "✗  "; color: #b0182a; }

.bh-tpl-buy { background: #fff8ec; border-color: #f3dfb8; }
.bh-tpl-buy .bh-tpl-h { color: #8a5a00; }
.bh-tpl-buy .wp-block-buttons { margin: 12px 0 8px; gap: 10px; }
.bh-tpl-buy .wp-block-button__link { background: #d12133; color: #fff; border-radius: 6px; padding: 9px 18px; font-weight: 600; text-decoration: none; }
.bh-tpl-buy .wp-block-button__link:hover { background: #a9192a; }
.bh-tpl-note { font-size: 14px; color: #5b6b80; }

.bh-tpl-verdict { background: #08408e; border-color: #08408e; color: #fff; }
.bh-tpl-verdict .bh-tpl-h { color: #fff !important; }
.bh-tpl-verdict p { color: #fff; }
.bh-tpl-verdict .bh-tpl-note, .bh-tpl-verdict a { color: #cfe0f7; }

.bh-tpl-similar { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 14px; margin: 0 0 1.5em; }
.bh-tpl-book { display: flex; flex-direction: column; gap: 6px; text-decoration: none !important; color: #1d2b3e !important; font-size: 14px; line-height: 1.3; background: #fff; border: 1px solid #e6ebf2; border-radius: 8px; padding: 10px; transition: box-shadow .15s, transform .15s; }
.bh-tpl-book:hover { box-shadow: 0 4px 14px rgba(8, 64, 142, .14); transform: translateY(-2px); }
.bh-tpl-book img { width: 100%; aspect-ratio: 2 / 3; object-fit: contain; background: #f6f8fb; border-radius: 4px; }
.bh-tpl-noimg { display: block; width: 100%; aspect-ratio: 2 / 3; background: #eef2f7; border-radius: 4px; }

/* Câu hỏi thường gặp (block FAQ của Rank Math) trong Mẫu đẹp */
.bh-tpl-faq { padding: 0 !important; }
.bh-tpl-faq .rank-math-faq-item, .bh-tpl-faq .rank-math-list-item { background: #fff; border: 1px solid #e6ebf2; border-left: 4px solid #08408e; border-radius: 8px; padding: 12px 16px; margin: 0 0 10px; }
.bh-tpl-faq .rank-math-question { font-size: 1.05em !important; color: #08408e; margin: 0 0 .35em !important; }
.bh-tpl-faq .rank-math-answer { color: #3c4a5c; }

@media (max-width: 781px) {
	.bh-tpl-box { padding: 14px 16px !important; }
	.bh-tpl-similar { grid-template-columns: repeat(2, 1fr); }
}

/* Ảnh minh họa + tài nguyên tham khảo (bài tự viết) */
.bh-tpl-figure img { max-height: 360px; width: auto; height: auto; border-radius: 6px; }
.bh-tpl-figure figcaption { text-align: center; font-size: 14px; color: #5b6b80; }
.bh-tpl-refs { background: #fff; }