/**
 * HTML guide posts: stop global theme rules from overriding pasted reference CSS.
 * Pasted <style> from the guide file loads after this sheet.
 */

body.pinkbird-html-guide #main > .pinkbird-html-guide {
	display: block;
	max-width: none;
	width: 100%;
}

/* Homepage / city .hero rules must not apply to blog guide heroes inside the paste. */
body.pinkbird-html-guide #main .pinkbird-html-guide .hero {
	min-height: 0 !important;
	display: block !important;
	align-items: unset !important;
	flex: none !important;
}

body.pinkbird-html-guide #main .pinkbird-html-guide .hero-bg,
body.pinkbird-html-guide #main .pinkbird-html-guide picture.hero-bg {
	display: none !important;
}

body.pinkbird-html-guide #main .pinkbird-html-guide .hero .wrap {
	position: relative;
	z-index: 1;
	width: 100%;
	margin-top: 0 !important;
}

/* Do not zero margins on guide content (blog-post.css reset). */
body.pinkbird-html-guide #main .pinkbird-html-guide,
body.pinkbird-html-guide #main .pinkbird-html-guide * {
	box-sizing: border-box;
}