/* The ZDNet theme prints the featured image above the article body.
   The same image is already the first image inside the body, so hide the
   duplicate hero and keep the body image in its intended position. */
.single-post .article-detail > img.article-image {
	display: none !important;
}

.storener-topics {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	margin: 0 0 26px;
	padding: 14px 16px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #f8fafc;
}

.storener-topics-label {
	margin-right: 4px;
	color: #6b7280;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.storener-topic {
	display: inline-block;
	padding: 6px 11px;
	border: 1px solid #d1d5db;
	border-radius: 999px;
	background: #fff;
	color: #1e73be;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
}

a.storener-topic:hover,
a.storener-topic:focus-visible {
	border-color: #1e73be;
	background: #1e73be;
	color: #fff;
	text-decoration: none;
}

.storener-topic.is-plain {
	color: #4b5563;
	background: #f3f4f6;
}

.storener-topic.is-plain:hover {
	background: #f3f4f6;
	color: #4b5563;
}

.ps-content h2[id],
.ps-content h3[id],
.ps-content h4[id],
.ps-content p[id],
.article-content h2[id],
.article-content h3[id],
.article-content h4[id],
.article-content p[id] {
	scroll-margin-top: 110px;
}

.storener-anchor-highlight {
	border-radius: 4px;
	background: #fff3cd !important;
	box-shadow: 0 0 0 6px #fff3cd;
	transition: background 0.2s ease, box-shadow 0.2s ease;
}

@media (max-width: 600px) {
	.storener-topics {
		padding: 12px;
	}

	.storener-topic {
		font-size: 13px;
	}
}