/* Content page layout and WordPress rich text. */

.content-main {
  min-height: 55vh;
  padding-block: var(--section);
}

.page-title {
  margin-block: 1rem 2rem;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  overflow-wrap: anywhere;
}

.prose {
  margin-top: 2.5rem;
  overflow-wrap: anywhere;
}

.prose h2,
.prose h3 {
  margin-top: 2.5rem;
}

.prose h2 {
  font-size: 2rem;
}

.prose h3 {
  font-size: 1.5rem;
}

.prose blockquote {
  margin-inline: 0;
  padding: 1rem 1.5rem;
  border-left: 3px solid var(--accent);
  background: var(--accent-surface);
}

.prose blockquote > :last-child {
  margin-bottom: 0;
}

.prose pre {
  overflow: auto;
  padding: 1.25rem;
  background: var(--surface);
}

.prose table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.prose th,
.prose td {
  padding: 0.7rem;
  border: 1px solid var(--line);
}

.prose iframe {
  max-width: 100%;
}

.prose figure {
  max-width: 100%;
  margin-inline: 0;
}

/* Classic editor captions carry an inline pixel width around their image. */
.prose .wp-caption {
  max-width: 100%;
}

.prose figcaption,
.wp-caption-text {
  font-size: 0.85rem;
  color: var(--muted);
}

.alignleft {
  float: left;
  margin: 0 1.5rem 1rem 0;
}

.alignright {
  float: right;
  margin: 0 0 1rem 1.5rem;
}

.aligncenter {
  display: block;
  margin-inline: auto;
}

.prose::after {
  content: "";
  display: table;
  clear: both;
}

.post-password-form input[type="submit"] {
  padding: 0.85rem;
  border: 0;
  background: var(--charcoal);
  color: white;
  cursor: pointer;
}

@media (max-width: 760px) {
  .prose .alignleft,
  .prose .alignright {
    float: none;
    margin-inline: 0;
  }
}

@media print {
  .content-main {
    padding-block: 1rem;
  }
}