/* Journal layer for the posts the crons write (Thought Leadership, Weekly Digest, editorial plan).
   Blocks come from scripts/journal-layout.mjs; the look is the hand-made article of 8 Oct 2026
   (crypto-friendly-countries-2026-fact-check), cut down to the parts that suit any generated post.
   Site tokens only (var(--blue), --ink, --hairline ...). One accent, no second hue,
   no gradients on surfaces, square cards, hairlines instead of shadows. */

/* meta line above the text */
.post .essay .mg-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 28px;padding:12px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* drop cap: the marker is an empty element placed right before the first paragraph */
.post .essay .mg-dropmark{display:none}
.post .essay .mg-dropmark + p::first-letter{float:left;font-family:var(--font-display);font-weight:500;font-size:4.6em;line-height:.82;padding:.06em .1em 0 0;color:var(--blue)}

/* key figures strip; mg-n2 / mg-n3 / mg-n4 set the column count */
.post .essay .mg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:34px 0 40px;border-top:2px solid var(--ink)}
.post .essay .mg-stats.mg-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.post .essay .mg-stats.mg-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mg-stats div{padding:16px 14px 16px 0;border-bottom:1px solid var(--hairline-strong)}
.mg-stats div+div{padding-left:14px;border-left:1px solid var(--hairline)}
.mg-stats b{display:block;font-family:var(--font-display);font-weight:500;font-size:clamp(34px,6vw,48px);line-height:1;color:var(--blue)}
.mg-stats span{display:block;margin-top:8px;font-size:13.5px;line-height:1.4;color:var(--body)}

/* key takeaways: the plain list the model writes, set as numbered rows */
.post .essay .mg-takes ul,.post .essay .mg-takes ol{list-style:none;margin:28px 0;padding:0;counter-reset:mgt;border-top:2px solid var(--ink)}
.post .essay .mg-takes li{counter-increment:mgt;display:grid;grid-template-columns:44px 1fr;gap:12px;margin:0;padding:14px 0;border-bottom:1px solid var(--hairline)}
.post .essay .mg-takes li::before{content:counter(mgt,decimal-leading-zero);font-family:var(--font-display);font-size:24px;line-height:1.1;color:var(--blue)}
.post .essay .mg-takes li::marker{content:""}
.post .essay .mg-takes li b,.post .essay .mg-takes li strong{color:var(--ink);font-weight:500}

/* closing note */
.post .essay .mg-note{margin:26px 0;font-size:14.5px;line-height:1.6;color:var(--muted);border-left:2px solid var(--hairline-strong);padding-left:14px}

@media (max-width:760px){
 .post .essay .mg-stats,.post .essay .mg-stats.mg-n3,.post .essay .mg-stats.mg-n4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .post .essay .mg-stats.mg-n3 div:nth-child(3){grid-column:1 / -1;padding-left:0;border-left:0}
 .mg-stats div:nth-child(3){padding-left:0;border-left:0}
}