:root {
  --diltou-theme: #409725;
  --diltou-themehover: #4aae2a;
  --diltou-basec: #fafcf9;
  --diltou-lines: #c6c8c5;
  --diltou-basecd: white;
}

.dicLogo {
  width: 58%;
  max-width: 250px;
  margin: auto;
  padding: 12px 0;
}
.dicLogo img {
  width: 100%;
}
h1, h2, h3, input {
  font-family: inherit;
  font-weight: 300;
}

/*word*/
.wordCont {
  width: 80%;
  min-width: min(500px, 100%);
  max-width: 900px;
  margin: auto;
  margin-top: 100px;
  border: 1px solid var(--diltou-lines);
  background-color: var(--diltou-basecd);
  border-radius: 7px;
  padding: 10px;
}
.wordCont * {
  text-align: left;
}
.wordTitle {
  font-weight: 600;
  margin-bottom: 0;
}
.headingnote {
  color: var(--diltou-lighttext);
  font-size: var(--all-fonts-med);
  margin-top: 5px;
}
.headingnote.title {
  font-size: var(--all-fonts-h2);
  font-weight: normal;
  margin-left: 0.5em;
}
.headingnote.collapsed {
  margin-bottom: 0;
}
.specGroup {
  margin-bottom: 1.8em;
}
.wordSubTitle {
  font-size: var(--all-fonts-larg);
  font-style: italic;
  margin-bottom: 10px;
}
.wordSectionTitle {
  padding-top: 12px;
  border-bottom: 1px solid var(--diltou-lines);
}
ul {
  list-style-type: none;
}
.wordDefinitionUl {
  margin: 0;
  padding-left: 22px;
}
.wordDefinitionBlock {
  margin-left: 6px;
  padding-left: 10px;
  border-left: 1px solid var(--diltou-lines);
}
.wordExampleBlock p {
  margin: 0 5px;
}
.wordExampleHeader {
  color: var(--diltou-lighttext);
}
.example.headingnote {
  margin-bottom: 5px;
}

/*suggestions*/
.findWords {
  position: relative;
}
.suggestions {
  display: none;
  position: absolute;
  top: calc(100%);
  left: 15px;
  margin: 2px 0;
  width: 70%;
  min-width: 250px;
  background-color: var(--diltou-basec);
  border: 1px solid var(--diltou-lines);
  padding:8px;
  border-radius: 3px;
  z-index: 2;
}
.suggestions ul {
  padding: 0; margin: 12px;
}

@media only screen and (max-width: 900px), (max-aspect-ratio:3/4) {
  .dicLogo {
    display: none;
  }
}