.msp247-hd-message-text {
	white-space: pre-wrap;
	line-height: 1.62;
}

.msp247-hd-rich-message {
	white-space: normal !important;
	line-height: 1.62;
	overflow-wrap: anywhere;
}

.msp247-hd-rich-message > :first-child {
	margin-top: 0;
}

.msp247-hd-rich-message > :last-child {
	margin-bottom: 0;
}

.msp247-hd-rich-message img {
	max-width: 100%;
	height: auto;
}

.msp247-hd-inline-figure {
	margin: 18px 0;
}

.msp247-hd-inline-figure img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid var(--line, #d7e4e8);
	border-radius: 10px;
}

.msp247-hd-inline-figure figcaption {
	margin-top: 7px;
	color: var(--muted, #60727e);
	font-size: 13px;
}

.msp247-hd-attachments {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 260px));
	gap: 12px;
	margin-top: 18px;
	white-space: normal !important;
}

.msp247-hd-attachment {
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding: 9px;
	border: 1px solid var(--line, #d7e4e8);
	border-radius: 10px;
	background: #fff;
	color: var(--ink, #163247);
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.msp247-hd-attachment:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(14, 55, 75, 0.1);
}

.msp247-hd-attachment img {
	display: block;
	width: 100%;
	max-height: 180px;
	object-fit: cover;
	border-radius: 7px;
	background: #eef4f6;
}

.msp247-hd-attachment span,
.msp247-hd-attachment small {
	display: block;
	white-space: normal !important;
	overflow-wrap: anywhere;
}

.msp247-hd-attachment small {
	margin-top: 3px;
	color: var(--muted, #60727e);
}

.msp247-hd-email-frame {
	display: block;
	width: 100%;
	height: 620px;
	border: 1px solid var(--line, #d7e4e8);
	border-radius: 12px;
	background: #fff;
}

.msp247-hd-plain-copy {
	margin-top: 12px;
	color: var(--muted, #60727e);
}

.msp247-hd-plain-copy summary {
	cursor: pointer;
	font-weight: 700;
}

.msp247-hd-plain-copy > div {
	white-space: pre-wrap;
	line-height: 1.62;
	margin-top: 10px;
	padding: 12px;
	background: #fff;
	border: 1px solid var(--line, #d7e4e8);
	border-radius: 8px;
	color: var(--ink, #163247);
}

@media (max-width: 720px) {
	.msp247-hd-email-frame {
		height: 520px;
	}
}