/* Article detail styling. Keep the existing columns, spacing and media sizing.
   New variable names avoid changing the existing styles of embedded providers. */
.mim-article {
  --article-montana: #1E4D35;
  --article-crema: #F7F0DC;
  --article-sage: #C4D3BB;
  --article-card-border: #7A9E7E;
  --article-cacao: #2A1F17;
  --article-arena: #D4B8A0;
  background: var(--article-crema);
}

/* The category reads like a small editorial introduction above the title. */
.mim-article .mim-article-category,
.mim-article .mim-author-card > .mim-eyebrow {
  color: var(--article-montana);
  font: italic 400 1.15rem/1.4 "Playfair Display", Georgia, serif;
  letter-spacing: 0;
  text-transform: none;
}
.mim-article .mim-article-category a,
.mim-article .mim-article-back a,
.mim-article .mim-article-meta a {
  color: var(--article-montana);
}
.mim-article .mim-article-head > h1 {
  color: var(--article-montana);
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 400;
}
.mim-article .mim-article-cover img,
.mim-article .mim-prose .wp-block-image > img,
.mim-article .mim-prose .wp-block-image > a > img,
.mim-article .mim-author-card img {
  border-radius: 6px;
}

/* Target native editorial content rather than provider headings or controls. */
.mim-article .mim-prose > p,
.mim-article .mim-prose > ul,
.mim-article .mim-prose > ol,
.mim-article .mim-prose > .wp-block-group > p {
  color: var(--article-cacao);
}
.mim-article .mim-prose > h2,
.mim-article .mim-prose > h3,
.mim-article .mim-prose > h4,
.mim-article .mim-prose .wp-block-heading,
.mim-article .mim-related > h2,
.mim-article :is(.mim-author-card, .mim-sidebar-guides) > h2,
.mim-article .mim-comments > h2,
.mim-article .mim-article-social > h2 {
  color: var(--article-montana);
  font-family: "Playfair Display", Georgia, serif;
}
.mim-article .mim-prose > h2,
.mim-article .mim-prose h2.wp-block-heading,
.mim-article .mim-related > h2,
.mim-article :is(.mim-author-card, .mim-sidebar-guides) > h2,
.mim-article .mim-article-social > h2 {
  font-weight: 400;
  border-top-color: var(--article-arena);
}
.mim-article .mim-prose > p a,
.mim-article .mim-prose > ul a,
.mim-article .mim-prose > ol a,
.mim-article .mim-prose > .wp-block-group > p a,
.mim-article .mim-prose .wp-block-table a,
.mim-article .mim-prose .mim-toc a,
.mim-article .mim-author-card a,
.mim-article .mim-sidebar-guides a,
.mim-article .mim-article-tags a,
.mim-article .mim-article-navigation a,
.mim-article .mim-article-social > p a {
  color: var(--article-montana);
  text-decoration-thickness: 1px;
  text-underline-offset: .22em;
}

/* Native tables of contents and callouts retain their existing behavior. */
.mim-article .mim-prose .mim-toc {
  background: var(--article-sage);
  border: 1px solid var(--article-card-border);
  border-radius: 6px;
}
.mim-article .mim-prose .mim-toc > summary {
  color: var(--article-montana);
  font: italic 400 1.15rem/1.5 "Playfair Display", Georgia, serif;
}
.mim-article .mim-prose .wp-block-details:not(.mim-toc) {
  background: var(--article-sage);
  border-color: var(--article-card-border);
  border-radius: 6px;
}
.mim-article .mim-prose .wp-block-details:not(.mim-toc) > summary {
  color: var(--article-montana);
}
.mim-article .mim-prose .wp-block-quote {
  background: var(--article-sage);
  border: 1px solid var(--article-card-border);
  border-radius: 6px;
  color: var(--article-cacao);
}
.mim-article .mim-prose .wp-block-table th,
.mim-article .mim-prose .wp-block-table td {
  border-color: var(--article-arena);
}
.mim-article .mim-prose .wp-block-table th {
  background: var(--article-sage);
  color: var(--article-montana);
}

/* Sidebar and related guides match the soft Start Here cards. */
.mim-article .mim-author-card {
  background: var(--article-sage);
  border: 1px solid var(--article-card-border);
  border-radius: 6px;
  box-shadow: none;
}
.mim-article .mim-author-card > p:not(.mim-eyebrow) {
  color: var(--article-cacao);
}
.mim-article .mim-sidebar-guides p,
.mim-article .mim-article-tags,
.mim-article .mim-article-navigation,
.mim-article .mim-article-social,
.mim-article .mim-comment {
  border-color: var(--article-arena);
}
.mim-article .mim-related-card {
  background: var(--article-sage);
  color: var(--article-montana);
  border: 1px solid var(--article-card-border);
  border-radius: 6px;
  box-shadow: none;
}
.mim-article .mim-related-card h3 {
  color: var(--article-montana);
}
.mim-article .mim-related-card a::after {
  border-radius: 6px;
}
.mim-article .mim-related-card a:focus-visible::after {
  outline-color: var(--article-montana);
}

/* Focus treatments apply only to editorial links and native detail toggles. */
.mim-article .mim-article-head a:focus-visible,
.mim-article .mim-prose > p a:focus-visible,
.mim-article .mim-prose > ul a:focus-visible,
.mim-article .mim-prose > ol a:focus-visible,
.mim-article .mim-prose .mim-toc a:focus-visible,
.mim-article .mim-prose .wp-block-details > summary:focus-visible,
.mim-article .mim-author-card a:focus-visible,
.mim-article .mim-sidebar-guides a:focus-visible,
.mim-article .mim-article-tags a:focus-visible,
.mim-article .mim-article-navigation a:focus-visible,
.mim-article .mim-article-social > p a:focus-visible {
  outline: 3px solid var(--article-montana);
  outline-offset: 4px;
}

/* Native sidebar social icons, after Sarah’s introduction. */
.mim-article .mim-author-socials {
  gap: 8px;
  padding: 0;
  margin-block: 20px 0;
}
.mim-article .mim-author-socials.is-style-logos-only .wp-social-link {
  background: transparent;
  color: var(--article-montana);
  margin: 0;
  padding: 0;
  transform: none;
}
.mim-article .mim-author-socials .wp-social-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 10px;
  color: var(--article-montana);
  text-decoration: none;
}
.mim-article .mim-author-socials .wp-social-link svg {
  width: 24px;
  height: 24px;
}
.mim-article .mim-author-socials .wp-social-link a:hover {
  background: var(--article-crema);
  color: var(--article-montana);
}

/* Keep all TOC entries the same size, including plain and nested items. */
.mim-article .mim-prose .mim-toc :is(ul, ol, li, a) {
  font-size: 1rem;
}

/* Retained resource forms: finish appearance without changing embed markup,
   field sizing, callbacks, validation, loaders or success visibility. */
.mim-article .mim-prose .ml-form-embedContainer .ml-form-embedWrapper {
  background: var(--article-sage) !important;
  border-color: var(--article-arena) !important;
  border-radius: 6px !important;
}
.mim-article .mim-prose .ml-form-embedContainer h4 {
  color: var(--article-montana) !important;
  font-weight: 400 !important;
}
.mim-article .mim-prose .ml-form-embedContainer p {
  color: var(--article-cacao) !important;
}
.mim-article .mim-prose :is(#mlb2-46336499, #mlb2-44275165, #mlb2-38891335, #mlb2-40037621, #mlb2-38911739, #mlb2-38892939, #mlb2-38892850, #mlb2-38892728).ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
  border-radius: 6px !important;
}
.mim-article .mim-prose :is(#mlb2-46336499, #mlb2-44275165, #mlb2-38891335, #mlb2-40037621, #mlb2-38911739, #mlb2-38892939, #mlb2-38892850, #mlb2-38892728).ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  background-color: var(--article-montana) !important;
  color: var(--article-crema) !important;
  border-radius: 6px !important;
}
.mim-article .mim-prose :is(#mlb2-46336499, #mlb2-44275165, #mlb2-38891335, #mlb2-40037621, #mlb2-38911739, #mlb2-38892939, #mlb2-38892850, #mlb2-38892728).ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
  background-color: #163b28 !important;
}
.mim-article .mim-prose .ml-form-embedContainer :is(input, button, a):focus-visible {
  outline: 2px solid var(--article-montana);
  outline-offset: 4px;
}
.mim-article :is(.mim-map, .mim-video) {
  border-radius: 6px;
  border-color: var(--article-arena);
}

/* Keep the same corner treatment on article-only controls and gallery panels. */
.mim-article .wp-block-post-comments-form :is(textarea, input:not([type="checkbox"]):not([type="hidden"]), button),
.mim-article .mim-author-socials .wp-social-link a,
.mim-article .mim-gallery-controls button {
  border-radius: 6px;
}
.mim-article .mim-newsletter {
  background: var(--article-sage);
  border-radius: 6px;
}
.mim-article .mim-prose .mim-photo-gallery.has-nested-images figure.wp-block-image img {
  background: var(--article-sage);
  border-radius: 6px;
}