/**
 * front.css — the parts of an imported post the theme has no opinion about:
 * numbered idea headings, the pending-image placeholder and the
 * cross-reference / internal-link anchors.
 *
 * Colours come from the Shutki theme's own custom properties, with plain
 * fallbacks so the plugin still looks deliberate under another theme.
 */

.ski-idea { margin: 0 0 var(--sk-8, 2.5rem); }

.ski-idea__heading { scroll-margin-top: 5rem; }
.ski-idea__num { color: var(--sk-accent-ink, #b45309); font-weight: 800; }

.ski-idea__figure { margin: var(--sk-5, 1.25rem) 0; }
.ski-idea__img { width: 100%; height: auto; display: block; border-radius: var(--sk-r-lg, 12px); }

.ski-idea__figure--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 8rem;
	padding: 2rem 1rem;
	border: 2px dashed var(--sk-line, #e2e8f0);
	border-radius: var(--sk-r-lg, 12px);
	background: var(--sk-sand, #faf7f2);
}
.ski-idea__placeholder { font-size: .85rem; color: var(--sk-muted, #64748b); }
.ski-idea__placeholder code { font-size: .8em; }

/* --- Callout -------------------------------------------------------------- */

/* The theme styles .sk-callout as a flex row for its icon; the label + body
   here stack instead, so the inner wrapper takes the column. */
.ski-callout__inner { display: block; width: 100%; }
.ski-callout__label {
	display: block;
	margin-bottom: .2rem;
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--sk-accent-ink, #b45309);
}
.ski-callout__title { display: block; margin-bottom: .25rem; }
.ski-callout__body > p:last-child { margin-bottom: 0; }

/* --- FAQ ------------------------------------------------------------------ */

.ski-faq-wrap { margin: var(--sk-8, 2.5rem) 0; }
.ski-faq__heading { scroll-margin-top: 5rem; }

/* --- Anchors -------------------------------------------------------------- */

.ski-xref { text-decoration-style: dotted; }
.ski-conclusion__heading { scroll-margin-top: 5rem; }