/**
 * InstaHost Blocks — front-end + editor styles.
 * Self-contained (palette hardcoded) so the blocks look right regardless of theme.
 */

.ih-tldr,
.ih-callout,
.ih-cite,
.ih-cta { --ih-paper:#F7F5F1; --ih-paper-2:#EFEDE7; --ih-ink:#14171A; --ih-slate:#5A6470; --ih-line:#DCD8D0; }

/* TL;DR */
.ih-tldr {
	background: #EFEDE7;
	border-radius: 2px;
	padding: 20px 22px;
	margin: 1.6rem 0;
}
.ih-tldr__label {
	font-family: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
	font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
	color: #5A6470; margin: 0 0 8px;
}
.ih-tldr > *:last-child { margin-bottom: 0; }

/* Callout */
.ih-callout {
	border: 1px solid #DCD8D0; border-left-width: 3px; border-radius: 2px;
	padding: 16px 18px; margin: 1.6rem 0; font-size: .95rem; line-height: 1.6;
}
.ih-callout__title { font-weight: 700; margin: 0 0 6px; letter-spacing: -.01em; }
.ih-callout > *:last-child { margin-bottom: 0; }
.ih-callout--info { border-left-color: #3DDC7F; }
.ih-callout--tip { border-left-color: #2F9166; }
.ih-callout--warning { border-left-color: #C8862B; }
.ih-callout--note { border-left-color: #2B7BB0; }

/* Citation */
.ih-cite {
	margin: 1.6rem 0; padding: 4px 0 4px 20px;
	border-left: 2px solid #DCD8D0;
}
.ih-cite__quote {
	font-size: 1.05rem; line-height: 1.55; color: #14171A; margin: 0 0 8px;
	border: 0; padding: 0;
}
.ih-cite__meta {
	font-family: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
	font-size: 12px; color: #5A6470;
}
.ih-cite__meta a { color: #14171A; }

/* CTA */
.ih-cta {
	background: #14171A; color: #F7F5F1; border-radius: 2px;
	padding: 28px 30px; margin: 1.8rem 0;
}
.ih-cta__h { font-size: 1.25rem; font-weight: 700; letter-spacing: -.015em; margin: 0 0 8px; color: #F7F5F1; }
.ih-cta__t { font-size: .95rem; color: #8895A2; margin: 0 0 18px; line-height: 1.55; }
.ih-cta__btn {
	display: inline-block; background: #F7F5F1; color: #14171A; text-decoration: none;
	font-weight: 600; font-size: 14px; padding: 11px 20px; border-radius: 2px;
}
.ih-cta__btn:hover { opacity: .9; }