/* Step 567 — clip only the rectangular renderer header, never the renderer.

   The Standalone Renderer must retain overflow: visible so its menus can leave
   the card. Safari therefore exposes the rectangular background of the first
   child (.window-header) unless that child owns the same top radii as its host.
   The canonical theme contract owns the host border, background, depth, sheen,
   and hover treatment; this layer owns geometry only. */

#view-renderer .renderer-window {
  border-radius: var(--radius-xl, 1.4rem) !important;
  overflow: visible !important;
}

#view-renderer .renderer-window > .window-header {
  overflow: hidden !important;
  border-start-start-radius: calc(var(--radius-xl, 1.4rem) - 1px) !important;
  border-start-end-radius: calc(var(--radius-xl, 1.4rem) - 1px) !important;
  border-top-left-radius: calc(var(--radius-xl, 1.4rem) - 1px) !important;
  border-top-right-radius: calc(var(--radius-xl, 1.4rem) - 1px) !important;
  background-clip: padding-box !important;
  contain: paint !important;
}

#view-renderer .renderer-window > .window-header::before,
#view-renderer .renderer-window > .window-header::after {
  border-start-start-radius: inherit !important;
  border-start-end-radius: inherit !important;
  border-top-left-radius: inherit !important;
  border-top-right-radius: inherit !important;
}