h2 + h3,
h3 + h4,
.image-reader + h4 {
	margin-top: 1.6em;
}
@media only screen and (max-width: 445px) {
	.image-reader {
		width: 80%;
	}
}

.accordion-item h2.accordion-title .accordion-title-text {
	font-size: 40px !important;
}
@media only screen and (max-width: 1068px) {
	.accordion-item h2.accordion-title .accordion-title-text {
		font-size: 32px !important;
	}
}
@media only screen and (max-width: 734px) {
	.accordion-item h2.accordion-title .accordion-title-text {
		font-size: 28px !important;
	}
}

.icon-yellow {
	display: inline-block;
	vertical-align: middle;
	filter: invert(87%) sepia(47%) saturate(6357%) hue-rotate(345deg)
		brightness(91%) contrast(93%);
}
body[data-color-scheme="dark"] .icon-yellow {
	filter: invert(86%) sepia(89%) saturate(3037%) hue-rotate(327deg)
		brightness(103%) contrast(103%);
}

.image-xcode {
	border: 1px solid #ccc;
}
html body[data-color-scheme="dark"] .image-xcode {
	border-color: #333336;
}
@media only screen and (max-width: 1068px) {
	.image-xcode {
		width: 577px !important;
	}
}
@media only screen and (max-width: 660px) {
	.image-xcode {
		width: 100% !important;
	}
}

table thead tr {
	background-color: #f5f5f7;
}
html body[data-color-scheme="dark"] table thead tr {
	background-color: #1d1d1f;
}

table tbody tr {
	background-color: #fafafc;
}
html body[data-color-scheme="dark"] table tbody tr {
	background-color: #161617;
}

table th {
	text-align: center;
	padding: 10px 0;
}

table td {
	text-align: left;
	padding: 5px 10px;
}

table th {
	border-top: 1px solid #ccc;
}
table th,
table td {
	border-left: 1px solid #ccc;
}
table th:last-of-type,
table td:last-of-type {
	border-right: 1px solid #ccc;
}

html body[data-color-scheme="dark"] table,
html body[data-color-scheme="dark"] table th,
html body[data-color-scheme="dark"] table td {
	border-color: #333336;
}