// // Base element style overrides // // stylelint-disable selector-no-type, selector-max-type

}

::selection {

color: $grey-dk-100;
background: #E6E09E;

}

html {

@include fs-4;
scroll-behavior: smooth;

}

body {

font-family: $body-font-family;
font-size: inherit;
line-height: $body-line-height;
color: $body-text-color;
background-color: $body-background-color;

}

ol, ul, dl, pre, address, blockquote, table, div, hr, form, fieldset, noscript .table-wrapper {

margin-top: 0;

}

h1, h2, h3, h4, h5, h6 {

margin-top: 0;
margin-bottom: 1em;
font-weight: 500;
line-height: $body-heading-line-height;
color: $body-heading-color;

}

p {

margin-top: 1em;
margin-bottom: 1em;

}

a {

color: $link-color;
text-decoration: none;

}

a:not() {

text-decoration: none;
background-image: linear-gradient($border-color 0%, $border-color 100%);
background-repeat: repeat-x;
background-position: 0 100%;
background-size: 1px 1px;

&:hover {
  background-image: linear-gradient(
    rgba($link-color, 0.45) 0%,
    rgba($link-color, 0.45) 100%
  );
  background-size: 1px 1px;
}

}

code {

font-family: $mono-font-family;
font-size: 0.75em;
line-height: $body-line-height;

}

figure, pre {

margin: 0;

}

li {

margin: 0.25em 0;

}

img {

max-width: 100%;
height: auto;

}

hr {

height: 1px;
padding: 0;
margin: $sp-6 0;
background-color: $border-color;
border: 0;

}

// wiki-link classes

.invalid-wiki-link {

color: $grey-dk-000;
background: $invalid-wiki-link-color;
cursor: help;

}

.wiki-link {

color: $wiki-link-color;

}

.wiki-link-embed {

position: relative;
border: 1px solid $separator-color;
border-radius: 15px;
padding: $sp-3;

.wiki-link-embed-title {
  @include fs-6;
  padding-top: $sp-3;
  padding-left: $sp-3;
}

.wiki-link-embed-content {
  padding: $sp-3;
}

.wiki-link-embed-link {
  position: absolute;
  top: 1em;
  right: 1em;

  &::before {
    content: "🥾";
  }

  &:hover {
    filter: drop-shadow(0 0 0.8mm $drop-shadow-brown);
  }
}

}

.wiki-link-img {

width: 50px;
height: 50px;

}

.sem-tag {

@include fs-2;
padding: $sp-2;
border: 1px solid $separator-color;
border-radius: 15px;
color: $wiki-link-color;

&:hover {
  background-color: $base-button-color;
}

}

.stat-tag {

filter: drop-shadow(0 0 0.2mm $drop-shadow-green);

}

.infobox {

@include fs-2;
float: right;
margin-left: $sp-2;
margin-right: $sp-2;
padding-left: $sp-3;
padding-right: $sp-3;
padding-top: $sp-3;
border: 1px solid $separator-color;
border-radius: 15px;

.title {
  text-align: center;
  margin-top: 0;
}

ul {
  padding: 0 !important;
  padding-left: $sp-2 !important;
  padding-right: $sp-2 !important;

  li {
    list-style-type: none !important;

    &::before {
      content: "" !important;
    }
  }  
}

}