/* ==================================================

	Card

================================================== */

/* inset shadow, not border: Figma strokes these panels inside, so child offsets measure from the outer edge

@related pixel_parity */
.card {
	position: relative;

	border-radius: var(--radius-card);
	background-color: var(--color-bg-surface);
	box-shadow: inset 0 0 0 var(--border-w-card) var(--color-border-card);
}

/* `margin: 0 ...`, not margin-inline: the <hr> default block margin would leak into the rhythm */
/* @related =hr */
.card__rule {
	height: var(--rule-w);
	margin: 0 12.5px;

	border: 0;
	background-color: var(--color-rule);
}

/* -------------------------------------
	=Mobile
------------------------------------- */

@media ( max-width: 1076px ) {

	.card {
		border-radius: 0;
		border-left: 0;
		border-right: 0;
	}

}