@charset "UTF-8";
html .container .main-container main,
body .container .main-container main {
  position: relative;
}
@media (min-width: 1025px) {
  html .container .main-container main,
  body .container .main-container main {
    margin: 5em auto;
  }
}
html .container .main-container main .post .mon-img-main,
body .container .main-container main .post .mon-img-main {
  width: 112px;
  height: 112px;
  object-fit: contain;
}
html .container .main-container main .post .mon-img-mini,
body .container .main-container main .post .mon-img-mini {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
html .container .main-container main .post h1,
body .container .main-container main .post h1 {
  text-shadow: none;
  text-align: center;
  margin: 1em;
}
html .container .main-container main .post h2,
html .container .main-container main .post h3,
body .container .main-container main .post h2,
body .container .main-container main .post h3 {
  margin: 1.5em 0;
  letter-spacing: -0.04em;
}
html .container .main-container main .post img,
body .container .main-container main .post img {
  max-width: 100%;
  border-radius: 4px;
}
html .container .main-container main .post .center,
body .container .main-container main .post .center {
  text-align: center;
}
html .container .main-container main .post li,
body .container .main-container main .post li {
  margin: 0.5em 0;
}
html .container .main-container main .post .team-icon-mini,
body .container .main-container main .post .team-icon-mini {
  width: 18px;
  height: 18px;
  object-fit: contain;
  margin: 0 2px;
}
html .container .main-container main .post .team-icon-item,
body .container .main-container main .post .team-icon-item {
  display: inline-block;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
}
html .container .main-container main .post .full-mon-display-container,
body .container .main-container main .post .full-mon-display-container {
  padding: 8px;
}
html .container .main-container main .post .full-mon-display-container h3,
body .container .main-container main .post .full-mon-display-container h3 {
  margin: 0;
}
html .container .main-container main .post .full-mon-display-container tr:nth-child(odd) h3,
body .container .main-container main .post .full-mon-display-container tr:nth-child(odd) h3 {
  text-align: center;
}
html .container .main-container main .post .full-mon-display-container tr:nth-child(even) td:nth-child(1),
body .container .main-container main .post .full-mon-display-container tr:nth-child(even) td:nth-child(1) {
  text-align: center;
}
html .container .main-container main .post .citations,
body .container .main-container main .post .citations {
  margin-top: 6em;
  border-top: 3px solid;
}
html .container .main-container main .post .citations h2,
body .container .main-container main .post .citations h2 {
  margin: 1em 0;
}
html .container .main-container main .post a,
body .container .main-container main .post a {
  color: inherit;
  background-color: inherit;
}
html .container .main-container main .post a:hover,
body .container .main-container main .post a:hover {
  box-shadow: black 3px 3px, black 2px 2px, black 1px 1px;
}
html .container .main-container .post details,
body .container .main-container .post details {
  background-color: white;
  margin: 1em 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}
html .container .main-container .post details p,
body .container .main-container .post details p {
  margin: 1em;
}
html .container .main-container .post details table,
body .container .main-container .post details table {
  width: 100%;
  table-layout: auto;
}
html .container .main-container .post details summary,
body .container .main-container .post details summary {
  padding: 0.75em 1em;
  cursor: pointer;
  font-weight: bold;
  background-color: #f7f7f7;
  list-style: none;
}
html .container .main-container .post details summary:hover,
body .container .main-container .post details summary:hover {
  background-color: #e9e9e9;
}
html .container .main-container .post details summary::-webkit-details-marker,
body .container .main-container .post details summary::-webkit-details-marker {
  display: none;
}
html .container .main-container .post details summary::before,
body .container .main-container .post details summary::before {
  content: "►";
  margin-right: 0.5em;
  font-size: 0.9em;
  display: inline-block;
  transition: transform 0.15s ease-in-out;
}
html .container .main-container .post details[open] > summary::before,
body .container .main-container .post details[open] > summary::before {
  transform: rotate(90deg);
}
html .container .main-container .post details .single-mon-display-container,
body .container .main-container .post details .single-mon-display-container {
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
}
html .container .main-container .post details .single-mon-display,
body .container .main-container .post details .single-mon-display {
  width: 128px;
  display: inline-block;
  background-color: white;
  border: 1px solid #ddd;
  text-align: center;
  color: black;
}
html .container .main-container .post details .single-mon-display p,
body .container .main-container .post details .single-mon-display p {
  margin: 4px;
}

@media (max-width: 1024px) {
  html .container .main-container main .post .mon-img-main,
  body .container .main-container main .post .mon-img-main {
    width: 112px;
    height: 112px;
    object-fit: contain;
  }
  html .container .main-container main .post .mon-img-mini,
  body .container .main-container main .post .mon-img-mini {
    width: 28px;
    height: 28px;
    object-fit: contain;
  }
  html .container .main-container main .post mjx-container,
  body .container .main-container main .post mjx-container {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    font-size: 0.95em;
  }
  html .container .main-container main .post details,
  body .container .main-container main .post details {
    color: black;
  }
  html .container .main-container main .post details summary,
  body .container .main-container main .post details summary {
    color: black;
  }
  html .container .main-container main .post details a,
  body .container .main-container main .post details a {
    color: inherit;
    background-color: transparent;
  }
  html .container .main-container main .post #interaction-rankings,
  body .container .main-container main .post #interaction-rankings {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html .container .main-container main .post #interaction-rankings table,
  body .container .main-container main .post #interaction-rankings table {
    table-layout: auto;
  }
  html .container .main-container main .post #interaction-rankings table table td:first-child,
  body .container .main-container main .post #interaction-rankings table table td:first-child {
    display: none;
  }
  html .container .main-container main .post #interaction-rankings table table img,
  body .container .main-container main .post #interaction-rankings table table img {
    display: none;
  }
  html .container .main-container main .post #interaction-rankings .mon-img-main,
  body .container .main-container main .post #interaction-rankings .mon-img-main {
    width: 56px;
    height: 56px;
  }
  html .container .main-container main .post #interaction-rankings .mon-img-mini,
  body .container .main-container main .post #interaction-rankings .mon-img-mini {
    display: none;
  }
  html .container .main-container main .post #interaction-rankings h3,
  body .container .main-container main .post #interaction-rankings h3 {
    font-size: 1em;
  }
  html .container .main-container main .post #interaction-rankings td,
  body .container .main-container main .post #interaction-rankings td {
    padding: 4px 6px;
  }
}

/*# sourceMappingURL=article.css.map */