/*:root {
  --base-accent-light-mode: #0066a5;
  --base-accent-light-mode: #b12c80;
  --base-accent-light-mode: #b11030;
  --base-accent-light-mode: #550000;
  --base-accent-light-mode: #546373;
  --base-accent-light-mode: #2c800a;

  --base-secondary-bg-light-mode: #96A8A8;
  --base-secondary-bg-light-mode: #ECD4CD;
  --base-secondary-bg-light-mode: #f5e8d4;
}*/

:root {
  --base-secondary-bg-light-mode: #ECD4CD;
  --base-secondary-bg-light-mode: #f5e8d4;
  --base-secondary-bg-light-mode: #D2C8BE;
  --base-secondary-bg-light-mode: #96A8A8;
}

.media-center {
  display: table;
  margin-inline: auto;
}
[dir='rtl'] .media-left {
  float: inline-start;
}
.media-left {
  float: inline-start;
  margin-inline: 0 1em;
  margin-block-end: 1em;
}
[dir='rtl'] .media-right {
  float: inline-end;
}
.media-right {
  float: inline-end;
  margin-inline: 1em 0;
  margin-block-end: 1em;
}
figure {
  inline-size: fit-content;
  img {
    display: block;
  }
  figcaption {
    contain: inline-size;
  }
}

.galery-small {
  margin-block: 1.5lh;
    display: grid;

  p {
    margin-block-start: 0;
  }
  
  figcaption {
    font-size: .875em;
    font-style: italic;
    line-height: 1.2;
    padding-block-start: 1.5em;
  }
  
  &::after {
    display: table;
    content: '';
    clear: both;
  }
}

h3 + .galery-small {
  margin-block-start: 0;
}

.post-content details:last-child {
  margin-block-end: 1.5lh
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  justify-content: center;
  gap: var(--spacer, 1.5em);

  figure,
  img.media-left,
  img.media-right {
    float: none;
    margin-inline: 0; /* because there is the gap already) */
  }
}