/**
 * Page styles — data-security. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.security-practice {
	background:var(--site-white);
	border:1px solid var(--site-slate-91);
	border-radius:16px;
	padding:28px;
}

.security-practice__icon {
	font-size:20px;
	color:var(--site-teal);
}

.security-practice__icon-badge {
	width:44px;
	height:44px;
	border-radius:12px;
	background:var(--site-teal-bg);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.security-practice__body {
	display:flex;
	gap:16px;
	align-items:flex-start;
}

.security-practice__desc {
	font-size:13px;
	color:var(--site-text-sec);
	line-height:1.7;
	margin:0;
}

.security-practice__title {
	font-size:15px;
	font-weight:700;
	color:var(--site-navy);
	margin-bottom:8px;
}

.security-see-also {
	padding:20px;
	background:var(--site-blue-98);
	border:1px solid var(--site-slate-91);
	border-radius:10px;
	margin-top:20px;
}

.security-disclosure {
	background:var(--site-green-97);
	border:1px solid var(--site-success-border);
	border-radius:14px;
	padding:28px 32px;
}

.security-disclosure__text {
	font-size:14px;
	color:var(--site-text-med);
	line-height:1.7;
	margin:0;
}

.security-disclosure__title {
	font-size:16px;
	font-weight:700;
	color:var(--site-green-24);
	margin-bottom:10px;
}

/* Moved here from another stylesheet: this is where these classes are used. */
.lr-av__security-icon {
	font-size:12px;
}
.mlsg-cards-2--security {
	margin-bottom:56px;
}
.mlsg-section .security-disclosure__email {
	color:var(--site-teal);
	font-weight:700;
}