/* Finished title graphics sit beside unchanged documentary photographs. */
@media (max-width: 380px) {
  .metrics-grid dd { font-size: 30px; }
  .metrics-grid div { padding-left: 14px; padding-right: 0; }
}

.feature-title-art,
.feature-diagram img,
.feature-diagram picture,
.award-feature-composite img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  aspect-ratio: auto;
  object-fit: contain;
}

/* The four existing descriptions support the photographic features. */
.credibility .proof-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  margin-top: 42px;
}
.credibility .proof-grid article,
.credibility .proof-grid article:first-child {
  min-width: 0;
  padding: 19px 0 0;
  border-top: 1px solid #c8dce2;
  background: transparent;
  color: #253b43;
}
.credibility .proof-grid .proof-label,
.credibility .proof-grid article:first-child .proof-label {
  display: block;
  margin: 0 0 12px;
  color: #007b99;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
}
.credibility .proof-grid h3,
.credibility .proof-grid article:first-child h3 {
  color: #253b43;
  font-size: 17px;
  line-height: 1.65;
}
.credibility .proof-grid article > p:last-child,
.credibility .proof-grid article:first-child > p:last-child {
  margin-top: 11px;
  color: #52666e;
  font-size: 14px;
  line-height: 1.9;
}

/* The anniversary photograph is always complete, below its white title band. */
.credibility .anniversary-photo {
  margin-top: 54px;
  border: 0;
  background: #fff;
}
.anniversary-photo > .anniversary-title-art {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.anniversary-photo > figcaption {
  padding: 20px 0 22px;
  background: transparent;
  border-bottom: 1px solid #d9e6ea;
}
.anniversary-photo > figcaption::before { content: none; }
.anniversary-photo figcaption strong { font-size: 20px; }
.anniversary-photo figcaption span { margin-top: 5px; }

/* Flat photographic panels replace the previous offset cards and arrows. */
.credibility .activity-photos {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 30px;
  margin-top: 52px;
}
.credibility .activity-photos .photo-slot,
.credibility .activity-photos > figure:last-child {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: #fff;
  border: 0;
  box-shadow: none;
}
.credibility .activity-photos .photo-slot::before,
.credibility .activity-photos .photo-slot::after,
.credibility .activity-photos .photo-slot figcaption::before {
  content: none;
  display: none;
}
.credibility .activity-photos .photo-slot > img {
  position: static;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: contain;
  border: 0;
  border-radius: 0;
}
.credibility .activity-photos .photo-slot figcaption {
  position: static;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 18px 0 0;
  color: #253b43;
  background: transparent;
  font-size: 18px;
  line-height: 1.65;
  letter-spacing: 0;
}
.credibility .activity-photos .photo-slot figcaption small {
  margin-top: 7px;
  color: #52666e;
  font-size: 10px;
}

/* A 60:40 picture-and-title composition keeps every person in the award photo. */
.award-panel {
  display: block;
}
.award-panel .award-copy > p:not(.award-kicker):not(.award-note) {
  margin: 0 0 18px;
}
.award-panel .award-photo-gallery {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 28px 42px;
  margin-top: 0;
}
.award-photo-gallery .award-ceremony-photo { grid-column: 1 / -1; }
.award-photo-gallery .award-copy { align-self: center; min-width: 0; }
.award-photo-gallery .evidence-photo { border: 0; }
.award-feature-composite {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  align-items: center;
  min-width: 0;
  background: #fff;
}
.award-photo-gallery .award-ceremony-photo > figcaption {
  padding: 17px 0 20px;
  font-size: 15px;
  background: transparent;
}
.award-photo-gallery figcaption::before { content: none; }
.award-photo-gallery .ministry-visit-photo {
  width: 100%;
  max-width: none;
  margin: 0;
}
.award-photo-gallery .ministry-visit-photo > figcaption {
  padding: 15px 0 18px;
  background: transparent;
  font-size: 15px;
}

/* Use all 18 media marks from the official association site. */
.media-proof ul {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px 24px;
}
.media-proof li { min-height: 76px; padding: 8px 0; }
.media-proof li img { width: 100%; max-width: 200px; height: 72px; object-fit: contain; }

/* One full-width graphic introduces the judgment criteria; details remain editable. */
#learn .split-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}
#learn .split-layout > figure {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}
#learn .split-layout > figure::before { content: none; }
#learn .split-layout > figure > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: contain;
}
/* Show only the recolored word; the original photograph and all other lettering remain. */
#learn .split-layout > figure > .judgment-color-layer {
  position: absolute;
  inset: 0;
  clip-path: inset(44% 60.4% 28.7% 7.9%);
  pointer-events: none;
}
#learn .split-layout > figure > figcaption {
  position: static;
  inset: auto;
  margin: 0;
  padding: 12px 0 0;
  border: 0;
  background: transparent;
  color: #52666e;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  text-align: right;
}
#learn .judgment-details {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0 60px;
  align-items: start;
}
#learn .judgment-details > .eyebrow { grid-column: 1; margin: 0 0 14px; }
#learn .judgment-details > p:not(.eyebrow) {
  grid-column: 1;
  margin: 0;
  font-size: 17px;
  line-height: 2;
}
#learn .judgment-details > .check-list {
  grid-column: 2;
  grid-row: 1 / 4;
  margin: 0;
}
#learn .course-banner { margin-top: 56px; }

/* Accurate diagrams have dedicated desktop and mobile compositions. */
.feature-diagram {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}
.curriculum-map-figure { margin: 8px 0 36px; }
.practice-steps-figure { margin-top: 52px; }
.field-path .field-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  margin-top: 26px;
}
.field-path .field-steps li {
  display: block;
  padding-top: 17px;
  border-top: 1px solid #c8dce2;
}
.field-path .field-steps li > span {
  display: inline-block;
  padding: 0;
  font-family: var(--sans);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}
.field-path .field-steps strong {
  display: block;
  margin: 9px 0 0;
  font-size: 17px;
  line-height: 1.6;
}
.field-path .field-steps p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.9;
}

@media (max-width: 1100px) {
  .credibility .proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; }
  #learn .judgment-details { gap: 0 34px; }
  .field-path .field-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 32px; }
}
@media (max-width: 820px) {
  .credibility .anniversary-photo { margin-top: 42px; }
  .credibility .activity-photos { gap: 24px; margin-top: 42px; }
  .credibility .activity-photos .photo-slot figcaption { font-size: 16px; }
  .award-feature-composite { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  .award-photo-gallery .ministry-visit-photo { width: 68%; }
  #learn .judgment-details { grid-template-columns: minmax(0, 1fr); gap: 0; }
  #learn .judgment-details > p:not(.eyebrow) { font-size: 16px; }
  #learn .judgment-details > .check-list { grid-column: 1; grid-row: auto; margin-top: 28px; }
  #learn .course-banner { margin-top: 40px; }
  .practice-steps-figure { margin-top: 42px; }
}
@media (max-width: 620px) {
  .media-proof ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px; }
  .media-proof li { min-height: 64px; padding: 6px 0; }
  .media-proof li img { height: 56px; }
  .credibility .proof-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 30px; }
  .credibility .proof-grid article,
  .credibility .proof-grid article:first-child { padding: 15px 0 0; }
  .credibility .proof-grid .proof-label { margin-bottom: 7px; }
  .credibility .proof-grid article > p:last-child { margin-top: 7px; font-size: 14px; }
  .anniversary-photo > figcaption { padding: 17px 0 19px; }
  .anniversary-photo figcaption strong { font-size: 18px; }
  .anniversary-photo figcaption a { margin-top: 13px; }
  .credibility .activity-photos { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .credibility .activity-photos .photo-slot figcaption { padding-top: 15px; font-size: 17px; }
  .award-feature-composite { grid-template-columns: minmax(0, 1fr); }
  .award-feature-composite > .award-title-art { width: 100%; }
  .award-photo-gallery .ministry-visit-photo { width: 100%; }
  .award-panel .award-photo-gallery { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  #learn .split-layout { gap: 25px; }
  #learn .split-layout > figure > figcaption { font-size: 11px; padding-top: 9px; }
  #learn .judgment-details > p:not(.eyebrow) { font-size: 15px; }
  #learn .course-banner { margin-top: 34px; }
  .curriculum-map-figure { margin-bottom: 28px; }
  .practice-steps-figure { margin-top: 34px; }
  .field-path .field-steps { grid-template-columns: minmax(0, 1fr); gap: 21px; margin-top: 24px; }
  .field-path .field-steps li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px 13px; }
  .field-path .field-steps li > span { grid-column: 1; grid-row: 1 / 3; padding-top: 3px; font-size: 15px; }
  .field-path .field-steps strong { grid-column: 2; margin: 0; font-size: 16px; }
  .field-path .field-steps p { grid-column: 2; margin: 0; }
}