/* Diary photo layout, built on the site's .publication-photo pattern. */
.article-body .tt-photo { margin: 2rem 0; }
.article-body .tt-photo .tt-frame { background: var(--paper-up-2, #edf1f5); }
.article-body .tt-photo img { height: 29rem; max-height: 70svh; width: 100%; object-fit: contain; }
.article-body .tt-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 2rem 0; }
.article-body .tt-photos .tt-photo { margin: 0; }
.article-body .tt-photos .tt-photo img { height: 22rem; }
.article-body .tt-photos .tt-photo:last-child:nth-child(odd) { grid-column: 1 / -1; }
.article-body .tt-photos .tt-photo:last-child:nth-child(odd) img { height: 29rem; }
.article-body .tt-photo figcaption { font: .7rem/1.5 var(--sans); }
.article-body .tt-photo figcaption .tt-when { font-family: var(--mono); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.article-body .tt-video video { background: var(--paper-up-2, #edf1f5); }
@media (max-width: 560px) {
  .article-body .tt-photos { grid-template-columns: 1fr; }
  .article-body .tt-photos .tt-photo img, .article-body .tt-photo img { height: auto; max-height: 75svh; }
}