/* Neutral “3D list” styles (front + editor) */
.gfs-3d-list.gfs-neutral{
	--gfs-accent:#0C2F72;
	--gfs-bg:#ffffff;
	--gfs-cell:#ffffff;
	--gfs-text:#111827;

	background: var(--gfs-bg);
	border-radius: 18px;
	padding: 18px;
	position: relative;
	box-shadow: 0 18px 40px rgba(0,0,0,.08);
	border: 1px solid rgba(0,0,0,.06);
	overflow: hidden;
}

.gfs-3d-list.gfs-neutral:before{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(700px 220px at 12% 0%, color-mix(in srgb, var(--gfs-accent) 12%, transparent), transparent 60%),
		radial-gradient(520px 240px at 88% 10%, color-mix(in srgb, var(--gfs-accent) 8%, transparent), transparent 62%);
	pointer-events:none;
}

.gfs-3d-list__title{
	position: relative;
	margin: 0 0 12px 0;
	color: var(--gfs-text);
	padding-left: 12px;
}

.gfs-3d-list__title:before{
	content:"";
	position:absolute;
	left:0;
	top:.25em;
	height: 1.1em;
	width: 4px;
	border-radius: 999px;
	background: var(--gfs-accent);
	box-shadow: 0 10px 18px color-mix(in srgb, var(--gfs-accent) 25%, transparent);
}

.gfs-3d-list__grid{
	position: relative;
	display: grid;
	gap: 12px;
}

.gfs-cols-1{ grid-template-columns: 1fr; }
.gfs-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 560px){
	.gfs-cols-2{ grid-template-columns: 1fr; }
}

.gfs-3d-list__item{
	background: var(--gfs-cell);
	border-radius: 14px;
	padding: 12px 12px 12px 38px; /* space for dot + consistent multiline indent */
	border: 1px solid rgba(0,0,0,.07);
	box-shadow:
		0 10px 18px rgba(0,0,0,.08),
		inset 0 1px 0 rgba(255,255,255,.65);
	transform: translateY(0);
	transition: transform .15s ease, box-shadow .15s ease;
	position: relative;
}

.gfs-3d-list__item:before{
	content:"";
	position:absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	height: 11px;
	width: 11px;
	border-radius: 999px;
	background: #0C2F72;
	box-shadow: 0 10px 20px rgba(12,47,114,.22);
}

.gfs-3d-list__item > *{
	margin: 0;
	color: var(--gfs-text);
	display: block; /* ensures wrapped lines align with first line */
	padding-left: 0;
}

.gfs-3d-list__item:hover{
	transform: translateY(-2px);
	box-shadow:
		0 16px 26px rgba(0,0,0,.10),
		inset 0 1px 0 rgba(255,255,255,.72);
}