/* core/paragraph — outline tag pills (case studies: Powy "What Powy is building
   next" roadmap tags and the switch-day date). Text colour and size stay the
   editor's: the colour/size controls emit preset classes that win over these
   defaults. Preset variables, which print on every page. 9999px is the pill
   shape (Tailwind's rounded-full); the DS has no radius step for it.
   Enqueued from render_block only when a paragraph carries the style. */

p.is-style-tag,
p.is-style-tag-small {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0 var(--wp--preset--spacing--l, 16px);
	border: 1px solid var(--wp--preset--color--border-default-default-light, #A7B1C1);
	border-radius: 9999px;
	line-height: 1.4;
}

p.is-style-tag {
	min-height: 40px;
	font-size: var(--wp--preset--font-size--body-medium, 16px);
	color: var(--wp--preset--color--midnight-800, #0E1828);
}

/* The label variant: the eyebrow type (12px, 600, uppercase) in a shorter pill. */
p.is-style-tag-small {
	min-height: 32px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--text-default-tertiary-light, #233D63);
}