/* MCG article look — market-report styling for Lucy's articles.
   Only loads on single posts when switched on (or admin preview), and only
   restyles content inside .mcg-editorial. */
body.mcga .mcg-editorial {
  --navy: #0e1b33; --gold: #c9a26b; --gold-2: #b58c52; --cream: #f7f3ec;
  --ink: #1b2233; --muted: #5d6474; --line: #e4ddd0;
  font-family: "DM Sans", -apple-system, "Segoe UI", Arial, sans-serif !important;
  color: var(--ink); font-size: 17px; line-height: 1.75; max-width: 780px; margin: 0 auto;
}
body.mcga .mcg-editorial p { margin: 0 0 1.2em; }

/* Opening answer: larger, like the report lead */
body.mcga .mcg-editorial > p:first-of-type,
body.mcga .mcg-editorial > figure:first-child + p {
  font-family: "Cormorant Garamond", Georgia, serif; font-size: 23px; line-height: 1.5;
  color: var(--navy); font-weight: 500; padding-left: 18px; border-left: 3px solid var(--gold);
}

/* Headings */
body.mcga .mcg-editorial h2 {
  font-family: "Cormorant Garamond", Georgia, serif !important; font-weight: 600;
  font-size: 34px; line-height: 1.15; color: var(--navy); letter-spacing: -.005em;
  margin: 2.4em 0 .7em; padding: 0; border: 0;
}
body.mcga .mcg-editorial h2::before {
  content: ""; display: block; width: 44px; height: 2px; background: var(--gold); margin-bottom: 16px;
}
body.mcga .mcg-editorial h3 {
  font-family: "DM Sans", sans-serif !important; font-size: 18px; font-weight: 600;
  color: var(--navy); margin: 1.8em 0 .5em;
}

/* TL;DR list right after the opening answer: cream summary box */
body.mcga .mcg-editorial > p:first-of-type + ul,
body.mcga .mcg-editorial > figure:first-child + p + ul {
  background: var(--cream); border: 1px solid var(--line); border-radius: 4px;
  padding: 22px 26px 22px 44px; margin: 0 0 2em;
}

body.mcga .mcg-editorial ul li::marker { color: var(--gold-2); }
body.mcga .mcg-editorial ol li::marker { color: var(--gold-2); font-weight: 600; }
body.mcga .mcg-editorial li + li { margin-top: .4em; }

/* Tables: navy header, quiet rows, like the price/rent/yield tables */
body.mcga .mcg-editorial table {
  width: 100%; border-collapse: collapse; margin: 1.6em 0 2em; font-size: 15px;
  display: block; overflow-x: auto; border: 1px solid var(--line);
}
body.mcga .mcg-editorial thead th, body.mcga .mcg-editorial tr:first-child th {
  background: var(--navy); color: #fff; font-weight: 600; text-align: left;
  padding: 12px 14px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; border: 0;
}
body.mcga .mcg-editorial td { padding: 11px 14px; border: 0; border-top: 1px solid var(--line); color: var(--ink); }
body.mcga .mcg-editorial tbody tr:nth-child(even) td { background: #fbf9f5; }
body.mcga .mcg-editorial td:not(:first-child) { font-variant-numeric: tabular-nums; }

/* Quotes and callouts */
body.mcga .mcg-editorial blockquote {
  background: var(--navy); color: #fff; border: 0; border-radius: 4px;
  padding: 26px 30px; margin: 2em 0; font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 22px; line-height: 1.45; font-style: normal;
}
body.mcga .mcg-editorial blockquote p { margin: 0; color: #fff; }
body.mcga .mcg-editorial blockquote a { color: var(--gold); }

/* Links */
body.mcga .mcg-editorial a {
  color: var(--navy); text-decoration: underline; text-decoration-color: var(--gold);
  text-underline-offset: 3px;
}
body.mcga .mcg-editorial a:hover { color: var(--gold-2); }

/* FAQ: question headings after the FAQ heading become cards */
body.mcga .mcg-editorial h2[id*="faq"] ~ h3,
body.mcga .mcg-editorial h2[id*="question"] ~ h3 {
  background: var(--cream); border-left: 3px solid var(--gold); padding: 14px 18px; margin: 1.2em 0 .5em; border-radius: 0 4px 4px 0;
}

/* Images and video */
body.mcga .mcg-editorial figure img { border-radius: 4px; }
body.mcga .mcg-editorial figcaption { color: var(--muted); font-size: 13px; font-style: normal; text-align: left; }
body.mcga .mcg-editorial .mcg-article-video { border-top: 1px solid var(--line); padding-top: 1.2em; }

@media (max-width: 640px) {
  body.mcga .mcg-editorial { font-size: 16px; padding: 0 4px; }
  body.mcga .mcg-editorial h2 { font-size: 28px; }
  body.mcga .mcg-editorial > p:first-of-type { font-size: 20px; }
  body.mcga .mcg-editorial table { font-size: 14px; }
}

/* Summary boxes (TL;DR, key takeaways) and FAQ questions — tagged by mcg-articles.js */
body.mcga .mcg-editorial .mcga-box {
  background: var(--cream); border: 1px solid var(--line); border-top: 3px solid var(--gold);
  border-radius: 4px; padding: 20px 26px; margin: 1.6em 0 2em;
}
body.mcga .mcg-editorial .mcga-box > h2, body.mcga .mcg-editorial .mcga-box > h3 {
  font-family: "DM Sans", sans-serif !important; font-size: 12px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--gold-2); margin: 0 0 10px; padding: 0; border: 0; background: none;
}
body.mcga .mcg-editorial .mcga-box > h2::before { display: none; }
body.mcga .mcg-editorial .mcga-box ul { margin: 0; }
body.mcga .mcg-editorial h3.mcga-q {
  background: var(--cream); border-left: 3px solid var(--gold); padding: 14px 18px;
  margin: 1.4em 0 .5em; border-radius: 0 4px 4px 0;
}