/**
 * Page styles — hosting-requirements. 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.
 */

.d--requirement-group {
	margin-bottom:52px;
}

.d--checklist-card {
	background:var(--site-white);
	border:1px solid var(--site-slate-91);
	border-radius:14px;
	padding:22px 24px;
}

.requirement-table__frame {
	border-radius:14px;
	overflow:hidden;
	border:1px solid var(--site-slate-91);
}

.requirement-table__icon-badge {
	width:38px;
	height:38px;
	border-radius:10px;
	background:var(--site-teal-bg);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.requirement-table__header {
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:20px;
}

.hosting-checklist__item {
	display:flex;
	gap:14px;
	align-items:flex-start;
}

.requirement-table__table {
	width:100%;
	border-collapse:collapse;
}

.requirement-table__notes {
	padding:14px 16px;
	font-size:12px;
	color:var(--site-text-muted);
	line-height:1.7;
	vertical-align:top;
}

.requirement-table__recommended {
	padding:14px 16px;
	font-size:13px;
	font-weight:700;
	color:var(--site-green-24);
	vertical-align:top;
}

.requirement-table__requirement {
	padding:14px 16px;
	font-size:13px;
	font-weight:700;
	color:var(--site-navy);
	vertical-align:top;
}

.requirement-table__minimum {
	padding:14px 16px;
	font-size:13px;
	color:var(--site-text-sec);
	vertical-align:top;
}

.hosting-checklist__item-title {
	font-size:13px;
	font-weight:700;
	color:var(--site-navy);
	margin:0 0 4px;
}

.hosting-checklist__item-text {
	font-size:12px;
	color:var(--site-text-muted);
	line-height:1.6;
	margin:0;
}

.requirement-table__heading {
	padding:12px 16px;
	font-size:12px;
	font-weight:700;
	color:var(--site-white-alpha-70);
	text-align:left;
	text-transform:uppercase;
	letter-spacing:.04em;
}

.requirement-table__heading--requirement {
	width:22%;
}

.requirement-table__heading--recommended {
	width:18%;
}

.requirement-table__heading--minimum {
	width:16%;
}




.requirement-table__title {
	font-size:18px;
	font-weight:800;
	color:var(--site-navy);
	margin:0;
}

.requirement-table__head-row {
	background:var(--site-navy);
}

.hosting-guide {
	max-width:960px;
}

.managed-hosting-cta {
	background:linear-gradient(135deg,var(--site-navy-13) 0%,var(--site-navy-23) 100%);
	border-radius:20px;
	padding:44px 48px;
	text-align:center;
	margin-bottom:32px;
}

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

.hosting-notice__icon {
	font-size:18px;
	color:var(--site-orange-44);
}

.managed-hosting-cta__icon {
	font-size:26px;
	color:var(--site-sky-64b);
}

.hosting-notice__icon-badge {
	flex-shrink:0;
	width:40px;
	height:40px;
	border-radius:10px;
	background:var(--site-amber-89);
	display:flex;
	align-items:center;
	justify-content:center;
}

.managed-hosting-cta__icon-badge {
	width:56px;
	height:56px;
	border-radius:16px;
	background:var(--site-teal-alpha-25);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 20px;
}

.hosting-notice {
	background:var(--site-warning-bg);
	border:1px solid var(--site-amber-65);
	border-radius:14px;
	padding:24px 28px;
	margin-bottom:48px;
	display:flex;
	gap:16px;
	align-items:flex-start;
}

.hosting-notice__title {
	font-size:14px;
	font-weight:700;
	color:var(--site-orange-31);
	margin:0 0 4px;
}

.hosting-notice__text {
	font-size:13px;
	color:var(--site-orange-26);
	line-height:1.7;
	margin:0;
}

.managed-hosting-cta__text {
	font-size:15px;
	color:var(--site-white-alpha-70);
	max-width:560px;
	margin:0 auto 28px;
	line-height:1.7;
}

.hosting-checklist__title {
	font-size:20px;
	font-weight:800;
	color:var(--site-navy);
	margin:0 0 20px;
}

.managed-hosting-cta__title {
	font-size:24px;
	font-weight:800;
	color:var(--site-white);
	margin-bottom:12px;
}

/* Elements whose values come from the page data: the value arrives as a custom property. */

.hosting-checklist__icon {
	font-size:22px;
	flex-shrink:0;
	margin-top:2px;
	color:var(--data-color);
}

.requirement-table__row {
	border-top:1px solid var(--site-slate-91);
	background:var(--data-bg);
}

.requirement-table__icon {
	font-size:17px;
	color:var(--data-color);
}

/* Moved here from another stylesheet: this is where these classes are used. */
.lr-av__hosting-icon {
	font-size:12px;
}
.mlsg-cards-2--checklist {
	margin-bottom:56px;
}
.managed-hosting-cta__actions {
	display:flex;
	gap:16px;
	justify-content:center;
	flex-wrap:wrap;
}