/* Modern Day Pioneer: shared menu and page styles (both themes) */
.site-header { position: sticky; top: 0; z-index: 10000; background: #fff; border-bottom: solid 1px rgba(0,0,0,0.1); font-family: inherit; }
.site-header .bar { display: flex; align-items: center; justify-content: space-between; max-width: 72rem; margin: 0 auto; padding: 0 1.5rem; height: 3.5rem; }
.site-header .brand { font-weight: 600; letter-spacing: 0.05em; border-bottom: 0; color: #2C3E50; white-space: nowrap; text-decoration: none; display: flex; align-items: center; gap: 0.6rem; }
.site-header .brand img { width: 28px; height: 28px; display: block; }
.site-header nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 1.75rem; }
.site-header nav li { padding: 0; margin: 0; border: 0; }
.site-header nav a { border-bottom: 0; font-size: 0.9rem; color: #000; text-decoration: none; }
.site-header nav a.current { border-bottom: solid 2px #47D3E5; }
.site-header .menu-btn { display: none; }
.site-header input.toggle { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; }
.site-header .menu-btn:before, .site-header .menu-btn:after { display: none !important; content: none !important; }
@media screen and (max-width: 800px) {
	.site-header .menu-btn { display: block; cursor: pointer; font-size: 0.9rem; border: solid 1px rgba(0,0,0,0.25); border-radius: 2rem; padding: 0.2rem 1rem !important; margin: 0; color: #000; }
	.site-header nav { display: none; position: absolute; top: 3.5rem; left: 0; right: 0; background: #fff; border-bottom: solid 1px rgba(0,0,0,0.1); }
	.site-header .toggle:checked ~ nav { display: block; }
	.site-header nav ul { flex-direction: column; gap: 0; }
	.site-header nav a { display: block; padding: 0.9rem 1.5rem; border-top: solid 1px rgba(0,0,0,0.06); }
	.site-header nav a.current { border-bottom: 0; font-weight: 600; }
}
[id] { scroll-margin-top: 4.5rem; }
.page-text { text-align: left; }
.page-text h3 { margin-top: 2.5rem; }
.jump { list-style: none; padding-left: 0; }
.note { background: #f4f1ea; color: #333; border-radius: 6px; padding: 1.25rem 1.5rem; margin-bottom: 2rem; }
.note p:last-child { margin-bottom: 0; }

/* Big Picture: fit the shared menu into the theme's fixed header */
#header.site-header { position: fixed; height: 3.5rem; line-height: normal; background: #fff; box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.1); border-bottom: 0; }
#header.site-header nav { position: static; height: auto; line-height: normal; display: block; }
#header.site-header nav ul li { display: block; margin: 0; font-size: 1em; }
#header.site-header nav ul li a { height: auto; line-height: normal; padding: 0; display: inline; }
@media screen and (max-width: 800px) {
	#header.site-header nav { display: none; position: absolute; top: 3.5rem; left: 0; right: 0; background: #fff; }
	#header.site-header .toggle:checked ~ nav { display: block; }
	#header.site-header nav ul li a { display: block; padding: 0.9rem 1.5rem; }
}
.page-wrap { padding-top: 6rem; }
.page-wrap .content { max-width: 48rem; margin: 0 auto; text-align: left; }
.page-wrap .content h2 { text-align: left; }
#intro .content { text-shadow: 0 1px 6px rgba(0,0,0,0.5); }
@media screen and (max-width: 800px) { .page-wrap .content { padding: 0 1.25rem; } }
.page-text ul:not(.actions):not(.jump) { list-style: disc; padding-left: 1.5em; text-align: left; }
.page-text ol { list-style: decimal; padding-left: 1.5em; text-align: left; }
.page-text ul:not(.actions):not(.jump) li, .page-text ol li { display: list-item; padding-left: 0.25em; }
/* Help pages (sprint 14): screenshots fit the column; videos keep 16:9. */
.help-video { position: relative; aspect-ratio: 16 / 9; margin: 0 0 2rem; }
.help-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 6px; }
.help-video-soon { font-style: italic; }
main img, article img, .content img { max-width: 100%; height: auto; border: 1px solid #ddd; border-radius: 6px; }