.tpc-site { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.tpc-content { flex: 1 0 auto; }

.tpc-container {
  width: 100%; max-width: var(--tpc-container-width);
  margin-inline: auto; padding-inline: var(--tpc-space-4);
}
@media (min-width: 48em) { .tpc-container { padding-inline: var(--tpc-space-6); } }

.tpc-main { padding-block: var(--tpc-space-6); }
.tpc-entry + .tpc-entry { margin-top: var(--tpc-space-8); }
.tpc-entry__header { margin-bottom: var(--tpc-space-4); }
.tpc-entry__title a { text-decoration: none; }
.tpc-entry__content { max-width: 75ch; }
.tpc-entry__content > * + * { margin-top: var(--tpc-space-4); }

.alignwide { max-width: var(--tpc-container-width); margin-inline: auto; }
.alignfull { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.tpc-site { overflow-x: clip; }

.tpc-breadcrumb { margin-bottom: var(--tpc-space-4); font-size: var(--tpc-text-sm); color: var(--tpc-muted-color); }
.tpc-breadcrumb a { color: inherit; }
.tpc-breadcrumb__sep { margin-inline: .5em; }

.navigation.posts-navigation .nav-links { display: flex; justify-content: space-between; gap: var(--tpc-space-4); }

/* Vignette d'article, commentaires et pagination des gabarits de base (index.php, comments.php). */
.tpc-entry__thumbnail { margin-bottom: var(--tpc-space-4); }
.tpc-entry__thumbnail img { display: block; max-width: 100%; height: auto; border-radius: var(--tpc-border-radius); }
.tpc-comments { max-width: 75ch; margin-top: var(--tpc-space-8); }
.tpc-comments__list, .tpc-comments__list ol { list-style: none; margin: 0; padding: 0; }
.tpc-comments__list .comment-body { padding: var(--tpc-space-4) 0; border-bottom: 1px solid var(--tpc-border-color); }
.tpc-comments__list .children { padding-inline-start: var(--tpc-space-5); }
.tpc-comments .comment-form label { display: block; margin-bottom: .25rem; }
.tpc-comments .comment-form textarea, .tpc-comments .comment-form input[type="text"], .tpc-comments .comment-form input[type="email"], .tpc-comments .comment-form input[type="url"] { width: 100%; }
.navigation.pagination .nav-links, .post-navigation .nav-links, .comment-navigation .nav-links { display: flex; flex-wrap: wrap; gap: var(--tpc-space-3); justify-content: space-between; margin-top: var(--tpc-space-6); }