/* Corner brackets: four accent L's marking a surface as the one worth reading.
   Opt-in, and meant to stay rare — on every box they are noise again.

   An overlay rather than the host's own background, so it composes with whatever
   fill and border that surface already carries. */
.mf-brackets {
	position: relative;

	&::after {
		--arm: var(--mf-bracket-arm, 10px);
		--line: var(--mf-bracket-color, var(--mf-color-accent));
		/* One solid bar, sized into an arm and placed twice per corner. */
		--bar: linear-gradient(var(--line), var(--line)) no-repeat;
		--across: var(--arm) var(--mf-border-width);
		--down: var(--mf-border-width) var(--arm);

		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		background:
			var(--bar) 0 0 / var(--across),
			var(--bar) 0 0 / var(--down),
			var(--bar) 100% 0 / var(--across),
			var(--bar) 100% 0 / var(--down),
			var(--bar) 0 100% / var(--across),
			var(--bar) 0 100% / var(--down),
			var(--bar) 100% 100% / var(--across),
			var(--bar) 100% 100% / var(--down);
	}
}