/* Chapter 06 is a quiet editorial pause, in normal document flow.
   Every declaration is scoped here; the cinematic chapters are unchanged. */
#amanah.editorial-amanah {
  padding: clamp(88px, 8vw, 124px) var(--pad) clamp(76px, 7vw, 108px);
  background: var(--hdf-charcoal);
  color: var(--hdf-white);
}
#amanah .amanah-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  gap: clamp(48px, 7.6vw, 116px);
  max-width: 1280px;
  margin: 0 auto;
  align-items: start;
}
#amanah .amanah-intro { max-width: 540px; }
#amanah .amanah-intro .eyebrow {
  margin: 0;

  color: rgba(255, 255, 255, .72);
}
#amanah .amanah-intro h2 {
  margin: 34px 0 0;

}
#amanah .amanah-intro h2 span { display: block; color: var(--hdf-white); }
#amanah .amanah-intro h2 span + span { margin-top: .33em; }
#amanah .amanah-intro > p:last-child {
  margin: 30px 0 0;
  max-width: 33ch;

  color: rgba(255, 255, 255, .78);
}
#amanah .amanah-record { padding-top: 47px; min-width: 0; }
#amanah .amanah-details { display: block; margin: 0; }
#amanah .amanah-commitment {
  --care-progress: 1;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  column-gap: clamp(18px, 2vw, 28px);
  margin: 0;
  padding: 27px 0;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .16);
  opacity: calc(.35 + .65 * var(--care-progress));
  transform: translate3d(0, calc(8px * (1 - var(--care-progress))), 0);
}
#amanah .amanah-commitment:nth-child(1) { --care-progress: var(--care-one, 1); }
#amanah .amanah-commitment:nth-child(2) { --care-progress: var(--care-two, 1); }
#amanah .amanah-commitment:nth-child(3) { --care-progress: var(--care-three, 1); }
#amanah .amanah-commitment:first-child { border-top: 0; padding-top: 0; }
#amanah .care-number {
  position: static;
  align-self: start;
  padding-top: 1px;

  color: var(--hdf-yellow);
}
#amanah .amanah-details h3 {
  max-width: none;
  margin: 0 0 8px;

  color: var(--hdf-white);
}
#amanah .amanah-details p {
  margin: 0;
  max-width: 36ch;

  color: rgba(255, 255, 255, .78);
}
#amanah .return-note {
  display: block;
  margin: 22px 0 0 54px;
  padding: 0 0 0 20px;
  border: 0;
  border-left: 2px solid var(--hdf-blue);
  color: var(--hdf-white);
}
#amanah .return-note time {
  display: block;

  color: rgba(255, 255, 255, .72);
}
#amanah .return-note p {
  max-width: none;
  margin: 10px 0 0;

  color: var(--hdf-white);
}
/* Both fallbacks reveal every commitment without requiring script or scrolling. */

@media (max-width: 900px) {
  #amanah .amanah-layout { grid-template-columns: minmax(0, 1fr); max-width: 640px; gap: 44px; }
  #amanah .amanah-intro { max-width: 560px; }
  #amanah .amanah-intro h2 {  max-width: 19ch; }
  #amanah .amanah-record { padding-top: 0; }
  #amanah .amanah-details p { max-width: 43ch; }
}
@media (max-width: 700px) {
  #amanah.editorial-amanah { padding-top: 80px; padding-bottom: 72px; }
  #amanah .amanah-layout { gap: 40px; }
  #amanah .amanah-intro h2 { margin-top: 27px;   }
  #amanah .amanah-intro > p:last-child { margin-top: 25px; max-width: 33ch;  }
  #amanah .amanah-commitment { grid-template-columns: 24px minmax(0, 1fr); column-gap: 19px; padding: 24px 0; }
  #amanah .return-note { margin: 19px 0 0 43px; padding-left: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  #amanah .amanah-commitment { opacity: 1; transform: none; }
}
@media print {
  #amanah.editorial-amanah { background: white; color: var(--hdf-charcoal); }
  #amanah .amanah-commitment { opacity: 1; transform: none; }
  #amanah .amanah-intro h2 span, #amanah .amanah-intro .eyebrow,
  #amanah .amanah-intro > p:last-child, #amanah .care-number,
  #amanah .amanah-details h3, #amanah .amanah-details p,
  #amanah .return-note time, #amanah .return-note p { color: var(--hdf-charcoal); }
}