/*
 * Post-build layout fixes for the supplied static preview.
 * Kept separate from the minified bundle so the changes remain maintainable.
 */

@media (min-width: 64rem) {
  /*
   * The original 44% padding kept growing with the viewport even after this
   * container reached its 72rem max width. Cap it at 44% of that max width so
   * the copy no longer collapses at 100% zoom on wide screens.
   */
  #veri-nedir > .relative.mx-auto.max-w-6xl {
    padding-right: min(44%, 31.75rem);
  }

  /* Keep the desktop navigation labels stable near the lg breakpoint. */
  header nav {
    flex-shrink: 0;
  }

  header nav a {
    white-space: nowrap;
  }
}

/* Keep the peak, waterline and submerged mass together in the tall desktop crop. */
#veri-nedir > div[aria-hidden="true"] > img[alt=""] {
  object-position: center 40%;
}

/* Show both the peak and the waterline in the mobile/tablet crop. */
#veri-nedir img[alt^="Buzdağı"] {
  height: clamp(18rem, 55vw, 30rem);
  object-position: center 16%;
}

/* Improve the small section label's contrast on the pale gradient. */
#veri-nedir [class~="text-brand-600/80"] {
  color: var(--color-brand-700, #00652f);
}