/*
 * Optional classic architectural trim.
 *
 * Add .classic-trim explicitly to an individual section. This utility is
 * independent from section backgrounds and does not reserve layout space.
 */
.classic-trim {
  --trim-height: 14px;
  --trim-shadow-opacity: 0.08;
  position: relative;
}

.classic-trim::before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: var(--trim-height);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(247, 248, 250, 0.96) 18%,
    rgba(222, 226, 231, 0.78) 34%,
    rgba(255, 255, 255, 0.96) 54%,
    rgba(214, 219, 225, 0.68) 76%,
    rgba(247, 248, 250, 0.96) 100%
  );
  box-shadow: 0 4px 8px rgba(2, 17, 74, var(--trim-shadow-opacity));
  content: "";
  pointer-events: none;
}