/* ─────────────────────────────────────────────────────────────────────────────
   FDA notice — regulatory disclaimer component (shared)
   Used by:
     - cw-fda-notice widget (standalone)
     - claude-dedicated-resources widget (inline disclaimer above/below grid)
   ───────────────────────────────────────────────────────────────────────────── */

.cw-fda-notice {
	margin: 2rem auto 1.5rem;
	padding: 0.875rem 1.125rem;
	max-width: 100%;
	background: color-mix(in srgb, #ffffff 6%, transparent);
	border-left: 3px solid var(--cw-accent-primary, #dc2626);
	border-radius: 8px;
	color: color-mix(in srgb, #ffffff 82%, transparent);
	font-size: 0.8125rem;
	line-height: 1.55;
	letter-spacing: 0.005em;
}

.cw-fda-notice strong {
	color: #ffffff;
	font-weight: 600;
}

.cw-fda-notice a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cw-fda-notice--below {
	margin-top: 2.5rem;
}

@media (max-width: 600px) {
	.cw-fda-notice {
		font-size: 0.78rem;
		padding: 0.75rem 0.9rem;
	}
}