.infos-page {
	max-width: 980px;
	color: #3f4c52;
}

.infos-page h2,
.infos-page h3,
.infos-page h4,
.infos-page strong {
	color: #276988;
}

.infos-page h3 {
	margin: 0 0 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #dceaf1;
}

.infos-page h4 {
	margin: 8px 0 10px;
	font-size: 1.12rem;
}

.infos-page p,
.infos-page li {
	line-height: 1.65;
}

.infos-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 14px;
	padding: 22px;
	border: 1px solid #bfddeb;
  border-radius: 6px;
	background: #f3f9fc;
}

.infos-hero h2 {
	margin: 2px 0 8px;
	font-size: 2rem;
}

.infos-lead-site-name {
	margin-inline-end: 0.25em;
}

.infos-lead {
	max-width: 720px;
	margin: 0;
}

.infos-hero-icon,
.infos-entry-icon {
	flex: 0 0 auto;
	display: block;
	border: 0;
}

.infos-section {
	margin-top: 22px;
}

.infos-grid {
	display: grid;
	gap: 12px;
}

.infos-grid-four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.infos-grid-three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.infos-grid-two,
.infos-entry-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.infos-card {
	min-width: 0;
	padding: 14px;
	border: 1px solid #d8e7ee;
  border-radius: 6px;
	background: #fff;
}

.infos-card p:last-child {
	margin-bottom: 0;
}

.infos-entry-card {
	position: relative;
	display: grid;
	grid-row: 1 / span 10;
	grid-template-rows: subgrid;
	padding: 18px;
}

.infos-entry-grid {
	row-gap: 0;
}

.infos-entry-card:first-child {
	grid-column: 1;
}

.infos-entry-card:last-child {
	grid-column: 2;
}

.infos-entry-card ul {
	display: grid;
	grid-row: span 8;
	grid-template-rows: subgrid;
}

.infos-entry-card li {
	min-width: 0;
}

.infos-entry-premium {
	border-color: #efb77e;
	background: #fffaf5;
}

.infos-entry-card ul,
.infos-section-card ul {
	margin-bottom: 0;
	padding-left: 20px;
}

.infos-notice,
.infos-small-note {
	padding: 12px 14px;
	border-left: 4px solid #4f9ec9;
	background: #f4f9fc;
  border-radius: 6px;
}

.infos-small-note {
	margin-top: 12px;
	font-size: 1rem;
}

.infos-steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 14px 0;
	padding: 0;
	list-style: none;
	counter-reset: infos-step;
}

.infos-steps li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 12px;
	border: 1px solid #d8e7ee;
  border-radius: 6px;
	background: #fff;
	counter-increment: infos-step;
}

.infos-steps li::before {
	content: counter(infos-step);
	display: grid;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 50%;
	background: #2e83ad;
	color: #fff;
	font-weight: bold;
}

.infos-value-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px 18px;
	padding-left: 20px;
}

.infos-faq details {
	margin-bottom: 8px;
	border: 1px solid #d8e7ee;
  border-radius: 6px;
	background: #fff;
}

.infos-faq summary {
	cursor: pointer;
	padding: 12px 14px;
	color: #276988;
	font-weight: bold;
}

.infos-faq details[open] summary {
	border-bottom: 1px solid #d8e7ee;
	background: #f3f9fc;
}

.infos-faq details p {
	margin: 0;
	padding: 12px 14px;
}

@media (max-width: 900px) {
	.infos-grid-four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	.infos-hero {
		align-items: flex-start;
		padding: 16px;
	}

	.infos-hero h2 {
		font-size: 1.6rem;
	}

	.infos-hero-icon {
		width: 44px;
		height: 44px;
	}

	.infos-grid-four,
	.infos-grid-three,
	.infos-grid-two,
	.infos-entry-grid,
	.infos-steps,
	.infos-value-list {
		grid-template-columns: 1fr;
	}

	.infos-entry-grid {
		row-gap: 12px;
	}

	.infos-entry-card,
	.infos-entry-card:first-child,
	.infos-entry-card:last-child {
		display: block;
		grid-column: auto;
		grid-row: auto;
	}

	.infos-entry-card ul {
		display: block;
	}
}