.codetitle {
	clear: right;
	float: right;
	padding: 0.25em 0 0.25em 0.5em;
	border-radius: 0.25em 0.25em 0 0;
	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
	font-size: 0.75em; /* 12px /16 */
}
@media (max-width: 31.1875em) { /* 499px */
	.codetitle-right-md {
		float: none;
		clear: both;
		padding-inline-start: 0;
	}
	.codetitle-right-md + is-land > seven-minute-tabs {
		margin-block-start: .5em;
	}
}
.codetitle-left {
	float: left;
	clear: left;
	padding-left: 0;
	padding-right: 0.5em;
}
.codetitle b {
	text-transform: uppercase;
	font-size: 0.6875rem; /* 11px /16 */
	margin-right: 0.5em;
	color: #666;
	font-weight: 100;
}
@media (prefers-color-scheme: dark) {
	.codetitle b {
		color: #aaa;
	}
}
.codetitle + pre {
	clear: both;
}
.codetitle + pre,
.codetitle + .minilink + pre {
	margin-top: 0;
}
.codetitle + div:has(> is-land) {
	clear: both;
}
.codetitle + div:has(> is-land) :is(eleventy-editor, pre) {
	margin-top: 0;
}
.codetitle + .minilink {
	float: right;
	margin: 0 2em 0 0;
	padding: 0.25em 0;
	background-color: transparent;
	border-width: 0;
	box-shadow: none;
	font-size: 0.75em; /* 12px /16 */
	font-weight: 100;
}
.codetitle + .minilink:before {
	content: "💫 ";
}
.codetitle-left + .minilink {
	float: left;
	margin-left: 1em;
	margin-right: 0;
	position: relative;
	bottom: -2px;
}
.codetitle-left + .codetitle-left {
	clear: none;
	margin-left: 2em;
}
