/* Upper Skagit Library palette */
:root{
	--usl-green:#1F4721; /* primary accent */
	--usl-brown:#3F2915;
	--usl-light:#F7F7F5;
	--usl-gray :#6B6B6B;
	--usl-border:#D9D9D9;
	font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.usl-levy-wrap{
	display:flex;flex-wrap:wrap;
	border:1px solid var(--usl-border);
	background:var(--usl-light);
}

.usl-left,.usl-right{
	flex:1 1 320px;
	padding:1.5rem;
}

.usl-left{
	border-right:1px solid var(--usl-border);
}

.usl-right{
	border-left:8px solid var(--usl-green);
	background:#fff;
}

h2{
	margin-top:0;
	color:var(--usl-green);
	font-size:1.35rem;
}

.usl-table{
	width:100%;
	border-collapse:collapse;
	margin:1rem 0;
}

.usl-table th,
.usl-table td{
	padding:0.5rem;
	border:1px solid var(--usl-border);
	text-align:left;
}

.usl-table thead{
	background:var(--usl-green);
	color:#fff;
}

.usl-note,
.usl-desc,
.usl-footnote{
	font-size:0.875rem;
	color:var(--usl-gray);
}

input[type="number"]{
	width:100%;
	padding:0.5rem;
	border:2px solid var(--usl-border);
	border-radius:4px;
	font-size:1rem;
}

input[type="number"]:focus{
	outline:3px solid var(--usl-green);
	outline-offset:2px;
}

.usl-output p{
	margin:0.25rem 0;
	font-size:1.1rem;
}

.screen-reader-text{
	position:absolute!important;
	height:1px;width:1px;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px);
}
@media(max-width:640px){
	.usl-left{border-right:none;border-bottom:1px solid var(--usl-border);}
	.usl-right{border-left:none;border-top:8px solid var(--usl-green);}
}