/* Standalone styling for the Engineering News Toolkit shortcodes.
   Uses its own scoped variables with sensible defaults so the widgets look
   reasonable in any theme. When the Engineering News theme is also active,
   its main.css defines the same class names with theme-matched values and
   takes precedence for anyone using both together. */

.ent-newsletter {
	--entp-bg: #1b2024;
	--entp-border: #3c444a;
	--entp-text: #e8eaec;
	--entp-muted: #8b949a;
	--entp-accent: #f2a900;

	background: var(--entp-bg);
	color: var(--entp-text);
	border: 1px solid var(--entp-border);
	padding: 20px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	max-width: 480px;
}
.ent-newsletter__title {
	margin: 0 0 8px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.ent-newsletter .ent-mono {
	font-family: 'JetBrains Mono', Consolas, monospace;
	color: var(--entp-accent);
}
.ent-newsletter__desc {
	margin: 0 0 14px;
	font-size: 13px;
	color: var(--entp-muted);
}
.ent-newsletter__row {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.ent-newsletter .ent-form-input {
	flex: 1;
	min-width: 180px;
	background: #14171a;
	border: 1px solid var(--entp-border);
	color: var(--entp-text);
	padding: 10px 12px;
	font-size: 14px;
}
.ent-newsletter .ent-btn {
	border: 1px solid var(--entp-accent);
	background: var(--entp-accent);
	color: #14171a;
	font-weight: 600;
	font-size: 13px;
	padding: 10px 16px;
	cursor: pointer;
}
.ent-newsletter .ent-btn:hover {
	opacity: 0.9;
}
.ent-newsletter__msg {
	margin: 10px 0 0;
	font-size: 12px;
}
.ent-newsletter__msg[data-state="success"] {
	color: #4a9b8e;
}
.ent-newsletter__msg[data-state="error"] {
	color: #c4432b;
}

.ent-breaking-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.ent-breaking-list__item {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: inherit;
}