/* Canvas = front: article del demo. Grid sull'item (anno + testo), non colonne. */

.wp-block-turchet-timeline-item {
	border-top: 2px solid var(--color-blue);
	padding-top: 16px;
	box-sizing: border-box;
}

.wp-block-turchet-timeline-item > .timeline-item__grid,
.wp-block-turchet-timeline-item > .block-editor-inner-blocks,
.wp-block-turchet-timeline-item > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	width: 100%;
	min-width: 0;
}

/* Heading = chrome attorno a strong; lo stile visivo resta .timeline strong. */
.timeline .wp-block-heading,
.timeline [data-type="core/heading"],
.wp-block-turchet-timeline-item .wp-block-heading,
.wp-block-turchet-timeline-item [data-type="core/heading"] {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
	color: inherit;
}

.wp-block-turchet-timeline-item .wp-block-heading:not(:has(strong)),
.wp-block-turchet-timeline-item [data-type="core/heading"]:not(:has(strong)) {
	display: block;
	font-family: var(--font-serif);
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 8px;
}

.wp-block-turchet-timeline-item p,
.wp-block-turchet-timeline-item [data-type="core/paragraph"] {
	margin: 0;
}

@media (max-width: 720px) {
	.wp-block-turchet-timeline-item {
		border-top: 0;
		padding-top: 0;
	}

	.wp-block-turchet-timeline-item > .timeline-item__grid,
	.wp-block-turchet-timeline-item > .block-editor-inner-blocks,
	.wp-block-turchet-timeline-item > .block-editor-inner-blocks > .block-editor-block-list__layout {
		grid-template-columns: 5.25rem minmax(0, 1fr);
		column-gap: 16px;
		align-items: baseline;
	}

	.wp-block-turchet-timeline-item .wp-block-heading:not(:has(strong)),
	.wp-block-turchet-timeline-item [data-type="core/heading"]:not(:has(strong)) {
		margin-bottom: 0;
	}
}