/* QuizBrothers guides (/guides/, /sk/navody/) */

.page-guides .entry-header,
.page-navody .entry-header,
.page-how-to-host-a-pub-quiz .entry-header,
.page-wifi-vs-pin .entry-header,
.page-what-you-need-for-quiz-night .entry-header,
.page-ako-usporiadat-pub-kviz .entry-header,
.page-wifi-alebo-pin .entry-header,
.page-co-potrebujete-na-kvizovy-vecer .entry-header {
	display: none;
}

.qbp-guides-page {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 1.25rem 4rem;
	color: var(--qbp-text-muted-on-dark, #e8e8f4);
}

.qbp-guides-hero {
	padding: 1.75rem 0 1.5rem;
	text-align: center;
}

.qbp-guides-eyebrow {
	margin: 0 0 0.35rem;
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--global-palette1, #0dcb7b);
}

.qbp-guides-hero h1,
.qbp-guides-article h1 {
	margin: 0 0 0.65rem;
	font-size: clamp(1.65rem, 2.6vw, 2.15rem);
	line-height: 1.25;
	font-weight: 600;
	color: #fff;
}

.qbp-guides-hero p,
.qbp-guides-lede {
	max-width: 640px;
	margin: 0 auto 1.25rem;
	font-size: 1.02rem;
	line-height: 1.55;
}

.qbp-guides-grid {
	display: grid;
	gap: 1rem;
}

@media (min-width: 720px) {
	.qbp-guides-grid {
		grid-template-columns: 1fr;
	}
}

.qbp-guides-grid > p,
.qbp-guides-grid > br,
a.qbp-guides-card:empty,
a.qbp-guides-card:not(:has(h2, .qbp-guides-card-link)) {
	display: none;
}

.qbp-guides-card {
	position: relative;
	display: block;
	padding: 1.15rem 1.2rem 1.2rem;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	text-decoration: none;
	color: inherit;
}

.qbp-guides-card:hover {
	border-color: var(--global-palette1, #0dcb7b);
}

.qbp-guides-card-link,
.entry-content .qbp-guides-card-link,
.entry-content .qbp-guides-card-link:visited,
.entry-content .qbp-guides-card-link:hover,
.entry-content .qbp-guides-card-link:focus,
.entry-content .qbp-guides-card-link:active,
.entry-content .qbp-guides-card:hover .qbp-guides-card-link {
	display: inline-block;
	margin: 0 0 0.4rem;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.3;
	color: #fff !important;
	text-decoration: none;
}

.qbp-guides-card-link::after {
	content: "";
	position: absolute;
	inset: 0;
}

.qbp-guides-card h2 {
	margin: 0 0 0.4rem;
	font-size: 1.15rem;
	color: #fff;
}

.qbp-guides-card p {
	margin: 0;
	line-height: 1.5;
	color: #d5d5e4;
}

.qbp-guides-article h2 {
	margin: 1.75rem 0 0.6rem;
	font-size: 1.25rem;
	color: #fff;
}

.qbp-guides-article p,
.qbp-guides-article li {
	line-height: 1.6;
}

.qbp-guides-article ol,
.qbp-guides-article ul {
	margin: 0.35rem 0 1.1rem;
	padding-left: 1.2rem;
}

.qbp-guides-article li {
	margin: 0.4rem 0;
}

.qbp-guides-article ul ul {
	margin: 0.35rem 0 0.15rem;
}

.qbp-guides-article a {
	color: var(--global-palette1, #0dcb7b);
}

.qbp-guides-note {
	margin: 1.5rem 0 0;
	padding: 0.9rem 1rem;
	border-radius: 10px;
	background: rgba(13, 203, 123, 0.08);
	border: 1px solid rgba(13, 203, 123, 0.28);
}
