/* MyNurseDesk callout boxes (approved design, 22 Oct 2026). Colours are tokens so dark mode can change them. */
.mndj-co {
	--co-navy: #0b2545;
	--co-teal: #0f8b8d;
	--co-amber: #d97706;
	--co-card: #ffffff;
	--co-cream: #fff8ec;
	--co-line: #dfe8ec;
	--co-cream-line: #f1dfb8;
	--co-text: #33475b;
	--co-head: #0b2545;
	margin: 28px 0;
	border-radius: 18px;
	font-size: 16.5px;
	line-height: 1.6;
	box-sizing: border-box;
	max-width: 100%;
}
:root[data-theme="dark"] .mndj-co {
	--co-card: rgba(255, 255, 255, .04);
	--co-cream: rgba(245, 158, 11, .09);
	--co-line: rgba(255, 255, 255, .12);
	--co-cream-line: rgba(245, 158, 11, .3);
	--co-text: #c9d6df;
	--co-head: #eef4f7;
}
.mndj-co svg { width: 22px; height: 22px; display: block; flex: none; }
.mndj-co p { margin: 0; }
.mndj-co p + p { margin-top: 8px; }
.mndj-co ul, .mndj-co ol { margin: 6px 0 0; padding-left: 1.2em; }

/* ---- Quick Summary: gradient card with check points ---- */
.mndj-co--summary {
	padding: 22px 24px 20px;
	color: rgba(255, 255, 255, .88);
	background: linear-gradient(135deg, var(--co-teal) 0%, var(--co-navy) 100%);
	box-shadow: 0 14px 34px -22px rgba(11, 37, 69, .55);
}
.mndj-co__head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, .18);
}
.mndj-co__hico {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 11px;
	background: rgba(255, 255, 255, .14);
	color: #fff;
	flex: none;
}
.mndj-co--summary .mndj-co__title { color: #fff; font-weight: 700; font-size: 19px; line-height: 1.3; }
.mndj-co__points { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 12px; }
.mndj-co__points li { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 0; }
.mndj-co__points li::before, .mndj-co__points li::marker { content: none; }
.mndj-co__check {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	margin-top: 1px;
	border-radius: 50%;
	background: #a8ece4;
	color: var(--co-navy);
	flex: none;
}
.mndj-co__check svg { width: 15px; height: 15px; stroke-width: 2.6; }
.mndj-co__pt { min-width: 0; }
.mndj-co--summary strong, .mndj-co--summary b { color: #fff; font-weight: 700; }
.mndj-co--summary a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }

/* ---- Pro Tip / Important Note / Key Takeaway: icon cards ---- */
.mndj-co--tip, .mndj-co--warn, .mndj-co--takeaway {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 18px 20px;
	background: var(--co-card);
	border: 1px solid var(--co-line);
	color: var(--co-text);
}
.mndj-co__ico {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: #fff;
	background: var(--co-navy);
	flex: none;
}
.mndj-co--warn { background: var(--co-cream); border-color: var(--co-cream-line); }
.mndj-co--warn .mndj-co__ico { background: var(--co-amber); }
.mndj-co--takeaway .mndj-co__ico { background: var(--co-teal); }
:root[data-theme="dark"] .mndj-co--tip .mndj-co__ico { background: #1d4f7a; }
.mndj-co__body { min-width: 0; }
.mndj-co__body .mndj-co__title { color: var(--co-head); font-weight: 700; font-size: 17px; line-height: 1.35; margin-bottom: 4px; }
.mndj-co__text strong, .mndj-co__text b { color: var(--co-head); }

/* ---- 🔍 button ---- */
.mndj-cta-wrap { margin: 26px 0; }
.mndj-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 12px 24px;
	border-radius: 12px;
	background: #0e7c7b;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none !important;
	line-height: 1.3;
	text-align: center;
}
.mndj-cta:hover { background: #0a6362; }
.mndj-cta:focus-visible { outline: 3px solid #5ccac7; outline-offset: 3px; }
.mndj-cta svg { width: 18px; height: 18px; flex: none; }

@media (max-width: 600px) {
	.mndj-co { font-size: 16px; }
	.mndj-co--summary { padding: 18px 18px 16px; }
	.mndj-co--tip, .mndj-co--warn, .mndj-co--takeaway { padding: 16px; gap: 12px; }
	.mndj-co__ico { width: 38px; height: 38px; }
	.mndj-cta { display: flex; width: 100%; }
}
@media (prefers-reduced-motion: no-preference) {
	.mndj-cta { transition: background-color .15s ease; }
}

/* Inside a theme's article text (".prose" and similar), keep the box's own colours, spacing and list style. */
.mndj-co.mndj-co--summary li,
.mndj-co.mndj-co--summary p,
.mndj-co.mndj-co--summary .mndj-co__pt { color: rgba(255, 255, 255, .88); }
.mndj-co.mndj-co--summary .mndj-co__title,
.mndj-co.mndj-co--summary strong,
.mndj-co.mndj-co--summary b,
.mndj-co.mndj-co--summary a { color: #fff; }
.mndj-co .mndj-co__points > li { padding-left: 0; margin: 0; }
.mndj-co .mndj-co__points > li::before { content: none; display: none; }
.mndj-co.mndj-co--tip p, .mndj-co.mndj-co--warn p, .mndj-co.mndj-co--takeaway p, .mndj-co .mndj-co__text li { color: var(--co-text); }
.mndj-co .mndj-co__body .mndj-co__title { color: var(--co-head); }
.mndj-co .mndj-co__text > * + * { margin-top: 8px; }
* + .mndj-co, .mndj-co + * { margin-top: 28px; }