.ct-credited-media { position: relative; }
.ct-photo-credit {
	--credit-bg: #fff;
	--credit-fg: #172b32;
	position: absolute;
	z-index: 5;
	margin: 0;
	padding: 0;
	border: 0;
	width: 24px;
	font: 12px/20px system-ui, sans-serif;
	box-sizing: border-box;
	min-height: 24px;
	max-width: min(360px, calc(var(--credit-width, 280px) - 20px), calc(100vw - 40px));
	border-radius: 12px;
	background: var(--credit-bg);
	text-align: left;
	color: var(--credit-fg);
}
.ct-photo-credit--dark { --credit-bg: #172b32; --credit-fg: #fff; }
.ct-photo-credit--bottom-right, .ct-photo-credit--top-right { right: calc(var(--credit-right, 0px) + 10px); }
.ct-photo-credit--bottom-left, .ct-photo-credit--top-left { left: calc(var(--credit-left, 0px) + 10px); }
.ct-photo-credit--bottom-right, .ct-photo-credit--bottom-left { bottom: calc(var(--credit-bottom, 0px) + 10px); }
.ct-photo-credit--top-right, .ct-photo-credit--top-left { top: calc(var(--credit-top, 0px) + 10px); }
.ct-photo-credit > summary {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	border-radius: 50%;
	background: var(--credit-bg);
	color: var(--credit-fg);
	box-shadow: none;
	cursor: pointer;
	font: bold 11px/14px system-ui, sans-serif;
}
.ct-photo-credit > summary::-webkit-details-marker { display: none; }
.ct-photo-credit > summary::after { content: none; }
.ct-photo-credit > summary:focus-visible { outline: 3px solid #41b6c5; outline-offset: 3px; }
.ct-photo-credit > summary > span { display: block; width: 14px; height: 14px; border-radius: 50%; background: var(--credit-fg); color: var(--credit-bg); text-align: center; }
.ct-photo-credit--bottom-left > summary, .ct-photo-credit--top-left > summary { right: auto; left: 0; }
.ct-photo-credit[open] { width: max-content; padding: 2px 28px 2px 8px; z-index: 6; }
.ct-photo-credit--bottom-left[open], .ct-photo-credit--top-left[open] { padding: 2px 8px 2px 28px; }
.ct-photo-credit__panel { color: var(--credit-fg); overflow-wrap: anywhere; }
.ct-photo-credit__panel a { color: inherit; text-decoration: none; }
.ct-photo-credit__panel a:hover, .ct-photo-credit__panel a:focus-visible { text-decoration: underline; text-underline-offset: .15em; }

/* Cover overlays sit above its dim layer; gallery figures establish their own corner. */
.ct-credited-cover > .ct-photo-credit { --credit-left: 0px; --credit-right: 0px; --credit-top: 0px; --credit-bottom: 0px; }
.wp-block-gallery .ct-credited-media:has(> .ct-photo-credit[open]) { z-index: 7; }