/*
 * single post
 *
 * Copied verbatim from the global <style> block of source/decoded/article-template.html,
 * minus the five shared rules that live in base.css.
 *
 * NEVER MERGE THIS FILE WITH ANOTHER page-*.css. The pages define @keyframes
 * with IDENTICAL NAMES and DIFFERENT BODIES — see DECISIONS.md D3 and the
 * collision table in 02-DESIGN-CONTRACT.md §3. A merged stylesheet plays one
 * page's animation on another, renders wrongly, and errors nowhere.
 *
 * Work unit W1.3.
 */

.rcm-lede::first-letter { font-size: 3.5em; font-weight: 800; float: left; line-height: 0.78; padding: 8px 14px 0 0; color: var(--rcm-accent, #39598C); }
@keyframes rcmGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01s !important; } }

/* W6.3 — article body typography.
 *
 * The body renders through render_block(), which emits bare <p>, so the design's
 * INLINE paragraph styles have to live here instead. This is the one structural
 * difference from the design's markup on this page, and it is forced: a post
 * written in the block editor cannot carry inline styles.
 *
 * TWO SCALES. The lede is larger than the body — clamp(17px,1.5vw,19.5px) against
 * clamp(16px,1.4vw,18px) — and the difference lands on the opening paragraph of
 * every article, so it is not a rounding detail.
 *
 * Values verbatim: lede L382/L384, body L414, closing L438. The callout needs
 * nothing here; register_block_style() in blog.php already carries L417.
 */
.rcm-lede-prose > p { margin:0; font-size:clamp(17px,1.5vw,19.5px); line-height:1.72; color:#3E4E48; text-wrap:pretty; }
.rcm-prose > p:not(.is-style-rcm-callout) { margin:0; font-size:clamp(16px,1.4vw,18px); line-height:1.72; color:#3E4E48; text-wrap:pretty; }

/* A sub-heading inside a section (core/heading at level 3). The design's one
 * article has none, so this is additive; the values are the ones css/editor.css
 * already shows the writer, so the editor and the page agree. Added for the
 * AR-days article's three root causes, which sit under one numbered question
 * rather than being three questions of their own — DECISIONS.md D49. */
.rcm-prose > h3 { margin:6px 0 0; font-size:clamp(19px,1.8vw,23px); line-height:1.2; font-weight:700; letter-spacing:-0.022em; color:#0C1D18; text-wrap:balance; }

/* THE CALLOUT IS EXCLUDED, not overridden. `.rcm-prose > p` outranks the class
 * selector that register_block_style() emits, so the first version silently
 * rendered callouts at the body's 18px instead of the design's 23px — which made
 * them WRAP ONTO FEWER LINES and the section 32px too short. Excluding them leaves
 * the block style, and therefore L417, entirely in charge. */