@charset "UTF-8";

:root { --blond:#fffcc8; }
:root { --celeste:#def0ff; }
:root { --charcoal:#111111; }
:root { --granite:#646464; }
:root { --red:#bc2b2b; }
:root { --ruddy:#2b6699; }
:root { --white:#ffffff; }

* { appearance:none; }
* { background:none; }
* { border:none; }
* { box-sizing:border-box;  }
* { color:inherit; }
* { cursor:inherit; }
* { font-display:swap; }
* { font-family:"Merriweather", sans-serif; }
* { font-size:0; }
* { font-style:normal; }
* { font-variant:normal; }
* { font-weight:500; }
* { letter-spacing:1px; }
* { line-height:1.75; }
*, fieldset>fieldset { margin:0; }
* { outline:none; }
* { padding:0; }
* { position:relative; }
* { text-align:center; }
* { text-align-last:center; }
* { text-decoration:none; }
* { vertical-align:top; }
* { white-space:normal; }

body>div, dl>a, dl>fieldset, dl>span, form { align-items:center; }

a:not(.selected):hover, aside, button:hover, input:focus, input:hover, option:hover, select:focus, select:hover, textarea:focus, textarea:hover { background-color:var(--blond); }
a, button, ::selection { background-color:var(--celeste); }
a:active, button:active, dl>span, label, th, .selected { background-color:var(--ruddy); }
body, font, footer, header, input, main, nav, option, output, select, textarea { background-color:var(--white); }
dd a, dt a, header a { background-color:transparent; }

header a { border-bottom:1px solid var(--white); }

button, dl>a, dl>span, input, label, nav>a, select, textarea, th { box-shadow:0 0 0 4px var(--white) inset; }

a:not(.selected):hover, body, select:hover+i, ::selection { color:var(--charcoal); }
i { color:var(--granite); }
.red { color:var(--red); }
a:active, button:active, dl>span, label, th, header, .selected { color:var(--white); }

a, button, input+i, label[for], option, select { cursor:pointer; }

b, dl, fieldset, nav>a, nav>button, nav>input { display:block; }
body>div, dl>a, dl>fieldset, dl>span, nav, section { display:flex; }
a, b, button, input, label, option, output, pre, select, textarea { display:inline-block; }
[hidden] { display:none; }

dd, dl>fieldset>input, dl>fieldset>select, dl>fieldset>textarea, dt, nav>a, nav>button, nav>input { flex-basis:0; }
dl, footer, header, main { flex-basis:100%; }

b, body>div { flex-direction:column; }

b, dd, dl>fieldset>input, dl>fieldset>select, dl>fieldset>textarea, dt, nav>a, nav>button, nav>input { flex-grow:1; }
.fg08 { flex-grow:0.8; }
.fg13 { flex-grow:1.3; }
.fg18 { flex-grow:1.8; }

body>div, dl>a, dl>fieldset, dl>span, nav, section { flex-wrap:wrap; }

a, em, span, strong, sub, sup { font-size:inherit; }
b, button, dd, dt, font, h3, input, label, li, option, output, p, select, td, textarea, th { font-size:11px; }
i { font-size:14px; }
h2 { font-size:16px; }
h1 { font-size:21px; }

td, th { height:45px; }

nav { justify-content:center; }

ul { list-style-type:none; }

table { margin:auto; }
h1, h2, h3, h4, h5, h6, hr, li, p, pre, section { margin:12px; }
i { margin-top:-3px; }

button, nav>a { max-width:200px; }
fieldset>fieldset, :not(nav)>input, option, select { max-width:350px; }
output, textarea { max-width:600px; }
aside, body>div>div, footer, header, main, nav { max-width:950px; }

output { min-height:43.25px; }

input, output, select, textarea { outline:1px solid var(--charcoal); outline-offset:-4px; }
nav>a, button, dl>a, dl>fieldset, label, th { outline:1px solid var(--ruddy); outline-offset:-4px; }

aside, footer, main, nav { padding:0 2px; }
b, button, dd, dt, i, input, label, option, output, select, textarea, th { padding:12px; }

select+i { pointer-events:none; }

i { position:absolute; }

form th, input, label, option, output, select, textarea { text-align:left; }
form th, input, label, option, output, select, textarea { text-align-last:left; }

sup { top:-3px; }
sub { top:3px; }

i { transform:translateX(-100%); }

th { vertical-align:middle; }

a, em, strong { white-space:inherit; }
label, span { white-space:nowrap; }
b, dd, dt, h1, h2, h3, h4, h5, h6, li, output, p, span, textarea { white-space:pre-wrap; }

aside, body>div>div, button, dl>a, dl>fieldset, dl>span, footer, header, input, main, nav, option, output, select, textarea { width:100%; }

header>p { position:absolute; right:0; text-align:right; text-align-last:right; z-index:1; }
header>img { object-fit:scale-down; width:100%; }

@media (max-width:600px) {
	header a { background-color:var(--ruddy); }
	header>p { position:relative; }
}

@media (min-width:950px) {
	body>div:first-child { background-image:url(header-back.png); background-size:100% 100px; }
}

@media (prefers-color-scheme:dark) {
	body { background-color:var(--charcoal); } 
}

@media print {
	label, th { background-color:var(--celeste); }
	body, label, th { color:var(--charcoal); }
	:not(fieldset) > output { display:block; margin:auto; }
	b, button, footer, header, nav { display:none; }
	body { zoom:80%; }
}

@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.working { animation:spin 0.5s linear infinite; background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIzMi41IDMyLjUgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMzIuNSAzMi41IDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyQjY2OTkiIGQ9Ik02NC41LDQ4LjV2LThjLTEzLjI1NCwwLTI0LDEwLjc0NS0yNCwyNGg4QzQ4LjUsNTUuNjY0LDU1LjY2NCw0OC41LDY0LjUsNDguNXoiLz4NCjxwYXRoIGZpbGw9IiMyQjY2OTkiIGQ9Ik04MC41LDY0LjVjMCw4LjgzNy03LjE2MywxNi0xNiwxNnY4YzEzLjI1NSwwLDI0LTEwLjc0NSwyNC0yNEg4MC41eiIvPg0KPC9zdmc+DQo=") center no-repeat; }
.working>* { pointer-events:none; visibility:hidden; }