/* Text and links remain readable without JavaScript. */
.yd8-discovery {
	padding: 22px 24px;
	margin-bottom: 32px;
	border: 1px solid #dce8ec;
	border-radius: 8px;
	background: #f5fafb;
}
.yd8-discovery h2 { margin: 0 0 10px; font-size: 1.35rem; line-height: 1.45; }
.yd8-discovery p { margin: 0 0 16px; color: #485a63; line-height: 1.8; }
.yd8-discovery nav { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.yd8-discovery a, .yd8-read-more, .yd8-source a, .yd8-breadcrumbs a { color: #006a8d; text-underline-offset: 3px; }
.yd8-card-summary { margin: 14px 0 12px; color: #49545c; font-size: .95rem; line-height: 1.85; overflow-wrap: anywhere; }
.yd8-read-more { display: inline-block; padding: 4px 0; font-size: .9rem; font-weight: 700; }
.yd8-breadcrumbs { margin-bottom: 24px; font-size: .85rem; line-height: 1.8; color: #59646b; }
.yd8-breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.yd8-breadcrumbs li { margin: 0; overflow-wrap: anywhere; }
.yd8-breadcrumbs li + li::before { content: "/"; margin: 0 10px; color: #849198; }
.yd8-article-summary { padding: 20px 24px; margin: 0 0 24px; background: #f5fafb; border-left: 4px solid #00799e; border-radius: 0 6px 6px 0; }
.yd8-article-summary strong { display: block; margin-bottom: 8px; color: #005e7c; font-size: .9rem; }
.yd8-article-summary p { margin: 0; line-height: 1.9; color: #34454e; overflow-wrap: anywhere; }
.yd8-source { margin: 0 0 28px; color: #56636b; font-size: .9rem; line-height: 1.8; overflow-wrap: anywhere; }
.single-post .post-meta > span { display: inline-block; margin: 0 12px 6px 0; line-height: 1.6; }
.single-post .post-title { overflow-wrap: anywhere; }
.single-post .post-inner { padding-left: 0; }
.single-post .post-inner .related-posts { display: block; width: 100%; float: none; margin-top: 36px; }
.single-post .related-posts .row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.single-post .related-posts .related-post { width: auto; float: none; margin: 0; }
.single-post .related-posts-title { font-size: 1rem; line-height: 1.6; padding-top: 14px; }
.entry-content { overflow-wrap: anywhere; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content table { display: block; max-width: 100%; overflow-x: auto; }
@media (max-width: 600px) {
	.yd8-discovery, .yd8-article-summary { padding: 18px; }
	.single-post .post-meta .post-meta-author { display: inline-block; }
	.single-post .related-posts .row { grid-template-columns: 1fr; }
}