#instructions .katex{
  font-size: 1em;
}


body {
            /*font-family: Arial, sans-serif;*/
	font-family: Tenorite, sans-serif;
            line-height: 1.6;
        }
        .header {
            
            align-items: baseline;
            width: 100%;
            	
            box-sizing: border-box;
        }
#brand-name{
	font-weight: 900;
	
            flex: 0 0 auto;
            margin-right: 0.5in;
        
}
.header .gap {
            flex: 0 0 10px; /* Fixed gap */
        }
.demo-label {
            flex: 0 0 auto;
            margin-right: 5px;
        }
.field-blank {
            border-bottom: 1px solid black;
            margin-right: 10px;
        }
#name-blank{
	flex: 7 1 auto;
}
#date-blank{
	flex: 2 1 auto;
}
#period-blank{
	flex: 1 1 auto;
}
.field-blank:last-of-type {
            margin-right: 0;
        }

        h1 {
            text-align: left;
        }
        
        ol {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: auto;
            padding-left: 0;
            list-style: none;
            counter-reset: list-counter;
        }
        ol li {
            margin: 0;
            padding: 5px;
            
            text-align: left;
            counter-increment: list-counter;
			display: block;
	
        }
        ol li::before {
            content: counter(list-counter) ". ";
            font-weight: bold;
            margin-right: 5px;
        }
.question-content{
  display: inline-block;
}
li .katex.question-content{
	font-size: 1em;
}
.answer-content{
  display: block;
  text-align: center;
  padding: 10px;
	font-size: 1.5em;
}
@media print {
	#print-container {
        display: none;
    }
	body {
		margin: 0;
	}
	h1,.header{
		font-size: 11pt;
	}
	.header{
		display: flex;
		margin-top:0;
		margin-bottom:0;
	}
	h1,h2{
		margin-top:0;
		margin-bottom:6pt;
	}
	#question-list {
		page-break-after: always;
	}
	ol li {
		/*height: calc((100vh - 204px) / 5); /* Subtract margins and divide by rows */
		height: 1.75in;
	}
	
	#question-list, #answer-list {
		margin:0;
	}
	.answer-content{
		margin: 10pt;
	}
	#instructions{
		line-height: 1.2;
	}
	#question-list li:nth-last-child(-n+2) {
    height: 1.3in
}
	#answer-list li:nth-last-child(-n+2) {
    height: 1.3in
}
	
	@page{
		margin: 0.5in;
		size: 8.5in 11in landscape;
	}
}
@media screen {
	.header{
		display: none;
	}
	body {
		margin: 20px;
	}
	ol li {
		height: 20em;
		border: 1px solid #ccc;
		font-size: 1em;
	}

	.answer-content{
		margin: 20px;
		color: mediumblue;
	}
}