/* Общие стили для шаблонов note и album */
.note {
  max-width: 46rem;
  margin: 0 auto;
}
.note-header {
  padding-top: 0;
  margin-bottom: 2rem;
}

/* Нижний марджин у обложки на десктопе */
.gallery .img,
.img[data-pswp-width] {
  margin-bottom: 2rem;
}


p {
  /*font-size: 1.3rem;*/
  /* line-height: 1.9rem;*/
  max-width: 48rem;
}

/* Пустые параграфы в текстовом блоке — сохраняем отступы от переносов строк в админке */
.note.text p:empty {
  min-height: 1em;
  margin: 0.25em 0;
  display: block;
}

.note-footer {
  padding: 1.5rem 0 5rem;
}
.note-date {
  color: var(--color-text-grey);
}
.note-year {
  color: var(--color-text-grey);
  margin-right: 1rem;
}
.note-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.note-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
  margin-bottom: 1.5rem;
}
/* Стили для тегов теперь в index.css (.home-tag, .note-tags a) */

@media (max-width: 768px) {
  .note-header {
    padding-top: 0;
    margin-bottom: 1.7rem;
  }
  
  /* Нижний марджин у обложки на мобиле */
  .gallery .img,
  .img[data-pswp-width] {
    margin-bottom: 1rem;
  }
  
  /* Размер h1 и note-subheading на странице проекта на мобиле */
  .h1,
  .note-title {
    font-size: 1.75rem;
    line-height: 115%;
  }
  
  .note-subheading {
    font-size: 1.4rem;
    line-height: 1.2em;
  }
  
  .note-footer {
    padding: 1.5rem 0 5rem 0;
  }
}