/* blog.css — styling for TVF /blog/ flavor-review posts.
   Format-A posts carry their own self-contained inline <style>; this file styles Format-B
   posts (fl-review-* structure whose original CSS was external/lost) in the Flavor Lab look.
   All selectors scoped under .oh and to fl-/tvf-blog classes so they never touch other pages. */

.oh .tvf-blog-author { display:flex; align-items:center; gap:12px; margin:0 0 24px; font-size:14px; color:#5a5148; }
.oh .tvf-blog-author .tba-avatar { display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%; color:#fff; font-weight:700; text-decoration:none; flex:none; }
.oh .tvf-blog-author .tba-info { display:flex; flex-direction:column; line-height:1.4; }
.oh .tvf-blog-author a { color:#8B2252; }

/* article body — readable measure + Flavor Lab serif headings */
.oh .fl-review, .oh .fl-flavor { max-width:760px; margin:0 auto; padding:0 20px;
  font-size:16px; line-height:1.75; color:#2C1810; }
.oh .fl-review h2, .oh .fl-flavor h2 { font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.7rem; font-weight:700; color:#2C1810; margin:2.4rem 0 1rem; }
.oh .fl-review h3, .oh .fl-flavor h3 { font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.2rem; font-weight:700; color:#2C1810; margin:1.6rem 0 .5rem; }
.oh .fl-review p, .oh .fl-flavor p { margin:0 0 1rem; }
.oh .fl-review a, .oh .fl-flavor a { color:#8B2252; text-decoration:underline; }

/* snapshot / score cards */
.oh .fl-review-snapshot { display:flex; flex-wrap:wrap; gap:24px; align-items:center;
  background:#FDF6EC; border:1px solid #efe2cf; border-radius:16px; padding:22px 24px; margin:1.5rem 0; }
.oh .fl-review-snapshot svg { max-width:100%; height:auto; }
.oh .fl-review-overall { display:flex; flex-direction:column; align-items:center; gap:6px; }
.oh .fl-review-quickfacts { flex:1; min-width:240px; }

/* tables (quickfacts / score table / specs / comparisons) */
.oh .fl-review table, .oh .fl-flavor table { width:100%; border-collapse:collapse; margin:1.2rem 0; font-size:14px; }
.oh .fl-review th, .oh .fl-flavor th { text-align:left; background:#F3EADA; color:#2C1810;
  font-weight:700; padding:9px 12px; border-bottom:2px solid #e4d6bf; }
.oh .fl-review td, .oh .fl-flavor td { padding:9px 12px; border-bottom:1px solid #efe6d6; vertical-align:top; }
.oh .fl-review tr:last-child td { border-bottom:0; }
.oh .fl-review td strong, .oh .fl-flavor td strong { color:#5a4632; }

/* dimension rows */
.oh .fl-review-dimension { display:flex; justify-content:space-between; gap:12px;
  padding:8px 0; border-bottom:1px solid #efe6d6; }

/* nicotine warning box */
.oh .fl-nicotine-warning { background:#fff7f0; border:1px solid #f0d9c4; border-left:4px solid #C4547A;
  border-radius:10px; padding:14px 18px; margin:1.5rem 0; font-size:13.5px; color:#6a4a3a; }

/* FAQ */
.oh .fl-review-faq details, .oh .fl-flavor details { background:#FDF6EC; border:1px solid #efe2cf;
  border-radius:12px; padding:14px 18px; margin:8px 0; }
.oh .fl-review-faq summary, .oh .fl-flavor summary { cursor:pointer; font-weight:600; color:#2C1810; }
.oh .fl-review-faq summary::-webkit-details-marker { display:none; }