/* A sized box (Width/Height set in the Inspector) needs padding/border
   counted inward rather than added on top of that size, same expectation
   as any other themed container. */
.wp-block-nocturne-floating-group {
	box-sizing: border-box;
}

/* Floating (fixed or absolute) content sits on top of whatever normal-flow
   content it now overlaps - a floating contact button over the page behind
   it, a badge pinned inside a card over that card's own content. */
.wp-block-nocturne-floating-group {
	z-index: 10;
}

/* "Relative to parent block" (position:absolute) only anchors correctly
   against an ancestor that's itself positioned - otherwise it falls back to
   the next positioned ancestor further up the tree (or the viewport, same
   as Fixed), landing somewhere unexpected. :has() lets the immediate parent
   pick up position:relative automatically instead of relying on remembering
   to add that by hand - an inline position on the parent (however that got
   there) still wins over this regardless, since inline styles always beat a
   plain stylesheet rule like this one. */
*:has( > .wp-block-nocturne-floating-group.is-relative-to-parent ) {
	position: relative;
}