/* Structure only.
 *
 * Colour, type, border, shadow and decorative treatment were stripped when
 * this became the blank starter. The design comes from the build's own
 * Figma / Claude Design work, not from here.
 *
 * Spacing and sizing are exposed as --fw-<selector>-<property> tokens that
 * default to 0, so the starter asserts nothing and the design layer sets
 * them. Everything left is layout mechanics the block needs to function.
 */

/* Block: framework/icon-card */

.fw-icon-card {
	position: relative;
	padding: var(--fw-icon-card-padding, 0);
}

/* Divider between cards — a thicker, vertically-inset line (matches the Figma
   "Why Choose LCT" look) rather than a full-height hairline. Drawn on the right
   edge of each card and hidden on the last one. */
.fw-icon-card::after {
	content: '';
	position: absolute;
	top: 18%;
	right: 0;
	width: 2px;
	height: var(--fw-icon-card-height, 0);
}
.fw-icon-card:last-child::after {
	display: none;
}
/* Single column (<=600): no adjacent card to divide from, so drop the
   vertical divider that would otherwise float on each card's right edge. */
@media (max-width: 600px) {
	.fw-icon-card::after {
	display: none;
}
}

.fw-icon-card__icon {
	position: absolute;
	top: -30px;
	left: 35px;
	width: var(--fw-icon-card-icon-width, 0);
	height: var(--fw-icon-card-icon-height, 0);
	display: flex;
	align-items: center;
	justify-content: center;
}

.fw-icon-card__icon img {
	width: var(--fw-icon-card-icon-width, 0);
	height: var(--fw-icon-card-icon-height, 0);
	display: block;
}
.fw-icon-card__body :is(h1, h2, h3, h4, h5, h6) {
	margin: var(--fw-icon-card-body-margin, 0);
}

.fw-icon-card__body p {
	margin: 0;
}

/* Lists inside a card sit on the dark navy background — keep text and bullet
   markers white so they're legible. */
.fw-icon-card__body :is(ul, ol) {
	margin: var(--fw-icon-card-body-margin, 0);
	padding-left: var(--fw-icon-card-body-padding-left, 0);
}