/* ============================================================
   Pet Slimmers — blog / article styles (E-E-A-T, TOC, FAQ, refs)
   Matches the restored 2016 design: Arial, #013b82 blue, greys.
   ============================================================ */

.blogArticle {width:624px; padding:0 30px 10px 30px; float:left;}
.blogArticle h1 {color:#2e2e2e; font:32px/1.25 Arial, sans-serif; margin:0 0 12px;}
.blogArticle h2 {color:#2e2e2e; font:26px/1.3 Arial, sans-serif; margin:34px 0 14px;}
.blogArticle h3 {color:#2e2e2e; font:20px/1.3 Arial, sans-serif; margin:26px 0 10px;}
.blogArticle p, .blogArticle li {color:#464646; font:16px/1.65 Arial, sans-serif;}
.blogArticle p {margin:0 0 16px;}
.blogArticle a {color:#013b82;}
.blogArticle img {max-width:100%; height:auto;}

/* --- Byline / E-E-A-T meta bar --- */
.articleMeta {background:#f4f3f1; border:1px solid #e2e0dc; padding:14px 18px; margin:0 0 22px; font:13px/1.6 Arial, sans-serif; color:#535353;}
.articleMeta .row {margin:2px 0;}
.articleMeta a {color:#013b82; text-decoration:none;}
.articleMeta .authorName, .articleMeta .reviewerName {font-weight:bold; color:#2e2e2e;}
.articleMeta .dates span {margin-right:14px;}
.articleMeta .readingTime {color:#888888;}

/* --- Medically reviewed badge --- */
.medReviewed {display:flex; align-items:center; gap:12px; background:#eef3fa; border:1px solid #cfdcee; border-left:4px solid #013b82; padding:12px 16px; margin:0 0 22px;}
.medReviewed .badgeIcon {flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:#013b82; color:#fff; font:bold 18px/34px Arial, sans-serif; text-align:center;}
.medReviewed p {margin:0; font:13px/1.5 Arial, sans-serif; color:#2e2e2e;}
.medReviewed .credentials {color:#535353;}

/* --- Key takeaways (GEO: answer-first block) --- */
.keyTakeaways {background:#f4f8ef; border:1px solid #d9e6c8; padding:18px 22px; margin:0 0 26px;}
.keyTakeaways h2 {font:bold 18px Arial, sans-serif; color:#2e2e2e; margin:0 0 10px;}
.keyTakeaways ul {margin:0; padding:0;}
.keyTakeaways ul li {list-style:none; background:url(images/arrow-right.png) no-repeat 0 6px; padding:0 0 6px 20px; border:none;}

/* --- Table of contents --- */
.tocBox {background:#f4f3f1; border:1px solid #e2e0dc; padding:16px 22px; margin:0 0 28px;}
.tocBox h2 {font:bold 18px Arial, sans-serif; color:#2e2e2e; margin:0 0 10px;}
.tocBox ol {margin:0 0 0 18px; padding:0;}
.tocBox ol li {font:15px/1.8 Arial, sans-serif; color:#464646;}
.tocBox ol ol {margin-left:16px;}
.tocBox a {color:#013b82; text-decoration:none;}
.tocBox a:hover {text-decoration:underline;}

/* --- FAQ --- */
.faqSection {margin:34px 0 0;}
.faqSection h2 {border-bottom:2px solid #013b82; padding-bottom:8px;}
.faqItem {border-bottom:1px solid #ebebeb; padding:14px 0;}
.faqItem h3 {margin:0 0 8px; font:bold 17px/1.4 Arial, sans-serif; color:#013b82;}
.faqItem .faqAnswer p {margin:0 0 8px;}

/* --- References --- */
.referencesSection {margin:34px 0 0;}
.referencesSection h2 {font-size:22px;}
.referencesSection ol {margin:0 0 0 20px; padding:0;}
.referencesSection ol li {font:13px/1.7 Arial, sans-serif; color:#535353; margin-bottom:8px; word-wrap:break-word;}
.referencesSection a {color:#013b82;}

/* --- Author box --- */
.authorBox {display:flex; gap:16px; background:#f4f3f1; border:1px solid #e2e0dc; padding:18px; margin:34px 0 0;}
.authorBox img {flex:0 0 72px; width:72px; height:72px; border-radius:50%;}
.authorBox h3 {margin:0 0 4px; font:bold 17px Arial, sans-serif; color:#2e2e2e;}
.authorBox .role {font:13px Arial, sans-serif; color:#888888; margin:0 0 8px;}
.authorBox p {font:14px/1.6 Arial, sans-serif; margin:0;}

/* --- Medical disclaimer --- */
.medDisclaimer {background:#fdf6ec; border:1px solid #f0dfc0; padding:12px 16px; margin:26px 0 0;}
.medDisclaimer p {font:12px/1.6 Arial, sans-serif; color:#7a6a4f; margin:0;}

/* --- Related posts --- */
.relatedPosts {margin:34px 0 0;}
.relatedPosts h2 {font-size:22px;}
.relatedPosts ul {margin:0; padding:0;}
.relatedPosts ul li {list-style:none; background:url(images/arrow-right.png) no-repeat 0 50%; padding:6px 0 6px 20px; border-bottom:1px solid #ebebeb;}
.relatedPosts a {color:#013b82; text-decoration:none; font:15px Arial, sans-serif;}

/* --- Blog sidebar (uses right column width from original grid) --- */
.blogSidebar {width:266px; float:right; padding-right:10px;}
.blogSidebar .widget {background:#f4f3f1; border:1px solid #e2e0dc; padding:16px; margin-bottom:20px;}
.blogSidebar h3 {font:bold 16px Arial, sans-serif; color:#2e2e2e; margin:0 0 10px;}
.blogSidebar ul {margin:0; padding:0;}
.blogSidebar ul li {list-style:none; padding:4px 0; border-bottom:1px solid #ebebeb;}
.blogSidebar a {color:#013b82; text-decoration:none; font:14px Arial, sans-serif;}

@media only screen and (max-width: 700px) {
	.blogArticle {width:auto; float:none; padding:0 15px;}
	.blogSidebar {width:auto; float:none; padding:0 15px;}
	.authorBox {flex-direction:column;}
}