/* Full-sized interaction areas without enlarging the approved artwork. */
.site-header .brand {
  display: flex;
  align-items: center;
  min-height: 44px;
}
.dialog-close {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
}
.chapter-dots a {
  width: 44px;
  height: 44px;
}
/* Reassurance stays readable throughout its existing 8px entrance. */
#amanah .amanah-commitment {
  opacity: calc(.85 + .15 * var(--care-progress, 1));
}
html:not(.js) #amanah .amanah-commitment { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  #amanah .amanah-commitment { opacity: 1; }
}
@media print {
  #amanah .amanah-commitment { opacity: 1; }
}
/* Eight full-sized targets need more vertical room than a landscape phone.
   The same chapters remain accessible from the header menu. */
@media (max-height: 560px) and (orientation: landscape) {
  .chapter-dots { display: none; }
}
/* The early sponsorship action settles above the unchanged luggage on the
   smallest portrait viewports. No new scene or scroll distance is introduced. */
@media (max-height: 600px) and (orientation: portrait) and (prefers-reduced-motion: no-preference) {
  html.js .call-promise { top: 16%; }
  html.js .call-sponsorship-price { margin-top: 4px; margin-bottom: 4px; }
}
/* The camera push expands the cases beyond their layout box. Reserve a clear
   gutter beside the entire donor action at the closest point of the push. */
@media (min-width: 701px) and (prefers-reduced-motion: no-preference) {
  html.js .journey-luggage { width: min(50vw, 920px); }
}
@media (min-width: 701px) and (max-width: 1100px) and (prefers-reduced-motion: no-preference) {
  html.js .journey-luggage { width: 51vw; }
}
@media (min-width: 701px) and (max-height: 650px) and (prefers-reduced-motion: no-preference) {
  html.js .journey-luggage { width: min(46vw, 700px); }
}