.wikidoc-date {
  padding: 10px;
  color: gray;
  margin-bottom: 8px;
  font-style: italic;
}
.wikidoc span {
  display: inline;
}
.wikidoc img.responsive {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wikidoc li > img.responsive {
  margin: 4px;
}
.wikidoc ul.checkbox {
  padding-left: 0;
}
.wikidoc ul.checkbox li {
  list-style: none;
}
.wikidoc ul.checkbox li i:first-child {
  margin-right: 10px;
}
.wikidoc .quote {
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-left: 3px solid black;
}
.wikidoc .grid-row {
  display: flex;
}
.wikidoc .grid-column {
  flex-grow: 0;
  flex-shrink: 1;
  position: relative;
  padding-right: 15px;
}
.wikidoc .grid-column:last-child {
  padding-right: 0;
}
.wikidoc .callout {
  padding: 10px;
  border-radius: 4px;
  background-color: #efefef;
  margin-top: 10px;
  margin-bottom: 10px;
}
.wikidoc .callout span.icon {
  display: block;
  width: 15px;
  height: 25px;
  float: left;
  position: relative;
  top: 0px;
}
.wikidoc .callout-content {
  margin-left: 25px;
}
.wikidoc a {
  text-decoration: underline;
  color: #e74517;
  font-weight: bold;
  display: inline;
}
.wikidoc h1 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}
.wikidoc h2 {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 8px;
  font-weight: 600;
}
.wikidoc h3 {
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 5px;
  font-weight: 600;
}
.wikidoc h4 {
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 5px;
  font-weight: 600;
}
.wikidoc p {
  margin-top: 10px;
  margin-bottom: 5px;
}
.wikidoc .page-link {
  font-weight: bold;
  color: #e74517;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: underline;
  cursor: pointer;
}
.wikidoc .page-link i {
  text-decoration: none;
  margin-right: 5px;
}
.wikidoc .web-link {
  font-weight: bold;
  color: #e74517;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: underline;
  cursor: pointer;
}
.wikidoc .anchor:before {
  content: "";
  display: block;
  height: 100px;
  /* fixed header height*/
  margin: -100px 0 0;
  /* negative fixed header height */
}
.wikidoc .anchor-icon {
  margin-left: 10px;
}
.wikidoc .style-bold {
  font-weight: bold;
}
.wikidoc .style-italic {
  font-style: italic;
}
.wikidoc .style-underline {
  text-decoration: underline;
}
.wikidoc .style-strikethrough {
  text-decoration: line-through;
}
.wikidoc .style-underline-strikethrough {
  text-decoration: underline line-through;
}
[speech-bubble],
[speech-bubble] * {
  box-sizing: border-box;
}
[speech-bubble] {
  --bbColor: white;
  --bbArrowSize: 1.5rem;
  --bbBorderRadius: 10px;
  --bbPadding: 1rem;
  background: var(--bbColor);
  border-radius: var(--bbBorderRadius);
  padding: var(--bbPadding);
  position: relative;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
[speech-bubble]::before {
  content: '';
  position: absolute;
  background: var(--bbColor);
}
[speech-bubble][pbottom] {
  margin-bottom: var(--bbArrowSize);
}
[speech-bubble][ptop] {
  margin-top: var(--bbArrowSize);
}
[speech-bubble][pleft] {
  margin-left: var(--bbArrowSize);
}
[speech-bubble][pright] {
  margin-right: var(--bbArrowSize);
}
/* bottom and top  */
[speech-bubble][pbottom]::before,
[speech-bubble][ptop]::before {
  --width: calc(var(--bbArrowSize) / 2 * 3);
  height: var(--bbArrowSize);
  width: var(--width);
}
/* bottom */
[speech-bubble][pbottom]::before {
  top: calc(100% - 2px);
}
[speech-bubble][pbottom][aleft]::before {
  left: 1rem;
  clip-path: polygon(25% 0, 100% 0, 0% 100%);
}
[speech-bubble][pbottom][acenter]::before {
  left: calc(50% - var(--width) / 2);
  clip-path: polygon(12.5% 0, 87.5% 0, 50% 100%);
}
[speech-bubble][pbottom][aright]::before {
  right: 1rem;
  clip-path: polygon(0 0, 75% 0, 100% 100%);
}
/* top */
[speech-bubble][ptop]::before {
  bottom: calc(100% - 2px);
}
[speech-bubble][ptop][aleft]::before {
  left: var(--bbPadding);
  clip-path: polygon(0 0, 100% 100%, 25% 100%);
}
[speech-bubble][ptop][acenter]::before {
  left: calc(50% - var(--width) / 2);
  clip-path: polygon(12.5% 100%, 50% 0, 87.5% 100%);
}
[speech-bubble][ptop][aright]::before {
  right: var(--bbPadding);
  clip-path: polygon(0 100%, 100% 0, 75% 100%);
}
/* left and right  */
[speech-bubble][pleft]::before,
[speech-bubble][pright]::before {
  --height: calc(var(--bbArrowSize) / 2 * 3);
  width: var(--bbArrowSize);
  height: var(--height);
}
/* right */
[speech-bubble][pright]::before {
  left: calc(100% - 2px);
}
[speech-bubble][pright][atop]::before {
  top: var(--bbPadding);
  clip-path: polygon(100% 0, 0 100%, 0 25%);
}
[speech-bubble][pright][acenter]::before {
  top: calc(50% - var(--height) / 2);
  clip-path: polygon(0 12.5%, 100% 50%, 0 87.5%);
}
[speech-bubble][pright][abottom]::before {
  bottom: var(--bbPadding);
  clip-path: polygon(0 0, 100% 100%, 0 75%);
}
/* left */
[speech-bubble][pleft]::before {
  right: calc(100% - 2px);
}
[speech-bubble][pleft][atop]::before {
  top: var(--bbPadding);
  clip-path: polygon(0 0, 100% 25%, 100% 100%);
}
[speech-bubble][pleft][acenter]::before {
  top: calc(50% - var(--height) / 2);
  clip-path: polygon(0 50%, 100% 12.5%, 100% 87.5%);
}
[speech-bubble][pleft][abottom]::before {
  bottom: var(--bbPadding);
  clip-path: polygon(0 100%, 100% 0, 100% 75%);
}
/* flip */
[speech-bubble][pbottom][flip]::before,
[speech-bubble][ptop][flip]::before {
  transform: scaleX(-1);
}
[speech-bubble][pleft][flip]::before,
[speech-bubble][pright][flip]::before {
  transform: scaleY(-1);
}