/* ---------------------------------------------------------------------------
 * Book of the Month reviews.
 *
 * Loaded only by the review pages (tools/review-furniture.py adds the link), so
 * nothing here can reach an article, a case study or a service page.
 *
 * Every rule is scoped to `#tve_editor.tar-main-content .thrv_text_element`,
 * specificity (1,3,x). The article typography styles
 * `#tve_editor .thrv_text_element p, li` at (1,2,1) in an inline block that
 * loads after this file, so anything plainer loses to it without a warning.
 *
 * The markup hooks -- p.fi-lede, ul.fi-takeaways, .fi-author, aside.fi-btb --
 * are added by that script, which is idempotent: re-run it after adding or
 * releasing a review.
 * ------------------------------------------------------------------------- */

/* The opening paragraph reads as a standfirst. */
#tve_editor.tar-main-content .thrv_text_element p.fi-lede { font-size: 20px; line-height: 1.7; color: #042440; }

/* A short gold rule over each section heading of the review body. */
#tve_editor.tar-main-content .thrv_text_element > h2::before {
  content: ""; display: block; width: 44px; height: 3px; margin: 0 0 18px;
  background: #c5a377; border-radius: 2px;
}

/* Key takeaways: numbered cards instead of bullets. */
#tve_editor.tar-main-content .thrv_text_element ul.fi-takeaways {
  list-style: none; margin: 0 0 32px; padding: 0; counter-reset: fi-tk;
  display: grid; gap: 12px;
}
#tve_editor.tar-main-content .thrv_text_element ul.fi-takeaways > li {
  counter-increment: fi-tk; position: relative; list-style: none;
  margin: 0; padding: 16px 20px 16px 62px;
  background: #f5f7fa; border: 1px solid #e0e6eb; border-radius: 8px;
  font-size: 17px; line-height: 1.65;
}
#tve_editor.tar-main-content .thrv_text_element ul.fi-takeaways > li::before {
  content: counter(fi-tk); position: absolute; left: 18px; top: 17px;
  width: 28px; height: 28px; border-radius: 50%;
  background: #042440; color: #c5a377; text-align: center;
  font: 700 13px/28px "Inter Tight", Arial, sans-serif;
}
#tve_editor.tar-main-content .thrv_text_element ul.fi-takeaways > li strong { color: #042440; }

/* About the author: a portrait floated into the text, credited in its caption.
 * Photos are freely licensed (Wikimedia Commons); tools/authors.json records
 * the source page, credit and licence for each. */
#tve_editor.tar-main-content .thrv_text_element .fi-author { float: left; width: 180px; margin: 8px 28px 14px 0; }
#tve_editor.tar-main-content .thrv_text_element .fi-author--duo { width: 272px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#tve_editor.tar-main-content .thrv_text_element .fi-author figure { margin: 0; }
#tve_editor.tar-main-content .thrv_text_element .fi-author img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover;
  border-radius: 6px; box-shadow: 0 14px 28px -14px rgba(4, 36, 64, .55);
}
#tve_editor.tar-main-content .thrv_text_element .fi-author figcaption {
  margin-top: 10px; text-align: left;
  font: 11.5px/1.45 "Inter Tight", Arial, sans-serif; color: #6b7785;
}
#tve_editor.tar-main-content .thrv_text_element .fi-author figcaption a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
#tve_editor.tar-main-content .thrv_text_element .fi-author__name {
  display: block; margin-bottom: 2px;
  font-size: 13.5px; font-weight: 700; color: #042440;
}

/* Beyond the Book: a gold-topped panel. clear:both also ends the portrait float. */
#tve_editor.tar-main-content .thrv_text_element aside.fi-btb {
  clear: both; margin: 44px 0 12px; padding: 28px 30px 10px;
  background: #f5f7fa; border: 1px solid #e0e6eb; border-top: 3px solid #c5a377; border-radius: 8px;
}
#tve_editor.tar-main-content .thrv_text_element aside.fi-btb > h2 { margin-top: 0; font-size: 24px; }
#tve_editor.tar-main-content .thrv_text_element aside.fi-btb p,
#tve_editor.tar-main-content .thrv_text_element aside.fi-btb li { font-size: 16.5px; }

@media (max-width: 600px) {
  #tve_editor.tar-main-content .thrv_text_element p.fi-lede { font-size: 18.5px; }
  #tve_editor.tar-main-content .thrv_text_element ul.fi-takeaways > li { padding: 14px 14px 14px 52px; font-size: 16px; }
  #tve_editor.tar-main-content .thrv_text_element ul.fi-takeaways > li::before { left: 13px; top: 15px; }
  #tve_editor.tar-main-content .thrv_text_element .fi-author { width: 118px; margin-right: 18px; }
  #tve_editor.tar-main-content .thrv_text_element .fi-author--duo { float: none; width: 100%; max-width: 272px; margin: 0 0 18px; }
  #tve_editor.tar-main-content .thrv_text_element aside.fi-btb { padding: 22px 20px 6px; }
}