/*
 * Shared article formatting for general/about/01-06 and
 * medical/pathology/01-06. The existing IgA shell is unchanged.
 */
.project-iga .topic-article { --topic-accent:var(--orange); max-width:none; }
.project-iga.theme-medical .topic-article { --topic-accent:var(--cyan); }

/* Same h2 appearance for ordinary information pages outside .topic-article. */
.project-iga .iga-heading-sample {
  border:0;
  border-left:5px solid var(--orange);
  padding:0 0 0 12px;
  font-size:24px;
  font-weight:700;
  line-height:1.5;
  color:#293943;
  margin:32px 0 18px;
}
.project-iga.theme-medical .iga-heading-sample { border-left-color:var(--cyan); }
.project-iga .iga-heading-sample::before { content:none; }

/* Diagram-only feature: one centered image, never the old two-column grid. */
.project-iga .topic-article > .topic-feature {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  padding:22px;
  background:#fafafd;
  border:2px solid var(--topic-accent);
  border-radius:8px;
  margin:0 0 40px;
}
.project-iga .topic-article > .topic-feature > img {
  display:block;
  width:auto;
  max-width:100%;
  max-height:none;
  height:auto;
  object-fit:contain;
  margin:0 auto;
}

/* Same h2 treatment as the format sample's typography demonstration. */
.project-iga .topic-article .topic-section__heading {
  border:0;
  border-left:5px solid var(--topic-accent);
  padding:0 0 0 12px;
  font-size:24px;
  font-weight:700;
  line-height:1.5;
  color:#293943;
  margin:0 0 18px;
}
.project-iga .topic-article .topic-section__heading::before { content:none; }
.project-iga .topic-article .topic-section { margin:0 0 42px; }
.project-iga .topic-article .topic-section__body.c-box-note {
  margin:0;
  border:1px solid #ddd;
  border-radius:7px;
  background:#fff;
  padding:24px 28px;
  line-height:2;
}
.project-iga .topic-article .topic-section__body > p { margin:0 0 1em; }
.project-iga .topic-article .topic-section__body > p:last-child { margin-bottom:0; }

/* General topic 05: titles stay above each image / explanatory-text pair. */
.project-iga .topic-article .grid.two.stage { margin:0 0 1em; }
.project-iga .topic-article .grid.two.stage > div { min-width:0; }
.project-iga .topic-article .grid.two.stage h3 { margin:0 0 .75em; line-height:1.45; }
.project-iga .topic-article .stage__body {
  display:grid;
  grid-template-columns:minmax(0,42%) minmax(0,1fr);
  align-items:center;
  column-gap:18px;
}
.project-iga .topic-article .stage__body img {
  display:block;
  width:100%;
  max-height:180px;
  object-fit:contain;
}
.project-iga .topic-article .stage__body p {
  margin:0;
  min-width:0;
  font-size:clamp(14px, 1.25vw, 16px);
  font-weight:700;
  line-height:1.7;
  overflow-wrap:anywhere;
}

/* Numerals come from c-list-number-paren-r instead of duplicated li text. */
.project-iga .topic-article .topic-references.c-list-number-paren-r {
  list-style:none;
  counter-reset:list-number-paren-r;
  margin:0;
  padding-left:2.5em;
  font-size:13px;
  line-height:1.8;
}
.project-iga .topic-article .topic-references.c-list-number-paren-r > li {
  position:relative;
  list-style:none;
  overflow-wrap:anywhere;
  margin:0 0 .6em;
}
.project-iga .topic-article .topic-references.c-list-number-paren-r > li::before {
  left:-2.4em;
  width:2em;
  text-align:right;
}

@media(max-width:768px) {
  .project-iga .iga-heading-sample { font-size:21px; }
  .project-iga .topic-article > .topic-feature { padding:13px; margin-bottom:30px; }
  .project-iga .topic-article .topic-section__heading { font-size:21px; margin-bottom:15px; }
  .project-iga .topic-article .topic-section__body.c-box-note { padding:17px 19px; }
  .project-iga .topic-article .topic-section { margin-bottom:34px; }
}
@media(max-width:480px) {
  .project-iga .topic-article .stage__body { column-gap:12px; grid-template-columns:minmax(0,38%) minmax(0,1fr); }
  .project-iga .topic-article .stage__body p { font-size:13px; }
}


/* Shared h2 format for content pages (matching the pathology epidemiology article).
   Excludes landing-page cards, style-guide examples and confirmation modals. */
.project-iga .iga-heading-unified {
  border:0;
  border-left:5px solid var(--orange);
  padding:0 0 0 12px;
  font-size:24px;
  font-weight:700;
  line-height:1.5;
  color:#293943;
  margin:32px 0 18px;
}
.project-iga.theme-medical .iga-heading-unified { border-left-color:var(--cyan); }
.project-iga .iga-heading-unified::before { content:none; }
@media (max-width:768px) {
  .project-iga .iga-heading-unified {font-size:21px;}
}
/* Breadcrumb: HOME > parent > current page */
.project-iga .crumb { height:auto; min-height:35px; flex-wrap:wrap; gap:.4em; line-height:1.6; }
.project-iga .crumb a { text-decoration:none; }
.project-iga .crumb a:hover { text-decoration:underline; }
.project-iga .crumb__separator { color:#888; margin:0 .2em; }