/**
 * Beacon community — comment badges, founding wall, letter ack, reader tools.
 */

/* —— Comment badges —— */
.beacon-badge-stack-link {
	display: inline;
	text-decoration: none !important;
	border: 0;
	box-shadow: none;
	color: inherit;
	cursor: pointer;
}

.beacon-badge-stack-link:hover .beacon-supporter-badge,
.beacon-badge-stack-link:focus .beacon-supporter-badge {
	filter: brightness(1.12);
	box-shadow: 0 0 0 1px rgba(200, 146, 42, 0.7);
}

.beacon-badge-stack-link:hover .beacon-founding-badge,
.beacon-badge-stack-link:focus .beacon-founding-badge {
	filter: brightness(1.06);
	box-shadow: 0 0 0 1px rgba(255, 220, 120, 0.55);
}

.beacon-badge-stack-link:hover .beacon-tenure-badge,
.beacon-badge-stack-link:focus .beacon-tenure-badge {
	border-color: #c8922a;
	background: #fff3d6;
}

.beacon-badge-stack-link:hover .beacon-earn-badge,
.beacon-badge-stack-link:focus .beacon-earn-badge {
	filter: brightness(1.1);
}

.beacon-badge-stack {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin-left: 0.35rem;
	vertical-align: middle;
}

.beacon-supporter-badge,
.beacon-founding-badge,
.beacon-tenure-badge,
.beacon-earn-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	padding: 0.12rem 0.45rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.2;
	text-transform: uppercase;
	white-space: nowrap;
	vertical-align: middle;
}

.beacon-supporter-badge {
	background: linear-gradient(135deg, #1a2744, #0d3b66);
	color: #f0e6c8;
	border: 1px solid rgba(200, 146, 42, 0.55);
}

/* Founder badge (annual) — gold star */
.beacon-founding-badge {
	background: linear-gradient(135deg, #c8922a, #e0b040 55%, #a67a1a);
	color: #1a1205;
	border: 1px solid #8a6410;
	box-shadow: 0 0 0 1px rgba(255, 220, 120, 0.25);
}

.beacon-tenure-badge {
	background: #f5f0e6;
	color: #5c4a1f;
	border: 1px solid #d4c4a0;
}

/* —— Earned achievement badges —— */
.beacon-earn-badge {
	border: 1px solid transparent;
}

.beacon-earn-badge--voice {
	background: linear-gradient(135deg, #1e3a4c, #2a5a72);
	color: #d4eef8;
	border-color: rgba(100, 180, 220, 0.45);
}

.beacon-earn-badge--crier {
	background: linear-gradient(135deg, #4a2c0a, #8a4a12);
	color: #ffe8c8;
	border-color: rgba(232, 160, 64, 0.5);
}

.beacon-earn-badge--light {
	background: linear-gradient(135deg, #0d3b66, #1a6a9a 50%, #c8922a);
	color: #fff8e8;
	border-color: rgba(200, 146, 42, 0.65);
	box-shadow: 0 0 0 1px rgba(200, 146, 42, 0.2);
}

.beacon-earn-badge--foghorn {
	background: linear-gradient(135deg, #2a1840, #5c2d82 50%, #c8922a);
	color: #f8ecff;
	border-color: rgba(180, 120, 220, 0.55);
	box-shadow: 0 0 8px rgba(120, 60, 180, 0.25);
}

.beacon-earn-badge--pen {
	background: linear-gradient(135deg, #2c2418, #4a3c28);
	color: #f0e0c0;
	border-color: rgba(180, 150, 90, 0.5);
}

.beacon-earn-badge--editorial {
	background: linear-gradient(135deg, #1a2030, #3a4a6a 45%, #c8922a);
	color: #f5f0e6;
	border-color: rgba(200, 146, 42, 0.55);
}

.beacon-earn-badge--range {
	background: linear-gradient(135deg, #0f2e28, #1a5c4a);
	color: #d0f0e8;
	border-color: rgba(80, 180, 150, 0.45);
}

.beacon-earn-badge--map {
	background: linear-gradient(135deg, #0a2820, #146048 40%, #c8922a);
	color: #e8fff6;
	border-color: rgba(200, 146, 42, 0.4);
}

.beacon-earn-badge--library {
	background: linear-gradient(135deg, #2a2230, #4a3858);
	color: #ece0f8;
	border-color: rgba(160, 120, 200, 0.45);
}

.beacon-earn-badge--preview {
	background: transparent !important;
	color: #8a7a55 !important;
	border: 1px dashed #c4b48a !important;
	opacity: 0.88;
	box-shadow: none !important;
	filter: none !important;
}

body.beacon-dark-mode .beacon-earn-badge--preview {
	color: #c8b98a !important;
	border-color: #5c4a1f !important;
}

.beacon-identity-stats {
	margin: 0.35rem 0 0 !important;
	font-size: 0.85rem;
}

.beacon-badge-howto {
	margin: 0 0 1.15rem;
	padding: 0.9rem 1rem;
	border-radius: 10px;
	border: 1px solid #e8dfc8;
	background: linear-gradient(135deg, #fffdf7, #fff 70%);
}

.beacon-badge-howto-lead {
	margin: 0 0 0.65rem;
	font-size: 0.92rem;
	line-height: 1.5;
	color: #3d3420;
}

.beacon-badge-howto-list {
	margin: 0;
	padding: 0 0 0 1.15rem;
	font-size: 0.88rem;
	line-height: 1.5;
	color: #4a4335;
}

.beacon-badge-howto-list li {
	margin: 0 0 0.4rem;
}

.beacon-badge-howto-list li:last-child {
	margin-bottom: 0;
}

.beacon-badge-progress-list {
	list-style: none;
	margin: 0.35rem 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	width: 100%;
}

.beacon-badge-progress-item {
	padding: 0.75rem 0.85rem;
	border: 1px solid #ebe4d4;
	border-radius: 8px;
	background: #faf9f6;
}

.beacon-badge-progress-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	margin-bottom: 0.35rem;
}

.beacon-badge-progress-track {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #777;
}

.beacon-badge-progress-how,
.beacon-badge-progress-count {
	margin: 0 0 0.3rem !important;
	font-size: 0.88rem;
	line-height: 1.4;
	color: #555;
}

.beacon-badge-progress-count {
	font-weight: 600;
	color: #5c4a1f;
}

.beacon-badge-progress-bar {
	height: 6px;
	border-radius: 999px;
	background: #e8e0d0;
	overflow: hidden;
	margin-top: 0.35rem;
}

.beacon-badge-progress-fill {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, #c8922a, #e0b040);
	min-width: 0;
	transition: width 0.25s ease;
}

.beacon-identity-preview-row--catalog {
	padding-top: 0.75rem;
	border-top: 1px dashed #e0d8c4;
}

body.beacon-dark-mode .beacon-badge-howto {
	background: linear-gradient(135deg, #2a2418, #1c2230);
	border-color: #3a4254;
}

body.beacon-dark-mode .beacon-badge-howto-lead,
body.beacon-dark-mode .beacon-badge-howto-list {
	color: #c8cdd6;
}

body.beacon-dark-mode .beacon-badge-progress-item {
	background: #1c2230;
	border-color: #3a4254;
}

body.beacon-dark-mode .beacon-badge-progress-how {
	color: #a8b0bf;
}

body.beacon-dark-mode .beacon-badge-progress-count {
	color: #e8d9a8;
}

body.beacon-dark-mode .beacon-badge-progress-bar {
	background: #2e3648;
}

body.beacon-dark-mode .beacon-identity-preview-row--catalog {
	border-top-color: #3a4254;
}

.beacon-tenure-badge--preview {
	background: transparent;
	color: #8a7a55;
	border: 1px dashed #c4b48a;
	opacity: 0.85;
	position: relative;
}

.beacon-tenure-badge--preview::after {
	content: "";
	/* subtle "soon" affordance without extra text on every pill */
}

.beacon-identity-preview {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.beacon-identity-preview-row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
}

.beacon-identity-preview-label {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #777;
}

.beacon-identity-preview-row--upcoming {
	padding-top: 0.65rem;
	border-top: 1px dashed #e0d8c4;
}

.beacon-identity-badges-preview--upcoming {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: center;
}

.beacon-identity-preview-hint {
	margin: 0.15rem 0 0 !important;
}

body.beacon-dark-mode .beacon-identity-preview-label {
	color: #8b95a8;
}

/* —— Badge earned modal + confetti —— */
.beacon-badge-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
	box-sizing: border-box;
}

.beacon-badge-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 12, 20, 0.62);
	backdrop-filter: blur(3px);
}

.beacon-badge-modal-card {
	position: relative;
	z-index: 1;
	width: min(100%, 22rem);
	padding: 1.75rem 1.5rem 1.35rem;
	border-radius: 16px;
	text-align: center;
	background:
		radial-gradient(ellipse 80% 60% at 50% 0%, rgba(200, 146, 42, 0.22), transparent 55%),
		linear-gradient(165deg, #161c28 0%, #0c0f14 100%);
	border: 1px solid rgba(200, 146, 42, 0.45);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
	color: #eef0f4;
	animation: beacon-badge-pop 0.42s cubic-bezier(0.22, 1.2, 0.36, 1) both;
}

@keyframes beacon-badge-pop {
	from {
		opacity: 0;
		transform: scale(0.88) translateY(12px);
	}
	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

.beacon-badge-modal-kicker {
	margin: 0 0 0.65rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #c8922a;
}

.beacon-badge-modal-icon {
	font-size: 2.75rem;
	line-height: 1;
	margin: 0.25rem 0 0.5rem;
	filter: drop-shadow(0 4px 12px rgba(200, 146, 42, 0.35));
}

.beacon-badge-modal-name {
	margin: 0 0 0.45rem;
	font-size: 1.55rem;
	font-weight: 800;
	color: #fff;
	line-height: 1.2;
}

.beacon-badge-modal-desc {
	margin: 0 0 0.75rem;
	font-size: 0.95rem;
	line-height: 1.45;
	color: #b8c0d0;
}

.beacon-badge-modal-hint {
	margin: 0 0 1.15rem;
	font-size: 0.8rem;
	color: #8b95a8;
	line-height: 1.4;
}

.beacon-badge-modal-ok {
	min-width: 8rem;
}

body.beacon-badge-modal-open {
	overflow: hidden;
}

.beacon-confetti {
	pointer-events: none;
	position: fixed;
	inset: 0;
	z-index: 100001;
	overflow: hidden;
}

.beacon-confetti-piece {
	position: absolute;
	top: -12px;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	opacity: 0.95;
	animation-name: beacon-confetti-fall;
	animation-timing-function: cubic-bezier(0.22, 0.6, 0.35, 1);
	animation-fill-mode: forwards;
}

.beacon-confetti-piece--rect {
	width: 6px;
	height: 12px;
	border-radius: 1px;
}

@keyframes beacon-confetti-fall {
	0% {
		transform: translate3d(0, -5vh, 0) rotate(0deg);
		opacity: 1;
	}
	100% {
		transform: translate3d(var(--beacon-cx, 20px), 105vh, 0) rotate(720deg);
		opacity: 0.15;
	}
}

@media (prefers-reduced-motion: reduce) {
	.beacon-badge-modal-card {
		animation: none;
	}
	.beacon-confetti {
		display: none;
	}
}

body.beacon-dark-mode .beacon-identity-preview-row--upcoming {
	border-top-color: #3a4254;
}

body.beacon-dark-mode .beacon-tenure-badge--preview {
	color: #c8b98a;
	border-color: #5c4a1f;
}

.beacon-badge-icon {
	font-size: 0.85em;
	line-height: 1;
}

/* Highlight entire supporter comments */
.comment.beacon-comment-supporter,
li.comment.beacon-comment-supporter,
.td-comment.beacon-comment-supporter {
	position: relative;
	border-left: 3px solid #c8922a !important;
	padding-left: 0.75rem !important;
	background: linear-gradient(90deg, rgba(200, 146, 42, 0.08), transparent 60%);
	border-radius: 0 6px 6px 0;
}

.comment.beacon-comment-founding,
li.comment.beacon-comment-founding {
	border-left-color: #e0b040 !important;
	background: linear-gradient(90deg, rgba(224, 176, 64, 0.14), transparent 65%);
	box-shadow: inset 0 0 0 1px rgba(200, 146, 42, 0.12);
}

body.beacon-dark-mode .comment.beacon-comment-supporter,
body.beacon-dark-mode li.comment.beacon-comment-supporter {
	background: linear-gradient(90deg, rgba(200, 146, 42, 0.12), transparent 60%);
}

body.beacon-dark-mode .beacon-tenure-badge {
	background: #2a2430;
	color: #e8d9a8;
	border-color: #5c4a1f;
}

/* —— Letter acknowledgment —— */
.beacon-letter-ack {
	margin: 0 0 1.25rem;
	padding: 0.9rem 1rem;
	border-radius: 10px;
	border: 1px solid rgba(200, 146, 42, 0.45);
	background: linear-gradient(135deg, #fff9ec, #fff 55%);
}

.beacon-letter-ack--founding {
	border-color: #c8922a;
	background: linear-gradient(135deg, #fff3d4, #fffaf0 50%, #fff);
	box-shadow: 0 4px 16px rgba(200, 146, 42, 0.12);
}

.beacon-letter-ack-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem 1rem;
}

.beacon-letter-ack-text {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.45;
	color: #3d3420;
	flex: 1 1 220px;
}

.beacon-letter-ack-cta {
	display: inline-block;
	margin-left: 0.35rem;
	font-weight: 700;
	color: #8a6410;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.beacon-letter-ack-cta:hover {
	color: #c8922a;
}

body.beacon-dark-mode .beacon-letter-ack {
	background: linear-gradient(135deg, #2a2418, #1c2230);
	border-color: rgba(200, 146, 42, 0.5);
}

body.beacon-dark-mode .beacon-letter-ack-text {
	color: #e6e0d0;
}

/* Letter posts in lists */
.beacon-supporter-letter .entry-title a::after,
.post.beacon-supporter-letter .td-module-title a::after {
	content: " ★";
	color: #c8922a;
	font-weight: 700;
}

/* —— Founding Wall —— */
.beacon-founding-wall {
	max-width: 980px;
	margin: 0 auto;
	padding: 1.5rem 1rem 2.5rem;
	position: relative;
}

.beacon-wall-hero {
	position: relative;
	text-align: center;
	padding: 2.25rem 1.25rem 1.75rem;
	margin-bottom: 1.75rem;
	border-radius: 16px;
	overflow: hidden;
	background:
		radial-gradient(ellipse 80% 70% at 50% 0%, rgba(200, 146, 42, 0.28), transparent 55%),
		linear-gradient(165deg, #0c0f14 0%, #161c28 50%, #0c0f14 100%);
	color: #eef0f4;
	border: 1px solid rgba(200, 146, 42, 0.35);
}

.beacon-wall-hero-glow {
	position: absolute;
	inset: auto 20% -40% 20%;
	height: 80%;
	background: radial-gradient(circle, rgba(200, 146, 42, 0.2), transparent 70%);
	pointer-events: none;
}

.beacon-wall-kicker {
	margin: 0 0 0.5rem;
	font-size: 0.78rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #c8922a;
	position: relative;
}

.beacon-wall-title {
	margin: 0 0 0.75rem;
	font-size: clamp(1.6rem, 4vw, 2.15rem);
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #fff;
	position: relative;
}

.beacon-wall-star {
	color: #e0b040;
	margin-right: 0.25rem;
}

.beacon-wall-lede {
	margin: 0 auto;
	max-width: 36rem;
	font-size: 1.02rem;
	line-height: 1.55;
	color: #b8c0d0;
	position: relative;
}

.beacon-wall-count {
	margin: 1rem 0 0;
	font-size: 0.9rem;
	font-weight: 600;
	color: #e0b040;
	position: relative;
}

.beacon-wall-grid {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 0.85rem;
}

.beacon-wall-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	padding: 1rem 0.95rem;
	border-radius: 12px;
	background: #faf8f4;
	border: 1px solid #e8dfc8;
	box-shadow: 0 2px 8px rgba(20, 16, 8, 0.04);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.beacon-wall-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(20, 16, 8, 0.08);
}

.beacon-wall-card--0 { border-top: 3px solid #c8922a; }
.beacon-wall-card--1 { border-top: 3px solid #0d3b66; }
.beacon-wall-card--2 { border-top: 3px solid #2e6b4f; }
.beacon-wall-card--3 { border-top: 3px solid #8b4513; }
.beacon-wall-card--4 { border-top: 3px solid #5c4a8a; }

.beacon-wall-card-icon {
	color: #c8922a;
	font-size: 1rem;
	line-height: 1;
}

.beacon-wall-card-name {
	font-weight: 700;
	font-size: 1rem;
	color: #1a1a2e;
	word-break: break-word;
}

.beacon-wall-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.6rem;
	font-size: 0.78rem;
	color: #666;
}

.beacon-wall-card-tenure {
	font-weight: 600;
	color: #8a6a20;
}

.beacon-wall-empty {
	text-align: center;
	padding: 2rem 1rem;
	background: #f8f8f8;
	border-radius: 12px;
	border: 1px dashed #d0d0d0;
	margin-bottom: 1.5rem;
}

.beacon-wall-footer {
	text-align: center;
	padding-top: 0.5rem;
	border-top: 1px solid #e8e8e8;
}

.beacon-wall-footer p {
	margin: 0 0 1rem;
	font-size: 0.9rem;
	color: #666;
}

.beacon-wall-footer-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	justify-content: center;
}

body.beacon-dark-mode .beacon-wall-card {
	background: #1a2030;
	border-color: #2e3648;
	color: #eef0f4;
}

body.beacon-dark-mode .beacon-wall-card-name {
	color: #eef0f4;
}

body.beacon-dark-mode .beacon-wall-card-meta {
	color: #8b95a8;
}

body.beacon-dark-mode .beacon-wall-footer {
	border-top-color: #2e3648;
}

body.beacon-dark-mode .beacon-wall-footer p {
	color: #8b95a8;
}

body.beacon-dark-mode .beacon-wall-empty {
	background: #1a2030;
	border-color: #2e3648;
	color: #c8cdd6;
}

/* —— Reading progress —— */
.beacon-reading-progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	width: 0;
	z-index: 100100;
	background: linear-gradient(90deg, #c8922a, #e0b040);
	pointer-events: none;
	box-shadow: 0 0 8px rgba(200, 146, 42, 0.45);
	transition: width 0.05s linear;
}

body.beacon-has-supporter-bar.beacon-reading-progress .beacon-reading-progress {
	top: 40px;
}

body.admin-bar.beacon-has-supporter-bar.beacon-reading-progress .beacon-reading-progress,
body.beacon-supporter-bar-under-admin.beacon-reading-progress .beacon-reading-progress {
	top: 72px;
}

@media screen and (max-width: 782px) {
	body.admin-bar.beacon-has-supporter-bar.beacon-reading-progress .beacon-reading-progress,
	body.beacon-supporter-bar-under-admin.beacon-reading-progress .beacon-reading-progress {
		top: 86px;
	}
}

/* —— Focus mode (single articles) —— */
body.beacon-premium-user.beacon-focus-mode.single .td-ss-row > .td-pb-span4,
body.beacon-premium-user.beacon-focus-mode.single .td-ss-row > .wpb_column.td-pb-span4,
body.beacon-premium-user.beacon-focus-mode.single .td-main-sidebar,
body.beacon-premium-user.beacon-focus-mode.single aside.sidebar,
body.beacon-premium-user.beacon-focus-mode.single .td-pb-span4.td-main-sidebar,
body.beacon-premium-user.beacon-focus-mode.single .tdc-sidebar-sticky {
	display: none !important;
}

body.beacon-premium-user.beacon-focus-mode.single .td-ss-row > .td-pb-span8,
body.beacon-premium-user.beacon-focus-mode.single .td-ss-main-content,
body.beacon-premium-user.beacon-focus-mode.single .td-pb-span8 {
	width: 100% !important;
	max-width: 42rem;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

/* —— Font scale (article bodies) —— */
body.beacon-premium-user {
	--beacon-font-scale: 1;
}

body.beacon-premium-user.single .td-post-content,
body.beacon-premium-user.single .tdb_single_content,
body.beacon-premium-user.single .td-post-content p,
body.beacon-premium-user.single .tdb_single_content p,
body.beacon-premium-user.single .td-post-content li,
body.beacon-premium-user.single .tdb_single_content li {
	font-size: calc(1em * var(--beacon-font-scale, 1)) !important;
}

/* Print button styles live with toolbar in settings-panel.css (aligned with Save / Listen). */

/*
 * Fallback page-print styles (used only if clean iframe print cannot build).
 * Prefer article-tools.js clean print document: one logo + title + images + text.
 */
@media print {
	.beacon-supporter-bar,
	.beacon-reading-progress,
	.beacon-article-toolbar,
	.beacon-save-article-btn,
	.beacon-print-story-btn,
	.beacon-tool-btn,
	.beacon-clip-hint,
	.beacon-clip-pop,
	#beacon-print-frame,
	.td-header-wrap,
	.td-header-menu-wrap,
	.td-header-top-menu-full,
	.td-header-sp-logo,
	.td-header-logo-wrap,
	.td-mobile-container,
	#td-mobile-nav,
	.td-footer-wrapper,
	.td-main-sidebar,
	.tdc-sidebar-sticky,
	aside.sidebar,
	.td-post-sharing,
	.td-post-sharing-top,
	.td-post-sharing-bottom,
	.td-post-next-prev,
	.td_block_related_posts,
	[class*="tdb_single_related"],
	#comments,
	.comment-respond,
	.td-a-rec,
	.td-g-rec,
	.adsbygoogle,
	.td-scroll-up,
	#td-scroll-up,
	.td-more-articles-box,
	.back-to-top,
	#wpadminbar,
	.td-crumb-container,
	.entry-crumbs,
	[class*="tdb_breadcrumbs"],
	.td-post-views,
	[class*="tdb_single_post_views"],
	[class*="tdb_single_comments_count"] {
		display: none !important;
	}

	/* One logo only: hide secondary/retina/mobile logo clones in any leftover header */
	body.single .td-main-logo img + img,
	body.single .td-header-style-1 .td-logo-in-header img:nth-child(n+2),
	body.single .td-mobile-logo,
	body.single .td-logo-in-menu {
		display: none !important;
	}

	html, body {
		background: #fff !important;
		color: #000 !important;
	}

	body.beacon-premium-user.single .td-ss-main-content,
	body.beacon-premium-user.single .td-post-content,
	body.beacon-premium-user.single .tdb_single_content {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		color: #000 !important;
		background: #fff !important;
	}

	body.single img {
		max-width: 100% !important;
		height: auto !important;
	}
}

.beacon-follow-toggles {
	margin-top: 0.35rem;
}

/* Community prefs on My Beacon */
.beacon-identity-card .beacon-section-toggle {
	margin-top: 0.65rem;
}

.beacon-identity-badges-preview {
	margin: 0 0 0.5rem;
}