div.header {
  /*
  margin: 0 auto 1em auto;
  */
  margin: 0;
  text-align: left;
  max-width: min(100vw, 40em);
  font-size: min(30px, 5.5vw);
  display: block; 
  }
div.header div.logo img {
  width: 3em;
  }
div.header div.logo { 
  width: 3em;
  }
div.navbar button {
  margin-left: 0.25em;
  }
/*

div.header > div { 
  display: inline-block; 
  vertical-align: middle;
  }
div.header div.h1 { 
  width: calc(99% - 10.5em); 
  text-align: left;
  padding-left: 0.5em;
  font-size: 125%;
  }
*/
div.main {
  display: flex;
  flex-wrap: wrap;
  }

div.pron div.v {
/*  font-family: "Arial"; */
  }

div.usag {
  display: block;
  border: 1px solid black;
  padding: 0.25em;
  }

div.navbar {
  font-family: "Lato", "Calibri", sans-serif;
  font-weight: normal;
  }

div.account { 
  border: 1px solid var(--eac-dark-red);
  padding: 0.25em;
  margin-left: 0.5em;
  }
div.account[data-role="root"] {
  background-color: gold;
  }

button.choice[data-status="raw"] {
  background-color: #ffe0e0;
  }

button.choice[data-status="draft"] {
  background-color: var(--eac-yellow);
  }

button.choice[data-source="Gage"] {
  color: var(--eac-dark-red)
  }

button.choice[data-source="DCHP"] {
  color: var(--eac-blue)
  }

button.choice[data-source="Gage,DCHP"] {
  color: var(--eac-brown)
  }

button.choice[data-source="original"] {
  color: var(--eac-black)
  font-weight: bold;
  }

/* Canadian Lowered Backing IPA */
span.clb {
  display: inline-block;
  position: relative;
  }
span.clb:after {
  position: absolute;
  bottom: -0.07em;
  left: -50%;
  text-align: center;
  display: block;
  content: "\00a0";
  height: 2em;
  width: 200%;
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMyAzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMCAwaDN2MWgtMXYyaC0xdi0yaC0xeiIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJtYXRyaXgoLjUsLS41LC41LC41LDAsMS44KSIvPgo8L3N2Zz4K");
  background-size: 0.3em;
  background-repeat: no-repeat;
  background-position: bottom right 50%;
  }
span.clb.ae:after    { }
span.clb.opene:after { }
span.clb.smalli:after{ }