/* Styles for the [student_quiz] shortcode host element and surrounding page layout.
   Note: Shadow DOM internals are styled by the inline <style> block in quiz-tracker.php. */

.wp-block-button .wp-block-button__link[href="/stories/"] {
	background-color: #e8dfd3;
	padding-block: 15px;
}

/* Scoped to the single cover block that contains the "Full Story" button */
@media (min-width: 782px) {
	.wp-block-cover:has(a[href="/stories/"]) .wp-block-columns > .wp-block-column:first-child {
		flex-basis: 80% !important;
	}
	.wp-block-cover:has(a[href="/stories/"]) .wp-block-columns > .wp-block-column:last-child {
		flex-basis: 20% !important;
	}
}

/* Swap the shape-orange background for windinthesail */
.wp-block-cover:has(a[href="/stories/"]) > picture {
	display: none;
}
.wp-block-cover:has(a[href="/stories/"]) {
	background-image: image-set(
		url(../images/windinthesail-sand.avif) type("image/avif"),
		url(../images/windinthesail-sand.jpg) type("image/jpeg")
	);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}