/* Parity with React legal/policy pages */
.asb-cancel {
	overflow-x: clip;
	background: #fff;
}
.asb-cancel__hero {
	border-bottom: 1px solid var(--asb-border);
	color: #fff;
	padding: 4rem 0;
	background:
		radial-gradient(circle at 18% 24%, rgba(220, 38, 38, 0.18), transparent 48%),
		radial-gradient(circle at 80% 10%, rgba(2, 132, 199, 0.16), transparent 40%),
		linear-gradient(145deg, #0f172a, #1e293b);
}
@media (min-width: 768px) {
	.asb-cancel__hero { padding: 6rem 0; }
}
.asb-cancel__hero-grid {
	display: grid;
	gap: 2.5rem;
	align-items: center;
}
@media (min-width: 1024px) {
	.asb-cancel__hero-grid { grid-template-columns: 1.1fr 0.9fr; }
}
.asb-cancel__badge {
	display: inline-flex;
	margin: 0;
	padding: 0.25rem 1rem;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.1);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}
.asb-cancel__title {
	margin: 1.25rem 0 0;
	font-size: clamp(1.875rem, 4vw, 3.75rem);
	font-weight: 900;
	line-height: 1.04;
}
.asb-cancel__hero-text {
	margin: 1.25rem 0 0;
	max-width: 48rem;
	font-size: clamp(0.875rem, 1.5vw, 1rem);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.9);
}
.asb-cancel__hero-panel {
	border-radius: 1.8rem;
	border: 1px solid rgba(228, 46, 45, 0.25);
	background: rgba(255, 255, 255, 0.1);
	padding: 1.5rem;
	box-shadow: 0 24px 60px rgba(2, 8, 23, 0.32);
	backdrop-filter: blur(4px);
}
.asb-cancel__hero-stats {
	display: grid;
	gap: 1rem;
}
@media (min-width: 640px) {
	.asb-cancel__hero-stats { grid-template-columns: 1fr 1fr; }
}
.asb-cancel__hero-stat {
	border-radius: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: rgba(0, 0, 0, 0.15);
	padding: 1.25rem;
}
.asb-cancel__hero-stat-label {
	margin: 0;
	font-size: 0.6875rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.7);
}
.asb-cancel__hero-stat-value {
	margin: 0.5rem 0 0;
	font-size: 1rem;
	font-weight: 600;
}
.asb-cancel__hero-stat-value a { color: #fff; }
.asb-cancel__hero-stat-value a:hover { color: var(--asb-primary); }
.asb-cancel__body {
	padding: 4rem 0;
	background: linear-gradient(to bottom, rgba(248, 250, 252, 0.9), #ffffff);
}
@media (min-width: 768px) {
	.asb-cancel__body { padding: 6rem 0; }
}
.asb-cancel__stack {
	max-width: 64rem;
	display: grid;
	gap: 2rem;
}
.asb-cancel__card {
	border-radius: 1.5rem;
	border: 1px solid color-mix(in srgb, var(--asb-border) 70%, transparent);
	background: rgba(255, 255, 255, 0.95);
	padding: 1.5rem;
	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
	backdrop-filter: blur(4px);
	color: var(--asb-muted);
	font-size: clamp(0.875rem, 1.5vw, 1rem);
	line-height: 1.7;
}
@media (min-width: 768px) {
	.asb-cancel__card { padding: 2rem; }
}
.asb-cancel__h2 {
	margin: 0;
	font-size: clamp(1.5rem, 3vw, 1.875rem);
	font-weight: 900;
	color: var(--asb-foreground);
}
.asb-cancel__card p { margin: 1rem 0 0; }
.asb-cancel__bullets {
	margin: 1.25rem 0 0;
	padding-left: 1.25rem;
}
.asb-cancel__bullets li + li { margin-top: 0.75rem; }
.asb-cancel__grid2 {
	display: grid;
	gap: 1rem;
	margin-top: 1.25rem;
}
@media (min-width: 768px) {
	.asb-cancel__grid2 { grid-template-columns: 1fr 1fr; }
}
.asb-cancel__mini {
	border-radius: 1rem;
	border: 1px solid var(--asb-border);
	background: color-mix(in srgb, var(--asb-secondary) 20%, transparent);
	padding: 1.25rem;
}
.asb-cancel__mini-label {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--asb-primary);
}
.asb-cancel__mini p { margin: 0.75rem 0 0; }
.asb-cancel__link {
	display: inline-block;
	margin-top: 1rem;
	font-weight: 600;
	color: var(--asb-primary);
}
.asb-cancel__link:hover { opacity: 0.8; }