.static-page {
  margin-block: 2rem;
}

.static-page p {
  line-height: 1.4rem;
  text-align: justify;
}

.static-page a {
  color: inherit;
  text-decoration: underline;
}

.static-page table {
  border-collapse: collapse;
  width: 100%;
}

.static-page table td {
  padding-block: .5em;
  padding-inline: 1em;
}

.static-page table td {
  border-block-end: 1px solid var(--page-content-background-light-color);
}

.static-page table tbody>tr:last-child>td {
  border-block-end: 0;
}

.static-page table td p {
  margin: 0;
}

.static-page ol {
  list-style: decimal;
}

.static-page ul {
  list-style: square;
}

.static-page ol li,
.static-page ul li {
  padding-block-end: 0.5rem;
}

.static-page img.featured-image {
  box-shadow: 0 0.25rem 0.5rem 0 var(--page-content-shadow-color);
  float: inline-end;
  height: auto;
  margin-block-end: 1rem;
  margin-inline-start: 1rem;
  max-width: 100%;
  min-width: 300px;
  width: 30vw;
}

@media (max-width: 575.98px) {
  .static-page img.featured-image {
    float: none;
    margin-inline: 0;
    width: 100%;
  }
}

.clear {
  clear: both;
}

.gallery {
  margin-block: 2rem;
  -webkit-user-select: none;
  user-select: none;
}

.gallery .container {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(6, 1fr);
}

.gallery a {
  box-shadow: 0 0 0.5rem 0 var(--page-content-shadow-color);
  cursor: pointer;
  display: block;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}

.gallery a:hover {
  transform: scale(0.95);
}

.gallery img {
  height: auto;
  width: 100%;
}

@media (max-width: 1199.98px) {
  .gallery .container {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 991.98px) {
  .gallery .container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575.98px) {
  .gallery .container {
    grid-template-columns: repeat(2, 1fr);
  }
}