/* Plná šířka pouze pro WordPress stránku obsahující [moth_liber_al]. */
.moth-liber-al-page .cm-primary { width: 100% !important; max-width: none !important; }
.moth-liber-al-page .cm-secondary { display: none !important; }

.moth-liber-al {
	box-sizing: border-box; width: 100%; max-width: 1180px; margin: 0 auto;
	padding: clamp(18px, 3vw, 38px); background: #0d0d0d; color: #f3f0dc;
	font-family: Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.62;
}
.moth-liber-al *, .moth-liber-al *::before, .moth-liber-al *::after { box-sizing: border-box; }
.moth-liber-al a { color: #e7b759; }
.moth-liber-al__nav { margin: 0 0 1.5rem; }
.moth-liber-al__nav a { text-decoration: none; }
.moth-liber-al__cover {
	display: flex; min-height: min(65vh, 620px); align-items: center; justify-content: center;
	padding: clamp(28px, 8vw, 80px); background: #d33931;
}
.moth-liber-al__cover img { display: block; width: min(302px, 100%); height: auto; }

/* Úvod už není tabulka ani theme blockquote. */
.moth-al-intro-content { max-width: 920px; margin: 0 auto; }
.moth-al-intro-content p {
	margin: 1.25rem 0; padding: 0; background: transparent; color: inherit; text-align: left;
}
.moth-al-intro-content img {
	display: block; max-width: min(100%, 720px); height: auto; margin: 1.75rem auto;
}
.moth-al-intro-content > img:first-of-type,
.moth-al-intro-content > img:nth-of-type(2) {
	display: inline-block; max-width: calc(50% - 14px); margin: 1rem 10px 1.5rem 0; vertical-align: middle;
}
.moth-al-enter {
	display: block; max-width: 720px; margin: 2.5rem auto 1rem; padding: 1rem;
	border: 1px solid #5e5438; background: #15140f; text-align: center;
}
.moth-al-enter img { margin: 0 auto; }

.moth-liber-al__notes {
	max-width: 920px; margin: 2.5rem auto 0; border-top: 1px solid #504a37; border-bottom: 1px solid #504a37;
}
.moth-liber-al__notes summary {
	cursor: pointer; padding: 1rem 0; color: #e7b759; font-size: 1.1rem;
}
.moth-liber-al__notes-content { padding: 0 0 1.5rem; color: #d4d0bd; }
.moth-liber-al__compare-hint { margin: 0 0 1.5rem; color: #aaa792; font-size: .92rem; }

.moth-al-chapter { margin: 0 0 3rem; }
.moth-al-chapter h2 {
	margin: 0 0 1.5rem; color: #e7b759; font-family: inherit; font-size: 1.6rem;
}
.moth-al-verse {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(24px, 5vw, 64px); padding: .72rem 0;
}
.moth-al-verse--separator {
	margin-top: .65rem; padding-top: 1.35rem; border-top: 1px solid #39382f;
}
.moth-al-verse__en { color: #d8453f; }
.moth-al-verse__cs { color: #f3f0dc; }
.moth-al-verse__number { color: #e7b759; font-weight: 700; }
.moth-al-verse img, .moth-al-comment img {
	display: inline-block; max-width: 100%; height: auto; vertical-align: middle;
}
.moth-al-comment {
	display: inline-block; width: calc(50% - 2rem); margin-top: 1rem; padding: 1.5rem 0;
	border-top: 1px solid #5e5438; vertical-align: top;
}
.moth-al-comment--en { margin-right: 3.5rem; color: #d8453f; }

@media (max-width: 720px) {
	.moth-liber-al { padding: 16px; font-size: 16px; }
	.moth-al-verse { grid-template-columns: 1fr; gap: .4rem; padding: .9rem 0; }
	.moth-al-verse__cs { padding-left: 1rem; border-left: 2px solid #39382f; }
	.moth-al-comment { display: block; width: 100%; margin-right: 0; }
}