blockquote {
  letter-spacing: 0.3px; }

.categories-title {
  margin-bottom: 0.5em; }

code {
  word-wrap: break-word; }

.warning {
  color: #e46008;
  font-weight: 700; }

.positive {
  color: #4c754c; }

.negative {
  color: #a90c19; }

.unknown {
  color: #eee; }

video {
  max-width: 100%; }

.feedback {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #444;
  font-size: 0.9em;
  font-style: italic; }

.feedback a {
  color: #dc3545;
  text-decoration: underline; }

.outdated {
  color: #dc3545;
  font-size: 1.2em;
  border: 3px solid #dc3545;
  border-left: 0;
  border-right: 0;
  padding: 0.5em;
  text-align: center; }

details summary {
  color: #007bff;
  cursor: pointer;
  user-select: none;
  margin: 1em 0; }

details section {
  margin-left: 0.5em; }

[data-visible="true"] {
  display: initial; }

[data-visible="false"] {
  display: none; }

/* Quotes after images */
.post-image figcaption,
.post-video figcaption {
  font-weight: 300;
  color: #333;
  padding: 15px;
  font-size: 18px;
  font-style: italic; }

form label {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em; }

form label input,
form label textarea {
  display: flex;
  flex-grow: 1;
  padding: 0.5em;
  border-radius: 0.25em;
  border: 1px solid grey; }

form button {
  padding: 0.5em 1em;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 0.25em;
  font-size: 16px; }

.site-nav .page-link.pink-link {
  color: hotpink;
  text-decoration: underline;
  font-weight: 800; }