/* site.css — small additions on top of tufte.css.
   tufte.css handles the layout (55%-wide article, floating sidenotes, nav,
   footer). This file only covers the blog index list, the subtitle, and
   figure spacing — all of which live inside the article column. */

/* Subtitle (post date / tagline). tufte's own rule uses a descendant
   selector that doesn't match <p class="subtitle">, so define it here. */
.subtitle {
    font-style: italic;
    display: block;
    font-size: 1.8rem;
    line-height: 1.0888;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    color: #333;
}

/* Blog index / recent-writing list ------------------------------------- */
.post-list {
    list-style: none;
    padding-left: 0;
}
.post-list li { margin: 1.8rem 0; }

.post-list .post-title {
    font-size: 1.6rem;
    display: inline-block;
}

.post-list .post-date {
    display: block;
    font-size: 1.2rem;
    color: #777;
    font-style: italic;
}

.post-list .post-summary { margin-top: 0.35rem; }

/* Figures --------------------------------------------------------------- */
/* Images already fill the article column via tufte's img{max-width:100%}.
   Center block figures and give them breathing room. */
figure.centered { text-align: center; margin: 2rem 0; }

/* Two-up figure row (e.g. result plots) sits within the article column. */
.figure-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 2rem 0;
}
.figure-row figure { flex: 1 1 45%; margin: 0; }
.figure-row img { width: 100%; height: auto; }

@media (max-width: 760px) {
    .figure-row figure { flex-basis: 100%; }
}