/* Small reusable details for WordPress blocks and the blue-dye visual language. */
.wp-block-group.is-style-card {
	padding: clamp(1rem, 2.5vw, 1.75rem);
	border: 1px solid var(--color-line);
	border-top: 3px solid var(--color-blue);
	border-radius: 8px;
	background: var(--color-white);
	box-shadow: var(--shadow-card);
}

.wp-block-separator.is-style-blue-dye {
	width: min(100%, 15rem);
	height: 4px;
	border: 0;
	background-color: transparent;
	background-image: radial-gradient(circle, var(--color-blue) 1.2px, transparent 1.5px);
	background-position: center;
	background-size: 12px 4px;
}

.wp-block-media-text {
	border: 1px solid var(--color-line);
	border-radius: 8px;
	background: var(--color-white);
	box-shadow: var(--shadow-card);
	overflow: hidden;
}
.wp-block-media-text__content { padding: clamp(1rem, 3vw, 2rem) !important; }

.entry-content .wp-block-image img,
.entry-content .wp-block-gallery img { border-radius: 6px; }
.entry-content .wp-block-table { overflow-x: auto; }
.entry-content .wp-block-table th { color: var(--color-white); background: var(--color-blue-dark); }

.wp-block-cover {
	border-radius: 8px;
}

.wp-block-columns { display: grid !important; grid-template-columns: 1fr; gap: 1rem; }
.wp-block-media-text { grid-template-columns: 1fr; }
.wp-block-media-text__media { grid-row: 1; }

@media (min-width: 641px) {
	.wp-block-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wp-block-media-text { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 901px) {
	.wp-block-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}