/* Opt-in article media and native, editable FAQ blocks. */
.brainaris-compact-media .polished-article .article-hero {
  width: min(100%, 660px);
  margin-inline: auto;
}
.brainaris-compact-media .polished-article .article-hero img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 440px;
  object-fit: contain;
}
.wp-block-image.brainaris-inline-diagram {
  width: min(100%, 520px);
  max-width: 100%;
  margin: 28px auto;
}
.wp-block-image.brainaris-inline-diagram img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.brainaris-article-faq {
  margin-block: 42px 36px;
}
.brainaris-article-faq .wp-block-heading {
  margin: 0 0 18px;
}
.brainaris-article-faq .wp-block-details {
  margin: 0;
  border-top: 1px solid var(--rule, #b5beb3);
}
.brainaris-article-faq .wp-block-details:last-child {
  border-bottom: 1px solid var(--rule, #b5beb3);
}
.brainaris-article-faq summary {
  position: relative;
  display: block;
  min-height: 64px;
  padding: 20px 38px 20px 0;
  font: 600 21px/1.35 var(--reader-serif, 'Newsreader', Georgia, serif);
  list-style: none;
  cursor: pointer;
}
.brainaris-article-faq summary::-webkit-details-marker { display: none; }
.brainaris-article-faq summary::marker { content: ''; }
.brainaris-article-faq summary::after {
  position: absolute;
  top: 25px;
  right: 0;
  width: 18px;
  height: 18px;
  content: '';
  background: url('../icons/nav-arrow-down.svg') center / contain no-repeat;
}
.brainaris-article-faq details[open] > summary::after { transform: rotate(180deg); }
.brainaris-article-faq summary:focus-visible {
  outline: 2px solid var(--orange, #d35d31);
  outline-offset: 4px;
}
.brainaris-article-faq details > p {
  margin: 0 0 20px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 1.55;
}
/* Keep multi-column comparisons readable inside a narrow reading column. */
@media (max-width: 1050px) {
  .polished-article .article-body .wp-block-table {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
  .polished-article .article-body .wp-block-table::before {
    position: sticky;
    left: 0;
    display: block;
    padding-bottom: 8px;
    color: var(--muted, #52645c);
    font-size: 13px;
    content: 'Scroll table horizontally →';
  }
  .polished-article .article-body .wp-block-table > table {
    min-width: 680px;
  }
}
@media (max-width: 760px) {
  /* Older tablet rules placed this biography across the portrait rows. */
  .polished-article .author-copy .author-bio { grid-row: auto; }
  .brainaris-article-faq { margin-block: 32px; }
  .brainaris-article-faq summary { font-size: 20px; }
  .brainaris-article-faq details > p { font-size: 17px; padding-right: 0; }
  .wp-block-image.brainaris-inline-diagram { margin-block: 24px; }
}

/* Leave room for the keyboard focus ring above an expanded legacy answer. */
.polished-article .faq .faq-item[open] .faq-answer { padding-top: 8px; }
