/*
 * Legacy reader — styles for the old full-HTML pages/posts after the adapter
 * (inc/legacy-content.php) removed their inline CSS. The markup keeps its old
 * class names, so a few generic patterns are recognised here.
 */
.legacy-reader { display: block; }
.legacy-reader :is(div, section, article, header, aside, main) > * + * { margin-top: 1.05em; }
.legacy-reader :is(section, article) + :is(section, article) { margin-top: 2.4em; }
.legacy-reader :is(div, section, article) { max-width: 100%; }

/* Things that were "eyebrows", badges, pills or tags. */
.legacy-reader :is([class*="eyebrow"], [class*="brow"], [class*="kicker"], [class*="sec-tag"], [class*="sec-label"], [class*="section-label"], [class*="badge"], [class*="pill"], [class*="-tag"], .lg-tag, [class*="label"]):not(details):not(summary):not(:has(div, p, ul, ol, h2, h3, h4, table)) {
	display: inline-block; margin-right: 6px; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line-2);
	font-size: var(--fs-12); font-weight: 600; line-height: 1.5; color: var(--muted); max-width: 100%;
}
/* Stat blocks: number + label. */
.legacy-reader :is([class*="stats"], [class*="metrics"], [class*="kpi"], [class*="stat-row"], [class*="stat-grid"]) {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px;
}
.legacy-reader :is([class*="stats"], [class*="metrics"], [class*="kpi"]) > * { margin-top: 0 !important; padding: 16px 18px; border-radius: var(--r-m); background: var(--card); border: 1px solid var(--line); }
.legacy-reader :is([class*="stat-val"], [class*="stat-n"], [class*="-val"], [class*="-num"], [class*="sp-n"], [class*="metric-v"]) {
	display: block; font-size: 1.6rem; font-weight: 780; font-stretch: 112%; letter-spacing: -0.03em; line-height: 1.05; color: var(--scrub);
}
/* Card-like grids. */
.legacy-reader :is([class*="grid"], [class*="cards"], [class*="-list"]):not(ul):not(ol) {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px;
}
.legacy-reader :is([class*="grid"], [class*="cards"]):not(ul):not(ol) > * { margin-top: 0 !important; }
.legacy-reader :is([class~="lg-card"], [class*="-card"], [class*="card-"], [class~="lg-mc"], [class*="feat"], [class*="area"], [class*="uc-"], [class*="chal"], [class*="sum-item"]):not([class*="grid"]):not([class*="title"]):not([class*="text"]):not([class*="desc"]):not([class*="body"]):not([class*="icon"]):not([class*="num"]):not(span) {
	padding: 20px 22px; border-radius: var(--r-m); background: var(--card); border: 1px solid var(--line);
}
.legacy-reader :is([class*="title"], [class$="-t"], [class*="name"]):is(div, span, p):not([class*="subtitle"]) { font-weight: 650; font-size: var(--fs-19); line-height: 1.3; letter-spacing: -0.01em; }
/* Callouts. */
.legacy-reader :is([class*="callout"], [class*="highlight"], [class*="note"], [class*="insight"], [class*="quote"]):not(span) {
	padding: 18px 22px; border-radius: var(--r-m); background: #e4f6ee; border-left: 3px solid var(--mint-ink);
}
/* Old progress-bar rows (label + bar + value). */
.legacy-reader :is([class*="bar-track"], [class*="bwrap"]) { height: 6px; border-radius: 3px; background: var(--paper-2); overflow: hidden; }
.legacy-reader :is([class*="bar-fill"], [class*="bfill"]) { height: 100%; width: 60%; background: linear-gradient(90deg, var(--mint), var(--cobalt)); }
/* Images coming from the old pages. */
.legacy-reader img { border-radius: var(--r-m); }
/* Old in-page section numbers ("01", "02"…) are noise without their layout. */
.legacy-reader :is([class*="sec-num"], [class*="sec-n"], [class*="step-num"], [class*="area-num"], [class*="ti-n"]) { display: none; }
/* Lists that were used as chips. */
.legacy-reader ul:is([class*="pill"], [class*="tag"], [class*="chip"]) { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }

/* Cards nested inside cards lose their box (old layouts nested panels deeply). */
.legacy-reader :is([class~="lg-card"], [class*="-card"], [class~="lg-mc"], [class*="feat"], [class*="uc-"], [class*="chal"]) :is([class~="lg-card"], [class*="-card"], [class*="card-"], [class~="lg-mc"], [class*="feat"], [class*="area"], [class*="uc-"], [class*="chal"], [class*="sum-item"]) {
	padding: 0; border: 0; background: none; border-radius: 0;
}