/* Desktop video browsing: category filters and YouTube-inspired cards. */
.desktop-category-bar {
	display: none;
}

/*
 * Keep the category row on the related-video sidebar at every viewport size.
 * It is scoped to that sidebar, so it does not add category chips to the
 * mobile navigation menu.
 */
@media only screen and (max-width: 959px) {
	.single .sidebar > .desktop-category-bar {
		display: block;
		position: relative;
		z-index: 1;
		margin: 0 0 16px;
		padding-right: 42px;
		box-sizing: border-box;
		background: transparent;
	}

	.single .sidebar > .desktop-category-bar .desktop-category-scroll {
		margin: 0;
		padding: 0;
	}

	.single .sidebar > .desktop-category-bar .desktop-category-list {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0;
		padding: 0;
		list-style: none;
		overflow-x: auto;
		scrollbar-width: none;
		white-space: nowrap;
	}

	.single .sidebar > .desktop-category-bar .desktop-category-list::-webkit-scrollbar {
		display: none;
	}

	.single .sidebar > .desktop-category-bar .desktop-category-item {
		flex: 0 0 auto;
		margin: 0;
	}

	.single .sidebar > .desktop-category-bar .desktop-category-item a {
		display: flex;
		height: 32px;
		align-items: center;
		padding: 0 12px;
		border: 0;
		border-radius: 8px;
		background: #f2f2f2;
		color: #111 !important;
		font-size: 12px;
		font-weight: 500;
		line-height: 1;
		text-decoration: none;
	}

	.single .sidebar > .desktop-category-bar .desktop-category-item.is-current a {
		background: #111;
		color: #fff !important;
	}

	.single .sidebar > .desktop-category-bar .desktop-category-next {
		display: inline-flex;
		position: absolute;
		top: 0;
		right: 0;
		width: 32px;
		height: 32px;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #fff;
		box-shadow: -5px 0 10px rgba(255, 255, 255, 0.95);
		color: #0f0f0f;
		font-size: 14px;
	}
}

/* Optional creator website/social link, shown below the profile description. */
.creator-channel-link {
	display: flex;
	align-items: center;
	gap: 7px;
	max-width: 100%;
	margin-top: 2px;
	color: #0f0f0f;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

.creator-channel-link .fa-link {
	flex: 0 0 auto;
	font-size: 14px;
}

.creator-channel-link a,
.creator-channel-link a:visited,
.creator-channel-link a:hover,
.creator-channel-link a:focus-visible {
	display: flex;
	min-width: 0;
	max-width: 100%;
	color: #0f0f0f !important;
	white-space: nowrap;
}

.creator-channel-link-base {
	flex: 0 0 auto;
}

.creator-channel-link-path {
	display: inline-block;
	min-width: 0;
	max-width: 30ch;
	overflow: hidden;
	filter: blur(0.25px);
	-webkit-mask-image: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.82) 45%, transparent 100%);
	mask-image: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.82) 45%, transparent 100%);
	white-space: nowrap;
}

.desktop-app-rail {
	display: none;
}

@media only screen and (min-width: 960px) {
	body {
		background: #fff;
		color: #0f0f0f;
	}

	/* Header */
	.site-header {
		height: 64px;
		line-height: 64px;
		border-bottom: 1px solid #e5e5e5;
		box-shadow: none;
	}

	.site-start {
		width: 100%;
		height: 64px;
	}

	.site-branding {
		min-width: 240px;
		margin-left: 24px;
	}

	.site-branding #logo,
	.site-title,
	.site-description {
		height: 64px;
		line-height: 64px;
	}

	.site-branding img {
		max-height: 40px;
	}

	.site-title {
		font-size: 20px;
	}

	.header-search {
		width: min(43vw, 640px);
		height: 42px;
		border-color: #e5e5e5;
		border-radius: 10px;
		background: #f6f6f6;
	}

	.header-search:hover,
	.header-search:focus-within {
		border-color: #c9c9c9;
		background: #fff;
	}

	.header-search .search-input {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.header-search .search-submit {
		height: 40px;
		background: transparent !important;
	}

	#primary-nav {
		position: absolute;
		top: 0;
		right: 16px;
	}

	#primary-menu {
		margin-right: 0;
	}

	#primary-menu li a {
		margin: 0 7px;
		border-bottom-width: 2px;
		line-height: 64px;
	}

	/* Compact rail that expands into subscriptions, history, and Explore. */
	.desktop-app-rail {
		display: flex;
		position: fixed;
		top: 64px;
		bottom: 0;
		left: 0;
		z-index: 997;
		width: 72px;
		flex-direction: column;
		align-items: stretch;
		padding-top: 8px;
		border-right: 1px solid #ededed;
		background: #fff;
		overflow: hidden;
		transition: width 180ms ease, box-shadow 180ms ease;
	}

	.admin-bar .desktop-app-rail {
		top: 96px;
	}

	body.desktop-sidebar-is-expanded .desktop-app-rail {
		width: 240px;
		box-shadow: 3px 0 12px rgba(0, 0, 0, 0.08);
	}

	.desktop-rail-actions {
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		align-items: center;
		padding-bottom: 6px;
	}

	.desktop-app-rail .desktop-rail-link,
	.desktop-sidebar-toggle {
		display: grid;
		width: 46px;
		height: 46px;
		place-items: center;
		margin: 0 0 6px;
		padding: 0;
		border: 0;
		border-radius: 10px;
		background: transparent;
		color: #262626;
		font-size: 20px;
		text-decoration: none;
		cursor: pointer;
		transition: background-color 160ms ease, color 160ms ease;
	}

	.desktop-app-rail .desktop-rail-link:first-child,
	.desktop-app-rail .desktop-rail-link:hover,
	.desktop-app-rail .desktop-rail-link:focus-visible,
	.desktop-sidebar-toggle:hover,
	.desktop-sidebar-toggle:focus-visible {
		background: #eaf3ff;
		color: #065fd4;
		outline: none;
	}

	.desktop-rail-label {
		display: none;
	}

	body.desktop-sidebar-is-expanded .desktop-rail-actions {
		align-items: stretch;
		padding: 0 12px 8px;
	}

	body.desktop-sidebar-is-expanded .desktop-app-rail .desktop-rail-link,
	body.desktop-sidebar-is-expanded .desktop-sidebar-toggle {
		grid-template-columns: 46px 1fr;
		width: 100%;
		padding: 0 8px;
		justify-items: start;
		font-size: 18px;
	}

	body.desktop-sidebar-is-expanded .desktop-rail-label {
		display: block;
		color: #0f0f0f;
		font-size: 14px;
		font-weight: 500;
	}

	.desktop-expanded-sidebar {
		display: flex;
		width: 240px;
		min-height: 0;
		flex: 1 1 auto;
		opacity: 0;
		pointer-events: none;
		transform: translateX(-10px);
		transition: opacity 160ms ease, transform 180ms ease;
	}

	body.desktop-sidebar-is-expanded .desktop-expanded-sidebar {
		opacity: 1;
		pointer-events: auto;
		transform: translateX(0);
	}

	.desktop-expanded-sidebar-scroll {
		width: 100%;
		overflow-y: auto;
		padding-bottom: 24px;
		scrollbar-width: thin;
	}

	.desktop-sidebar-section {
		padding: 12px 12px 14px;
		border-top: 1px solid #e5e5e5;
	}

	.desktop-sidebar-section h2 {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0 0 10px 6px;
		color: #0f0f0f;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
	}

	.desktop-sidebar-section h2 i {
		font-size: 16px;
		font-weight: 400;
	}

	.desktop-sidebar-explore h2 {
		color: #0f0f0f !important;
	}

	.desktop-sidebar-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.desktop-sidebar-list li {
		margin: 0;
	}

	.desktop-sidebar-list li[data-sidebar-extra="true"] {
		display: none;
	}

	.desktop-sidebar-list.is-expanded li[data-sidebar-extra="true"] {
		display: block;
	}

	.desktop-sidebar-list a,
	.desktop-sidebar-row {
		display: flex;
		width: 100%;
		height: 36px;
		align-items: center;
		gap: 12px;
		padding: 0 8px;
		border: 0;
		border-radius: 8px;
		background: transparent;
		color: #0f0f0f;
		font-family: inherit;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.2;
		text-align: left;
		text-decoration: none;
		cursor: pointer;
	}

	.desktop-expanded-sidebar .desktop-sidebar-list a,
	.desktop-expanded-sidebar .desktop-sidebar-list a:visited,
	.desktop-expanded-sidebar .desktop-sidebar-list a:hover,
	.desktop-expanded-sidebar .desktop-sidebar-list a:focus-visible,
	.desktop-expanded-sidebar .desktop-sidebar-list a span {
		color: #000 !important;
	}

	.desktop-sidebar-list a:hover,
	.desktop-sidebar-list a:focus-visible,
	.desktop-sidebar-row:hover,
	.desktop-sidebar-row:focus-visible {
		background: #f2f2f2;
		color: #0f0f0f;
		outline: none;
	}

	.desktop-sidebar-avatar {
		width: 24px !important;
		height: 24px !important;
		flex: 0 0 24px;
		margin: 0 !important;
		border-radius: 50%;
		object-fit: cover;
	}

	.video-creator-avatar-placeholder.desktop-sidebar-avatar {
		display: inline-grid;
		place-items: center;
		background: #065fd4;
		color: #fff;
		font-size: 11px;
		font-weight: 700;
	}

	.desktop-sidebar-row i,
	.desktop-explore-list i {
		width: 24px;
		color: #202020;
		font-size: 17px;
		text-align: center;
	}

	.desktop-sidebar-show-more {
		display: flex;
		width: 100%;
		height: 34px;
		align-items: center;
		gap: 14px;
		margin-top: 4px;
		padding: 0 8px;
		border: 0;
		border-radius: 8px;
		background: transparent;
		color: #0f0f0f;
		font-family: inherit;
		font-size: 13px;
		text-align: left;
		cursor: pointer;
	}

	.desktop-sidebar-show-more:hover,
	.desktop-sidebar-show-more:focus-visible {
		background: #f2f2f2;
		outline: none;
	}

	.desktop-sidebar-show-more i {
		width: 24px;
		font-size: 19px;
		text-align: center;
	}

	.desktop-sidebar-empty,
	.desktop-history-note {
		margin: 0 8px 8px;
		color: #606060;
		font-size: 12px;
		line-height: 1.4;
	}

	.desktop-history-list {
		margin: 4px 0 0;
		padding: 0;
		list-style: none;
	}

	.desktop-history-list a {
		display: block;
		padding: 7px 8px;
		border-radius: 7px;
		color: #0f0f0f;
		font-size: 12px;
		line-height: 1.3;
		text-decoration: none;
	}

	.desktop-history-list a:hover,
	.desktop-history-list a:focus-visible {
		background: #f2f2f2;
		outline: none;
	}

	.desktop-category-bar {
		display: block;
		position: relative;
		z-index: 1;
		margin: 0 0 24px;
		padding-right: 42px;
		box-sizing: border-box;
		background: transparent;
		border: 0;
		border-radius: 0;
	}

	.desktop-category-scroll {
		max-width: 2100px;
		margin: 0 auto;
		padding: 0;
	}

	.desktop-category-list {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0;
		padding: 0;
		list-style: none;
		overflow-x: auto;
		scrollbar-width: none;
		white-space: nowrap;
	}

	.desktop-category-list::-webkit-scrollbar {
		display: none;
	}

	.desktop-category-item {
		flex: 0 0 auto;
		margin: 0;
	}

	.desktop-category-item a {
		display: flex;
		height: 32px;
		align-items: center;
		padding: 0 12px;
		border: 0;
		border-radius: 8px;
		background: #f2f2f2;
		color: #111 !important;
		font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: 500;
		line-height: 1;
		text-decoration: none;
		transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
	}

	.desktop-category-item a:hover,
	.desktop-category-item a:focus-visible {
		background: #e5e5e5;
		color: #111 !important;
		outline: none;
	}

	.desktop-category-item.is-current a {
		background: #111;
		color: #fff !important;
	}

	.desktop-category-item.is-current a:hover,
	.desktop-category-item.is-current a:focus-visible {
		background: #303030;
		color: #fff !important;
	}

	.desktop-category-next {
		display: inline-flex;
		position: absolute;
		top: 0;
		right: 0;
		width: 32px;
		height: 32px;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #fff;
		box-shadow: -5px 0 10px rgba(255, 255, 255, 0.95);
		color: #0f0f0f;
		font-size: 14px;
		cursor: pointer;
	}

	.desktop-category-next:hover,
	.desktop-category-next:focus-visible {
		background: #f2f2f2;
		color: #0f0f0f;
		outline: 0;
	}

	.desktop-category-next:disabled {
		color: #9a9a9a;
		cursor: default;
	}

	/* The category text now lives in the horizontal filter row. */
	.left-sidebar {
		display: none !important;
	}

	.home .site-content:before,
	.archive .site-content:before,
	.search .site-content:before {
		display: none !important;
	}

	.content-wrap {
		margin-left: 72px !important;
		padding: 32px 30px 44px !important;
		transition: margin-left 180ms ease;
	}

	.single-wrap {
		width: calc(100% - 72px);
		max-width: 1900px;
		margin-right: 0;
		margin-left: 72px;
		padding: 32px 30px 44px !important;
		transition: margin-left 180ms ease, width 180ms ease;
	}

	body.desktop-sidebar-is-expanded .content-wrap {
		margin-left: 240px !important;
	}

	body.desktop-sidebar-is-expanded .single-wrap {
		width: calc(100% - 240px);
		margin-left: 240px;
	}

	.admin-bar .content-wrap,
	.admin-bar .single-wrap {
		padding-top: 64px !important;
	}

	.video-feed-heading {
		margin: 0 0 20px;
	}

	.video-feed-heading h1,
	.content-block .section-heading h3 {
		border-left: 0;
		padding-left: 0;
		color: #0f0f0f;
		font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 1.2;
	}

	.content-loop,
	.content-block-1 .posts-loop {
		margin-left: -10px;
		margin-right: -10px;
	}

	.content-loop .hentry,
	.content-block-1 .hentry {
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 30px;
	}

	.content-loop .thumbnail-link,
	.content-block-1 .hentry .thumbnail-link {
		margin-bottom: 10px;
		overflow: hidden;
		border-radius: 12px;
		background: #e8e8e8;
	}

	.content-loop .thumbnail-link img,
	.content-block-1 .hentry .thumbnail-link img {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: cover;
		transition: transform 180ms ease;
	}

	.content-loop .hentry:hover .thumbnail-link img,
	.content-block-1 .hentry:hover .thumbnail-link img {
		transform: scale(1.025);
	}

	.content-loop .entry-header .entry-category,
	.content-block-1 .hentry .entry-category {
		margin-top: 0;
		margin-bottom: 5px;
		line-height: 1.2;
	}

	.content-loop .entry-header .entry-category a,
	.content-block-1 .hentry .entry-category a {
		color: #065fd4;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0;
		text-transform: none;
	}

	.content-loop .entry-title,
	.content-block-1 .hentry .entry-title {
		color: #0f0f0f;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.35;
	}

	.content-loop .entry-title a,
	.content-block-1 .hentry .entry-title a {
		color: #0f0f0f;
	}

	.content-loop .entry-title a:hover,
	.content-block-1 .hentry .entry-title a:hover {
		color: #065fd4;
	}

	.content-loop .entry-meta,
	.content-block-1 .hentry .entry-meta {
		margin-top: 5px;
		color: #606060;
		font-size: 13px;
		line-height: 1.25;
	}

	.video-duration {
		bottom: 6px;
		right: 6px;
		height: auto;
		padding: 3px 5px;
		border-radius: 4px;
		background: rgba(0, 0, 0, 0.82);
		font-size: 12px;
		font-weight: 600;
		line-height: 1;
	}

	.thumbnail-link .icon-play {
		bottom: auto;
		left: 50%;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		line-height: 39px;
		transform: translate(-50%, -50%);
		top: 50%;
	}

	/* Archive and search pages use the same uncluttered video-feed hierarchy. */
	.archive .breadcrumbs,
	.search .breadcrumbs {
		margin: 0 0 24px;
	}

	.archive .breadcrumbs-nav,
	.search .breadcrumbs-nav {
		display: none;
	}

	.archive .breadcrumbs h1,
	.search .breadcrumbs h1 {
		border-left: 0;
		padding-left: 0;
		color: #0f0f0f;
		font-size: 24px;
		font-weight: 700;
		line-height: 1.2;
	}

	/* Watch pages: video first, title and channel details beneath, recommendations at right. */
	.single #primary {
		width: 64.5%;
	}

	/*
	 * The legacy theme reserved a fixed 476px above every post for an
	 * absolutely positioned video. Keep the real 16:9 video height, but halve
	 * only the small spacer after it so the title stays below the video.
	 */
	.single article.post {
		padding-top: 0 !important;
	}

	.single article.post.has-embed {
		padding-top: calc(56.25% + 9px) !important;
	}

	.single article.post.has-embed .wp-video:nth-of-type(1),
	.single article.post.has-embed .wp-block-video,
	.single article.post.has-embed .first-video {
		top: 3px;
	}

	.single .sidebar {
		width: 32.5%;
		padding-top: 0;
	}

	.single .sidebar > .desktop-category-bar {
		margin-bottom: 16px;
	}

	.single .video-code {
		margin-top: 3px;
		margin-bottom: 14px;
		overflow: hidden;
		border-radius: 12px;
		background: #000;
	}

	.single article .entry-header {
		margin-top: 7px;
		margin-bottom: 12px;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.single h1.entry-title {
		color: #0f0f0f;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.35;
	}

	.single .entry-author {
		display: inline-flex;
		align-items: center;
		margin: 2px 18px 8px 0;
	}

	.single .entry-author .avatar {
		width: 36px;
		height: 36px;
		margin-right: 10px;
		border-radius: 50%;
		object-fit: cover;
	}

	.single .entry-author .video-creator-avatar-placeholder {
		display: inline-grid;
		place-items: center;
		flex: 0 0 36px;
		background: #065fd4;
		color: #fff;
		font-size: 15px;
		font-weight: 700;
	}

	/* Public creator channel: profile header with Videos and Shorts views. */
	.creator-channel-page {
		margin: 0;
	}

	.creator-channel-header {
		display: flex;
		align-items: flex-start;
		gap: 24px;
		padding: 0 10px 22px;
	}

	.creator-channel-avatar .video-creator-avatar,
	.creator-channel-avatar .video-creator-avatar-placeholder {
		display: grid;
		width: 136px;
		height: 136px;
		place-items: center;
		border-radius: 50%;
		object-fit: cover;
	}

	.creator-channel-avatar .video-creator-avatar-placeholder {
		background: #065fd4;
		color: #fff;
		font-size: 46px;
		font-weight: 700;
	}

	.creator-channel-details {
		min-width: 0;
		padding-top: 7px;
	}

	.creator-channel-title {
		margin: 0;
		color: #0f0f0f;
		font-size: 30px;
		font-weight: 700;
		line-height: 1.15;
	}

	.creator-channel-stats {
		margin: 7px 0 8px;
		color: #606060;
		font-size: 14px;
		line-height: 1.4;
	}

	.creator-channel-stats span {
		margin: 0 5px;
	}

	.creator-channel-description {
		max-width: 720px;
		color: #3f3f3f;
		font-size: 14px;
		line-height: 1.5;
	}

	.creator-channel-description p {
		margin: 0;
	}

	.creator-channel-tabs {
		display: flex;
		gap: 28px;
		min-height: 48px;
		padding: 0 10px;
		border-bottom: 1px solid #ddd;
	}

	.creator-channel-tab {
		display: inline-flex;
		align-items: center;
		min-height: 48px;
		border-bottom: 3px solid transparent;
		color: #606060;
		font-size: 14px;
		font-weight: 500;
		text-decoration: none;
	}

	.creator-channel-tab:hover,
	.creator-channel-tab:focus-visible {
		color: #0f0f0f;
		outline: none;
	}

	.creator-channel-tab.is-active {
		border-bottom-color: #0f0f0f;
		color: #0f0f0f;
		font-weight: 700;
	}

	.creator-channel-videos {
		padding-top: 24px;
	}

	.creator-channel-empty {
		margin: 0 10px;
		color: #606060;
	}

	/* Separate public creator directory, opened by the grid button in the rail. */
	.video-creators-heading {
		margin: 0 0 24px;
	}

	.video-creators-heading h1 {
		margin: 0 0 6px;
		color: #0f0f0f;
		font-size: 24px;
		font-weight: 700;
	}

	.video-creators-heading p {
		margin: 0;
		color: #606060;
	}

	.video-creators-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		gap: 18px;
	}

	.video-creator-card {
		display: flex;
		align-items: center;
		gap: 14px;
		min-height: 118px;
		padding: 18px;
		border: 1px solid #e5e5e5;
		border-radius: 12px;
		background: #fff;
	}

	.video-creator-card-avatar .video-creator-avatar {
		display: block;
		width: 72px;
		height: 72px;
		border-radius: 50%;
		object-fit: cover;
	}

	.video-creator-card-avatar .video-creator-avatar-placeholder {
		display: grid;
		place-items: center;
		background: #065fd4;
		color: #fff;
		font-size: 28px;
		font-weight: 700;
	}

	.video-creator-card-content {
		min-width: 0;
	}

	.video-creator-card h2 {
		margin: 0;
		color: #0f0f0f;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.3;
	}

	.video-creator-card h2 a {
		color: inherit;
		text-decoration: none;
	}

	.video-creator-video-count {
		margin: 4px 0 9px;
		color: #606060;
		font-size: 13px;
	}

	.video-creator-categories {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}

	.video-creator-categories a {
		padding: 3px 7px;
		border-radius: 5px;
		background: #f2f2f2;
		color: #333;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.3;
		text-decoration: none;
	}

	.video-creator-categories a:hover,
	.video-creator-categories a:focus-visible {
		background: #e5e5e5;
		color: #065fd4;
	}

	.single .entry-meta-bottom {
		margin-bottom: 20px;
		padding-top: 14px;
		border-top: 1px solid #e5e5e5;
	}

	.single article .entry-category a,
	.single article .entry-tags .tag-links a {
		border-radius: 8px;
		background: #f2f2f2;
		font-weight: 600;
	}

	.entry-related .hentry {
		display: block;
		margin-bottom: 16px;
	}

	.entry-related .hentry .thumbnail-link {
		float: left;
		width: 44%;
		margin: 0 12px 0 0;
		border-radius: 8px;
	}

	.entry-related .hentry .thumbnail-link img {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}

	.entry-related .hentry .entry-title {
		margin: 0 0 5px;
		font-size: 14px;
		line-height: 1.35;
	}

	.entry-related .hentry .entry-meta {
		display: inline-block;
		margin-top: 0;
		color: #606060;
		font-size: 12px;
		line-height: 1.25;
	}

	.post-bottom-related {
		border-top-color: #e5e5e5;
	}

	.post-bottom-related h3 {
		border-left: 0;
		padding-left: 0;
		font-size: 20px;
	}

	#site-bottom {
		margin-left: 72px;
		width: calc(100% - 72px);
		border-top: 1px solid #e5e5e5;
		background: #fff;
		color: #606060;
		padding: 20px 30px;
	}

	body.desktop-sidebar-is-expanded #site-bottom {
		width: calc(100% - 240px);
		margin-left: 240px;
	}

	#site-bottom .site-info,
	#site-bottom .site-info a,
	#site-bottom .footer-nav li a {
		color: #606060;
	}

	/* Header search suggestions: desktop only, like the compact YouTube list. */
	.header-search {
		overflow: visible;
		z-index: 30;
	}

	.header-search .search-suggestions {
		position: absolute;
		top: calc(100% + 8px);
		left: -1px;
		width: calc(100% + 2px);
		padding: 6px 0;
		background: #fff;
		border: 1px solid #e5e5e5;
		border-radius: 10px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
	}

	.header-search .search-suggestions[hidden] {
		display: none;
	}

	.header-search .search-suggestion {
		display: flex;
		align-items: center;
		gap: 14px;
		min-height: 40px;
		padding: 0 15px;
		color: #0f0f0f;
		font-size: 14px;
		line-height: 1.3;
		text-decoration: none;
	}

	.header-search .search-suggestion:hover,
	.header-search .search-suggestion:focus-visible {
		background: #f2f2f2;
		color: #0f0f0f;
		outline: 0;
	}

	.header-search .search-suggestion .genericon {
		color: #606060;
		font-size: 18px;
	}

	/* Pasted web links in a video description. */
	.single .entry-content .justvideo-detected-link {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		max-width: 100%;
		color: #0f0f0f !important;
		font-weight: 600;
		line-height: 1.35;
		text-decoration: none;
	}

	.single .entry-content .justvideo-detected-link:hover,
	.single .entry-content .justvideo-detected-link:focus-visible {
		color: #0f0f0f !important;
		text-decoration: underline;
	}

	.single .entry-content .justvideo-detected-link .fa-link {
		flex: 0 0 auto;
		font-size: 14px;
	}

	.single .entry-content .justvideo-detected-link-label {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}