/* ---------------------------------------------------------------------------
   Security and recovery — pattern agenda/security
   Ports .security-grid / .security-copy / .security-list from
   marketing docs/index.html. The .security-copy tint comes from the green-soft
   preset on the group. The mockup's <b> + <span> pairs become .item-title and
   .item-sub paragraphs.
--------------------------------------------------------------------------- */
.agenda-security .security-copy {
	border-radius: var(--radius);
	padding: 34px;
}
.agenda-security .security-copy h3 {
	font-size: 1.5rem;
	margin: 0 0 10px;
}
.agenda-security .security-copy p {
	margin: 0;
	color: var(--muted);
}

.agenda-security .security-item {
	padding: 18px;
	border: 1px solid var(--line);
	border-radius: 12px;
}
.agenda-security .security-item p { margin: 0; }
.agenda-security .security-item .item-title {
	margin-bottom: 4px;
	font-weight: 700;
}
.agenda-security .security-item .item-sub {
	font-size: .86rem;
	color: var(--muted);
}

@media (max-width: 720px) {
	.agenda-security .security-list { grid-template-columns: 1fr; }
}