/* Base: the post-content reset, hairlines, the wordmark shared with the Studio. */

/*
 * The visual system lives in theme.json (colours, type, spacing, block styles).
 * Keep this file to a minimal, non-invasive base so nothing fights theme.json.
 */

.wp-block-post-content > *:first-child {
	margin-top: 0;
}

/* Thin, quiet hairlines everywhere the theme draws a divider. */
.wp-block-separator {
	border: none;
	border-top: 1px solid var(--wp--preset--color--line);
	opacity: 1;
}

/* --- The wordmark, shared with the Studio (studio/app/globals.css). --- */
.contour-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--wp--preset--color--ink); }
.contour-brand:hover { color: var(--wp--preset--color--ink); }
.contour-brand-text { display: flex; flex-direction: column; line-height: 1; }
.contour-brand-name { font-family: var(--wp--preset--font-family--display); font-size: 1.6rem; font-weight: 750; letter-spacing: -0.06em; }
.contour-brand-dot { color: var(--wp--preset--color--accent); }
.contour-brand-label { font-family: var(--wp--preset--font-family--mono); font-size: 0.5625rem; font-weight: 600; letter-spacing: 0.28em; color: var(--wp--preset--color--muted); margin-top: 4px; }
.contour-brand--small .contour-brand-name { font-size: 1.3rem; }
.contour-brand--small .wp-block-contour-mark { width: 22px; height: 25px; }