/* =================================================================
   121WATT Online-Marketing-News (Shine Layout)
   Geladen nur fuer Page online-marketing-news ueber tpl-121stunden.php.
   Tokens uebernommen aus Lovable-Projekt (Newsletter.tsx + index.css):
   primary #E87722, cta #97CB51, radius 12px, Source Sans 3 + Playfair.
   ================================================================= */

/* Fonts werden via wp_enqueue_style + preconnect in den Templates geladen.
   Zusaetzlich Fallback-Fonts mit metric overrides, damit beim Font-Swap
   keine Layout-Shifts (CLS) entstehen. Werte stammen aus Tools wie fontaine. */

@font-face {
	font-family: 'Source Sans Fallback';
	src: local('Arial');
	ascent-override: 96.31%;
	descent-override: 26.34%;
	line-gap-override: 0%;
	size-adjust: 95.18%;
}

@font-face {
	font-family: 'Playfair Fallback';
	src: local('Georgia');
	ascent-override: 102.18%;
	descent-override: 27.20%;
	line-gap-override: 0%;
	size-adjust: 109.31%;
}

.news-shine {
	--ns-primary:        #e87722;
	--ns-primary-soft:   rgba(232,119,34,0.10);
	--ns-primary-border: rgba(232,119,34,0.20);
	--ns-primary-hover:  rgba(232,119,34,0.30);
	--ns-cta:            #97cb51;
	--ns-fg:             #2a3142;
	--ns-fg-muted:       #6c7280;
	--ns-bg:             #ffffff;
	--ns-bg-muted:       #f5f3f0;
	--ns-border:         #e9e4dd;
	--ns-radius:         12px;
	--ns-shadow-soft:    0 4px 20px -4px rgba(42,49,66,0.08);
	--ns-shadow-card:    0 8px 30px -8px rgba(42,49,66,0.12);
	--ns-hero-grad:      linear-gradient(135deg, rgba(232,119,34,0.10) 0%, #f7f4ee 100%);
	font-family: 'Source Sans 3', 'Source Sans Fallback', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	color: var(--ns-fg);
	line-height: 1.55;
	font-size: 16px;
	margin: 0;
}

.news-shine *,
.news-shine *::before,
.news-shine *::after { box-sizing: border-box; }

.news-shine__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ===== Hero ===== */

.news-shine__hero {
	background: var(--ns-hero-grad);
	padding: 48px 0 56px;
	/* Full-bleed: aus innerwrap (max-width:95%) ausbrechen */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.news-shine__subnav {
	font-size: 14px;
	color: var(--ns-fg);
	margin: 0 0 32px;
	text-align: center;
}
.news-shine__subnav strong { color: var(--ns-fg); }
.news-shine__subnav .is-active {
	color: var(--ns-fg);
	font-weight: 500;
}
.news-shine__subnav a {
	color: var(--ns-primary);
	text-decoration: none;
}
.news-shine__subnav a:hover { text-decoration: underline; }
.news-shine__subnav-sep {
	color: var(--ns-fg-muted);
	margin: 0 6px;
}

.news-shine__hero-inner {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}

.news-shine__hero-banner {
	margin-bottom: 20px;
}
.news-shine__hero-banner img {
	height: 110px;
	width: auto;
	max-width: 100%;
}

.news-shine h1.news-shine__h1 {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 1;
	color: var(--ns-fg);
	margin: 0 0 16px;
	/* Theme zwingt left-align + linken orangen Border auf H1 — hier neutralisieren */
	text-align: center;
	border: 0;
	padding: 0;
}

.news-shine__lead {
	font-size: 18px;
	color: var(--ns-fg-muted);
	margin: 0;
}

/* ===== Main / Grid ===== */

.news-shine__main { padding: 48px 0 64px; }

.news-shine__grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 48px;
	align-items: start;
}

.news-shine__col-content { min-width: 0; }
.news-shine__col-sidebar {
	min-width: 0;
	/* Reset old theme aside-rules (float/width) on staging. */
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	display: block;
	/* Sticky: bleibt unter dem site-header-wrapper (140px sticky) kleben */
	position: sticky;
	top: 160px;
	align-self: start;
}

.news-shine__intro {
	margin-bottom: 32px;
	color: var(--ns-fg);
}
.news-shine__intro p { margin: 0 0 12px; }

/* ===== Card base ===== */

.news-shine__card {
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius);
	padding: 24px;
	box-shadow: var(--ns-shadow-soft);
}

.news-shine__card-title {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-weight: 700;
	font-size: 20px;
	color: var(--ns-fg);
	margin: 0 0 6px;
}

.news-shine__card-lead {
	font-size: 14px;
	color: var(--ns-fg-muted);
	margin: 0 0 20px;
}

/* ===== Themen-Pills ===== */

.news-shine__topics { margin-bottom: 40px; }

.news-shine__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.news-shine__pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 999px;
	text-decoration: none;
	transition: border-color .2s, box-shadow .2s, transform .2s;
}
.news-shine__pill:hover {
	border-color: var(--ns-primary-border);
	box-shadow: var(--ns-shadow-soft);
}

.news-shine__pill-label {
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-fg);
	transition: color .2s;
}
.news-shine__pill:hover .news-shine__pill-label { color: var(--ns-primary); }

.news-shine__pill-count {
	font-size: 12px;
	font-weight: 600;
	color: var(--ns-fg-muted);
	background: var(--ns-bg-muted);
	padding: 2px 8px;
	border-radius: 999px;
	transition: background .2s, color .2s;
}
.news-shine__pill:hover .news-shine__pill-count {
	background: var(--ns-primary-soft);
	color: var(--ns-primary);
}

/* ===== Ausgaben (Editions) ===== */

.news-shine__editions-head { margin-bottom: 24px; }

.news-shine__h2 {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--ns-fg);
	margin: 0 0 8px;
	line-height: 1.2;
}
.news-shine__h2-lead {
	font-size: 16px;
	color: var(--ns-fg-muted);
	margin: 0;
}

.news-shine__editions {
	display: flex;
	flex-direction: column;
	gap: 16px;
	/* Off-screen Cards muessen erst gerendert werden wenn sichtbar.
	   Spart Layout-/Paint-Zeit massiv bei 100+ Cards. */
	content-visibility: auto;
	contain-intrinsic-size: auto 200px;
}

.news-shine__edition {
	display: flex;
	gap: 16px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: var(--ns-radius);
	padding: 24px;
	text-decoration: none;
	color: inherit;
	transition: border-color .2s, box-shadow .2s, transform .2s;
	contain-intrinsic-size: auto 200px;
}
.news-shine__edition:hover {
	border-color: var(--ns-primary-border);
	box-shadow: var(--ns-shadow-card);
}
.news-shine__edition.is-latest {
	background: rgba(232,119,34,0.05);
	border-color: var(--ns-primary-border);
}

.news-shine__edition-icon {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: var(--ns-radius);
	background: var(--ns-primary-soft);
	color: var(--ns-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s;
}
.news-shine__edition-icon svg {
	width: 32px;
	height: 32px;
}
.news-shine__edition:hover .news-shine__edition-icon {
	background: var(--ns-primary-hover);
}

.news-shine__edition-body { flex: 1; min-width: 0; }

.news-shine__badge {
	display: inline-block;
	padding: 4px 8px;
	background: var(--ns-primary);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	border-radius: 4px;
	margin-bottom: 8px;
}

.news-shine__edition-title {
	font-family: 'Source Sans 3', 'Source Sans Fallback', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: var(--ns-fg);
	margin: 0 0 6px;
	transition: color .2s;
}
.news-shine__edition:hover .news-shine__edition-title { color: var(--ns-primary); }

.news-shine__edition-meta {
	font-size: 13px;
	color: var(--ns-fg-muted);
	margin: 0 0 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.news-shine__edition-meta svg {
	width: 14px;
	height: 14px;
}

.news-shine__edition-excerpt {
	font-size: 14px;
	color: var(--ns-fg-muted);
	margin: 0 0 10px;
	line-height: 1.5;
}

.news-shine__edition-cta {
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-primary);
}
.news-shine__edition:hover .news-shine__edition-cta { text-decoration: underline; }

/* ===== Sidebar / Signup ===== */

.news-shine__signup { padding: 24px; }

.news-shine__signup-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	background: var(--ns-primary-soft);
	border: 1px solid var(--ns-primary-border);
	border-radius: 999px;
	margin-bottom: 16px;
}

.news-shine__pulse {
	position: relative;
	display: inline-flex;
	width: 10px;
	height: 10px;
}
.news-shine__pulse span:first-child {
	position: absolute;
	inset: 0;
	border-radius: 999px;
	background: var(--ns-primary);
	opacity: .75;
	animation: news-shine-ping 1.6s cubic-bezier(0,0,.2,1) infinite;
}
.news-shine__pulse span:last-child {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--ns-primary);
}
@keyframes news-shine-ping {
	75%, 100% { transform: scale(2); opacity: 0; }
}

.news-shine__signup-badge-text {
	font-size: 12px;
	font-weight: 600;
	color: var(--ns-primary);
}

.news-shine__signup-title {
	font-family: 'Source Sans 3', 'Source Sans Fallback', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: var(--ns-fg);
	margin: 0 0 8px;
}

.news-shine__signup-lead {
	font-size: 14px;
	color: var(--ns-fg-muted);
	margin: 0 0 20px;
	line-height: 1.55;
}
.news-shine__signup-lead strong { color: var(--ns-fg); }

/* ===== Gravity Form Reskin ===== */

.news-shine__form .gform_wrapper { margin: 0; }
.news-shine__form .gform_wrapper form { margin: 0; }
.news-shine__form .gform_fields {
	display: flex !important;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.news-shine__form .gfield {
	padding: 0 !important;
	margin: 0 !important;
}
.news-shine__form .gfield_label { display: none !important; }
.news-shine__form .ginput_container input[type="text"],
.news-shine__form .ginput_container input[type="email"] {
	width: 100% !important;
	height: 40px !important;
	padding: 8px 12px !important;
	font-size: 14px !important;
	font-family: inherit !important;
	color: var(--ns-fg) !important;
	background: var(--ns-bg) !important;
	border: 1px solid var(--ns-border) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	transition: border-color .2s, box-shadow .2s;
}
.news-shine__form .ginput_container input:focus {
	outline: none !important;
	border-color: var(--ns-cta) !important;
	box-shadow: 0 0 0 3px rgba(151,203,81,0.20) !important;
}
.news-shine__form .gform_footer {
	padding: 12px 0 0 0 !important;
	margin: 0 !important;
}
.news-shine .news-shine__form input.gform_button {
	width: 100% !important;
	height: 44px !important;
	padding: 8px 24px !important;
	background: var(--ns-cta) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border: none !important;
	border-radius: 12px !important;
	cursor: pointer !important;
	transition: background .2s, transform .2s, box-shadow .2s;
}
.news-shine__form .gform_button:hover {
	background: #88be3f !important;
	box-shadow: 0 8px 25px -5px rgba(151,203,81,0.40) !important;
}
.news-shine__form .gform_button:active { transform: translateY(1px); }
.news-shine__form .gform_validation_errors,
.news-shine__form .validation_message {
	font-size: 13px;
	color: #b00020;
	margin-top: 4px;
}

.news-shine__signup-checks {
	list-style: none;
	padding: 0;
	margin: 16px 0 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.news-shine__signup-checks li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--ns-fg-muted);
}
.news-shine__signup-checks svg {
	width: 16px;
	height: 16px;
	color: var(--ns-cta);
	flex-shrink: 0;
}

.news-shine__signup-fineprint {
	font-size: 12px;
	color: var(--ns-fg-muted);
	line-height: 1.55;
	margin: 16px 0 0;
	padding-top: 16px;
	border-top: 1px solid var(--ns-border);
}
.news-shine__signup-fineprint a {
	color: var(--ns-primary);
	text-decoration: none;
}
.news-shine__signup-fineprint a:hover { text-decoration: underline; }

/* ===== Single Edition: Overline + Back-Link ===== */

.news-shine__overline {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--ns-primary);
	margin-bottom: 12px;
}

.news-shine__back-link {
	margin: 20px 0 0;
	font-size: 14px;
}
.news-shine__back-link a {
	color: var(--ns-primary);
	text-decoration: none;
}
.news-shine__back-link a:hover { text-decoration: underline; }

.news-shine__term-desc {
	margin-top: 12px;
	font-size: 17px;
	color: var(--ns-fg-muted);
}
.news-shine__term-desc p { margin: 0 0 8px; }
.news-shine__term-desc p:last-child { margin-bottom: 0; }

/* ===== Level-Filter Pills ===== */

.news-shine__level-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 24px;
}
.news-shine__level-label {
	font-size: 14px;
	color: var(--ns-fg-muted);
	margin-right: 4px;
}
.news-shine__level-pill {
	display: inline-flex;
	align-items: center;
	padding: 6px 16px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-fg);
	text-decoration: none;
	transition: border-color .2s, background .2s, color .2s;
}
.news-shine__level-pill:hover {
	border-color: var(--ns-primary-border);
	color: var(--ns-primary);
}
.news-shine__level-pill.is-active {
	background: var(--ns-primary);
	border-color: var(--ns-primary);
	color: #fff;
}
.news-shine__level-pill.is-active:hover { color: #fff; }

/* ===== TOC-Card ===== */

.news-shine__toc { margin-bottom: 32px; }
.news-shine__toc-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
}
.news-shine__toc-list li {
	padding-left: 18px;
	position: relative;
}
.news-shine__toc-list li::before {
	content: '\203A';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--ns-primary);
	font-weight: 700;
}
.news-shine__toc-list a {
	color: var(--ns-fg);
	text-decoration: none;
	font-size: 15px;
}
.news-shine__toc-list a:hover {
	color: var(--ns-primary);
	text-decoration: underline;
}

/* ===== Beitrags-Cards (Single Edition) ===== */

.news-shine__post { scroll-margin-top: 170px; }

.news-shine__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 10px;
}
.news-shine__tag {
	display: inline-block;
	padding: 2px 10px;
	background: var(--ns-bg-muted);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	color: var(--ns-fg-muted);
	text-decoration: none;
	transition: background .2s, color .2s;
}
.news-shine__tag:hover {
	background: var(--ns-primary-soft);
	color: var(--ns-primary);
}

.news-shine__edition-title a {
	color: inherit;
	text-decoration: none;
}
.news-shine__post:hover .news-shine__edition-title a { color: var(--ns-primary); }

.news-shine__edition-cta {
	display: inline-block;
	margin-top: 8px;
	color: var(--ns-primary);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}
.news-shine__edition-cta:hover { text-decoration: underline; }

/* ===== Pagination (square boxes) ===== */

.news-shine__pagination { margin-top: 32px; }
.news-shine__pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	align-items: center;
}
.news-shine__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 6px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 6px;
	color: var(--ns-fg);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: border-color .2s, background .2s, color .2s;
}
.news-shine__pagination .page-numbers:hover {
	border-color: var(--ns-primary-border);
	color: var(--ns-primary);
}
.news-shine__pagination .page-numbers.current {
	background: var(--ns-primary);
	border-color: var(--ns-primary);
	color: #fff;
}
/* Prev/Next dürfen breiter sein (Pfeil + Text) */
.news-shine__pagination .page-numbers.prev,
.news-shine__pagination .page-numbers.next {
	padding: 0 12px;
}
.news-shine__pagination .page-numbers.dots {
	border: 0;
	background: transparent;
	min-width: auto;
}

/* ===== Sort-UI ===== */

.news-shine__sort {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 20px;
	font-size: 14px;
}
.news-shine__sort-label {
	color: var(--ns-fg-muted);
	margin-right: 4px;
}
.news-shine__sort-link {
	color: var(--ns-primary);
	text-decoration: none;
	font-weight: 500;
}
.news-shine__sort-link:hover { text-decoration: underline; }
.news-shine__sort-link.is-active {
	color: var(--ns-fg);
	pointer-events: none;
}
.news-shine__sort-sep {
	color: var(--ns-border);
}

/* ===== Sidebar (Edition) — NICHT sticky ===== */

.news-shine__col-sidebar--edition {
	position: static;
	top: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.news-shine__sidebar-card { padding: 20px; }

.news-shine__sidebar-title {
	font-family: 'Source Sans 3', 'Source Sans Fallback', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--ns-fg);
	margin: 0 0 12px;
}

.news-shine__sidebar-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.news-shine__sidebar-list li {
	padding-left: 14px;
	position: relative;
	font-size: 14px;
	line-height: 1.4;
}
.news-shine__sidebar-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 999px;
	background: var(--ns-primary);
}
.news-shine__sidebar-list a {
	color: var(--ns-fg);
	text-decoration: none;
	transition: color .2s;
}
.news-shine__sidebar-list a:hover { color: var(--ns-primary); }
.news-shine__sidebar-list li.is-current a {
	color: var(--ns-primary);
	font-weight: 600;
}
.news-shine__sidebar-current-mark { color: var(--ns-primary); }
.news-shine__sidebar-list a {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: baseline;
}
.news-shine__sidebar-count {
	flex: 0 0 auto;
	min-width: 22px;
	height: 22px;
	padding: 0 7px;
	border-radius: 11px;
	background: var(--ns-bg-soft, #f3f4f6);
	color: var(--ns-fg-muted, #6b7280);
	font-size: 11px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	letter-spacing: .02em;
	transition: background .2s, color .2s;
}
.news-shine__sidebar-list a:hover .news-shine__sidebar-count {
	background: var(--ns-primary);
	color: #fff;
}

.news-shine__sidebar-all {
	display: inline-block;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 600;
	color: var(--ns-primary);
	text-decoration: none;
}
.news-shine__sidebar-all:hover { text-decoration: underline; }

/* ===== Collapsible Newsletter-Anmeldung ===== */

.news-shine__signup-collapse { padding: 0; overflow: hidden; }
.news-shine__signup-collapse summary {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	cursor: pointer;
	list-style: none;
	user-select: none;
}
.news-shine__signup-collapse summary::-webkit-details-marker { display: none; }
.news-shine__signup-collapse summary::marker { display: none; }

.news-shine__signup-collapse-title {
	font-weight: 700;
	font-size: 16px;
	color: var(--ns-fg);
	flex: 1;
	min-width: 0;
}
.news-shine__signup-collapse-hint {
	font-size: 12px;
	color: var(--ns-fg-muted);
	white-space: nowrap;
}
.news-shine__signup-collapse-chevron {
	width: 18px;
	height: 18px;
	color: var(--ns-fg-muted);
	transition: transform .2s;
	flex-shrink: 0;
}
.news-shine__signup-collapse[open] .news-shine__signup-collapse-chevron { transform: rotate(180deg); }

.news-shine__signup-collapse-body {
	padding: 0 20px 20px;
	border-top: 1px solid var(--ns-border);
	padding-top: 16px;
}
.news-shine__signup-collapse-body .news-shine__signup-lead {
	font-size: 13px;
	margin: 0 0 14px;
}

/* ===== Sidebar mit mehreren gestapelten Cards (Podcast-/Blog-Overview) ===== */

.news-shine__col-sidebar--stacked > * + * {
	margin-top: 24px;
}

/* ===== Blog-Cards: Author-Avatar links ===== */

.news-shine__blog-avatar {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: 999px;
	overflow: hidden;
	background: var(--ns-bg-muted);
}
.news-shine__blog-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.news-shine__blogpost {
	/* Stretched-Link-Container: ganze Card wird via H2-Link klickbar */
	position: relative;
}
.news-shine__blogpost .news-shine__edition-title {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 700;
	margin: 0 0 6px;
	color: var(--ns-fg);
	transition: color .2s;
}
.news-shine__blogpost .news-shine__edition-title a::before {
	/* Unsichtbares Overlay deckt ganze Card ab */
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}
/* Inline-Links innerhalb der Card (Kategorie + moretag) ueber dem Overlay halten */
.news-shine__blogpost .news-shine__blog-category,
.news-shine__blogpost .news-shine__edition-excerpt a {
	position: relative;
	z-index: 2;
}
.news-shine__blogpost:hover .news-shine__edition-title { color: var(--ns-primary); }
.news-shine__blogpost:hover {
	border-color: var(--ns-primary-border);
	box-shadow: var(--ns-shadow-card);
}

.news-shine__blog-meta {
	font-size: 13px;
	color: var(--ns-fg-muted);
	margin: 0 0 10px;
}
.news-shine__blog-author { color: var(--ns-fg); font-weight: 500; }
.news-shine__blog-meta-sep { margin: 0 6px; color: var(--ns-border); }
.news-shine__blog-category { color: var(--ns-primary); font-weight: 500; }

/* ===== Sidebar-Head mit RSS-Icon ===== */

.news-shine__sidebar-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
.news-shine__sidebar-head .news-shine__sidebar-title { margin: 0; }

.news-shine__rss {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 8px;
	background: #ff7e00;
	color: #fff;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	transition: opacity .2s, transform .2s;
}
.news-shine__rss:hover { opacity: 0.85; transform: translateY(-1px); }
.news-shine__rss svg { width: 12px; height: 12px; display: block; }
.news-shine__rss-label { line-height: 1; }

/* ===== Sidebar Blog-Kategorien Liste ===== */

.news-shine__blog-cats li::before { display: none; }
.news-shine__blog-cats li { padding-left: 0; }
.news-shine__blog-cats a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 6px 0;
	font-size: 14px;
	color: var(--ns-fg);
	border-bottom: 1px solid var(--ns-border);
}
.news-shine__blog-cats li:last-child a { border-bottom: 0; }
.news-shine__blog-cats a:hover .news-shine__blog-cat-name { color: var(--ns-primary); }
.news-shine__blog-cat-count {
	font-size: 12px;
	color: var(--ns-fg-muted);
	font-weight: 500;
}

/* ===== Single Podcast Episode (Lovable v9 Layout) ===== */

.news-shine--podcast-single .news-shine__hero {
	padding: 48px 0 56px;
	border-bottom: 1px solid var(--ns-border);
}

.news-shine__pse-banner {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
/* Banner-Groesse identisch zur Podcast-Uebersicht */
.news-shine__pse-banner img {
	height: 110px;
	width: auto;
	max-width: 100%;
}

.news-shine__pse-inner {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}

.news-shine__pse-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: var(--ns-primary);
	text-decoration: none;
	margin-bottom: 24px;
}
.news-shine__pse-back svg { width: 16px; height: 16px; }
.news-shine__pse-back:hover { text-decoration: underline; }

.news-shine__pse-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-bottom: 20px;
}
.news-shine__pse-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 999px;
	font-size: 12px;
	color: var(--ns-fg-muted);
	text-decoration: none;
	transition: border-color .2s, color .2s;
}
.news-shine__pse-pill svg { width: 14px; height: 14px; }
.news-shine__pse-pill:hover { border-color: var(--ns-primary-border); color: var(--ns-primary); }
.news-shine__pse-pill--primary {
	background: var(--ns-primary);
	border-color: var(--ns-primary);
	color: #fff;
	font-weight: 600;
}
.news-shine__pse-pill--primary:hover { color: #fff; background: #d3691b; }

.news-shine--podcast-single .news-shine__pse-h1,
.news-shine--podcast-single h1.news-shine__pse-h1 {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 1.1;
	color: var(--ns-fg);
	margin: 0 0 20px;
	text-align: center !important;
	border: 0 !important;
	padding: 0 !important;
}

.news-shine__pse-lead {
	font-size: 18px;
	line-height: 1.6;
	color: var(--ns-fg-muted);
	margin: 0 auto 28px;
	max-width: 720px;
	text-align: center;
}
.news-shine__pse-lead strong { color: var(--ns-fg); font-weight: 700; }
.news-shine__pse-lead p { margin: 0 0 12px; }
.news-shine__pse-lead p:last-child { margin-bottom: 0; }

.news-shine__pse-hosts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-bottom: 28px;
}
.news-shine__pse-host {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: inherit;
}
.news-shine__pse-host img {
	width: 48px;
	height: 48px;
	border-radius: 999px;
	object-fit: cover;
	border: 2px solid var(--ns-bg);
	box-shadow: 0 2px 8px rgba(42,49,66,0.10);
}
.news-shine__pse-host-info {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}
.news-shine__pse-host-role {
	font-size: 12px;
	color: var(--ns-fg-muted);
}
.news-shine__pse-host-name {
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-fg);
	transition: color .2s;
}
.news-shine__pse-host:hover .news-shine__pse-host-name { color: var(--ns-primary); }

.news-shine__pse-formats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.news-shine__pse-formats-label {
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-fg-muted);
	margin-right: 4px;
}
.news-shine__pse-format {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-left: 6px;
	padding-right: 16px;
	height: 40px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-fg);
	text-decoration: none;
	transition: border-color .2s, box-shadow .2s;
}
.news-shine__pse-format:hover {
	border-color: var(--ns-primary-border);
	box-shadow: var(--ns-shadow-soft);
}
.news-shine__pse-format-icon {
	width: 28px;
	height: 28px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.news-shine__pse-format-icon svg { width: 14px; height: 14px; color: #fff; }
.news-shine__pse-format-icon img { width: 18px; height: 18px; }
.news-shine__pse-format-icon--neutral { background: var(--ns-bg-muted); color: var(--ns-fg); }
.news-shine__pse-format-icon--neutral svg { color: var(--ns-fg); }
.news-shine__pse-format-icon--apple { background: #a855f7; }
.news-shine__pse-format-icon--apple img { filter: brightness(0) invert(1); }
.news-shine__pse-format-icon--spotify { background: #1db954; }
.news-shine__pse-format-icon--spotify img { filter: brightness(0) invert(1); }
.news-shine__pse-format-icon--youtube { background: #ff0000; }

/* Content-Grid */
.news-shine__pse-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 48px;
	align-items: start;
	max-width: 1200px;
	margin: 0 auto;
}
.news-shine__pse-content { min-width: 0; }
.news-shine__pse-sidebar {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* Reset Theme-Aside-Rules (float/width 114px) */
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

/* Block-Sections: 01 Takeaways / 02 Outro */

.news-shine__pse-block { margin-bottom: 48px; }
.news-shine__pse-block-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}
.news-shine__pse-block-num {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: var(--ns-primary);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.news-shine__pse-block-title {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 1.2;
	color: var(--ns-fg);
	margin: 0;
}

/* Takeaways Grid */
.news-shine__pse-takeaways {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}
.news-shine__pse-takeaway {
	display: flex;
	gap: 12px;
	padding: 20px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 12px;
	box-shadow: var(--ns-shadow-soft);
	transition: border-color .2s, box-shadow .2s;
}
.news-shine__pse-takeaway:hover {
	border-color: var(--ns-primary-border);
	box-shadow: var(--ns-shadow-card);
}
.news-shine__pse-takeaway-icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	color: var(--ns-cta);
	margin-top: 2px;
}
.news-shine__pse-takeaway-body { flex: 1; min-width: 0; }
.news-shine__pse-takeaway-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--ns-fg);
	margin: 0 0 4px;
	line-height: 1.3;
}
.news-shine__pse-takeaway-text {
	font-size: 14px;
	line-height: 1.55;
	color: var(--ns-fg-muted);
	margin: 0;
}

@media (max-width: 720px) {
	.news-shine__pse-takeaways { grid-template-columns: 1fr; }
}

/* Outro-Card mit Gradient-Hintergrund */
.news-shine__pse-outro .news-shine__pse-block-head { margin-bottom: 16px; }
.news-shine__pse-outro-body {
	background: var(--ns-hero-grad);
	border: 1px solid var(--ns-border);
	border-radius: 16px;
	padding: 28px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--ns-fg);
}
.news-shine__pse-outro-body p { margin: 0 0 12px; }
.news-shine__pse-outro-body p:last-child { margin-bottom: 0; }
.news-shine__pse-outro-body strong { color: var(--ns-fg); font-weight: 700; }

/* Feedback-Pills */
.news-shine__pse-feedback {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid var(--ns-border);
}
.news-shine__pse-feedback-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}
.news-shine__pse-feedback-head svg { width: 20px; height: 20px; color: var(--ns-primary); }
.news-shine__pse-feedback-head h3 {
	font-size: 18px;
	font-weight: 700;
	color: var(--ns-fg);
	margin: 0;
}
.news-shine__pse-feedback-lead {
	font-size: 14px;
	color: var(--ns-fg-muted);
	margin: 0 0 16px;
}
.news-shine__pse-feedback-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.news-shine__pse-feedback-pill {
	padding: 8px 16px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 999px;
	font-family: inherit;
	font-size: 14px;
	color: var(--ns-fg);
	cursor: pointer;
	transition: border-color .2s, color .2s;
}
.news-shine__pse-feedback-pill:hover {
	border-color: var(--ns-primary);
	color: var(--ns-primary);
}
.news-shine__pse-feedback-pill.is-selected {
	background: var(--ns-primary-soft);
	border-color: var(--ns-primary);
	color: var(--ns-primary);
}

/* Sidebar Cards (Subscribe / Share / Related) — radius 16, weicheres Schatten */
.news-shine--podcast-single .news-shine__card { border-radius: 16px; }

.news-shine__pse-subscribe { padding: 24px; }
.news-shine__pse-sub-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.news-shine__pse-sub-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 12px;
	background: rgba(245,243,240,0.6);
	border-radius: 12px;
	text-decoration: none;
	transition: background .2s;
}
.news-shine__pse-sub-row:hover { background: var(--ns-bg-muted); }
.news-shine__pse-sub-icon {
	width: 32px;
	height: 32px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.news-shine__pse-sub-icon img { width: 18px; height: 18px; }
.news-shine__pse-sub-icon svg { width: 16px; height: 16px; }
.news-shine__pse-sub-icon--apple { background: #a855f7; }
.news-shine__pse-sub-icon--apple img { filter: brightness(0) invert(1); }
.news-shine__pse-sub-icon--spotify { background: #1db954; }
.news-shine__pse-sub-icon--spotify img { filter: brightness(0) invert(1); }
.news-shine__pse-sub-icon--youtube { background: #ff0000; }
.news-shine__pse-sub-label {
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-fg);
}

.news-shine__pse-share { padding: 24px; }
.news-shine__pse-share-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}
.news-shine__pse-share-head svg { width: 16px; height: 16px; color: var(--ns-primary); }
.news-shine__pse-share-head h3 {
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	color: var(--ns-fg);
}
.news-shine__pse-share-row {
	display: flex;
	gap: 8px;
}
.news-shine__pse-share-btn {
	flex: 1;
	padding: 8px 12px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--ns-fg);
	text-align: center;
	text-decoration: none;
	transition: border-color .2s, color .2s;
}
.news-shine__pse-share-btn:hover {
	border-color: var(--ns-primary);
	color: var(--ns-primary);
}

/* ===== Authors Sidebar-Card ===== */

.news-shine__pse-authors { padding: 24px; }
.news-shine__pse-authors .news-shine__sidebar-title { margin-bottom: 16px; }
.news-shine__pse-author { padding-bottom: 16px; border-bottom: 1px solid var(--ns-border); }
.news-shine__pse-author:last-child { padding-bottom: 0; border-bottom: 0; }
.news-shine__pse-author + .news-shine__pse-author { padding-top: 16px; }

.news-shine__pse-author-head {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: inherit;
}
.news-shine__pse-author-head img {
	width: 56px;
	height: 56px;
	border-radius: 999px;
	object-fit: cover;
	background: var(--ns-bg-muted);
	flex-shrink: 0;
}
.news-shine__pse-author-info {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
	min-width: 0;
}
.news-shine__pse-author-name {
	font-size: 15px;
	font-weight: 700;
	color: var(--ns-fg);
	transition: color .2s;
}
.news-shine__pse-author-head:hover .news-shine__pse-author-name { color: var(--ns-primary); }
.news-shine__pse-author-role {
	font-size: 13px;
	color: var(--ns-fg-muted);
}

.news-shine__pse-author-bio { margin-top: 10px; }

/* Bio: 50% Teaser sichtbar + Fade-Out, ausklappbar via Pure-CSS-Checkbox */
.news-shine__pse-author-biotext {
	font-size: 13px;
	line-height: 1.55;
	color: var(--ns-fg-muted);
	position: relative;
	max-height: 4em; /* ~3 Zeilen Teaser */
	overflow: hidden;
	transition: max-height .3s ease;
	-webkit-mask-image: linear-gradient(to bottom, #000 50%, transparent 100%);
	        mask-image: linear-gradient(to bottom, #000 50%, transparent 100%);
}
.news-shine__pse-author-biotext p { margin: 0 0 8px; }
.news-shine__pse-author-biotext p:last-child { margin-bottom: 0; }

/* Wenn Checkbox getoggled -> volle Bio anzeigen, Fade aus */
.news-shine__pse-bio-toggle:checked ~ .news-shine__pse-author-biotext {
	max-height: 1000px;
	-webkit-mask-image: none;
	        mask-image: none;
}

.news-shine__pse-author-more {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--ns-primary);
	cursor: pointer;
	user-select: none;
}
.news-shine__pse-author-more svg { width: 14px; height: 14px; }
.news-shine__pse-author-more:hover { text-decoration: underline; }
.news-shine__pse-author-more-hide { display: none; }
.news-shine__pse-bio-toggle:checked ~ .news-shine__pse-author-more .news-shine__pse-author-more-show { display: none; }
.news-shine__pse-bio-toggle:checked ~ .news-shine__pse-author-more .news-shine__pse-author-more-hide {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.news-shine__pse-author-linkedin {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	padding: 5px 10px;
	background: var(--ns-bg-muted);
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
	color: var(--ns-fg);
	text-decoration: none;
}
.news-shine__pse-author-linkedin svg { width: 14px; height: 14px; color: #0a66c2; }
.news-shine__pse-author-linkedin:hover { background: rgba(10,102,194,0.08); color: #0a66c2; }

.news-shine__pse-related { padding: 24px; }
.news-shine__pse-related-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.news-shine__pse-related-item {
	display: flex;
	gap: 12px;
	text-decoration: none;
	color: inherit;
}
.news-shine__pse-related-icon {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: var(--ns-primary-soft);
	color: var(--ns-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background .2s;
}
.news-shine__pse-related-icon svg { width: 12px; height: 12px; }
.news-shine__pse-related-item:hover .news-shine__pse-related-icon { background: var(--ns-primary-hover); }
.news-shine__pse-related-title {
	font-size: 14px;
	line-height: 1.4;
	color: var(--ns-fg);
	transition: color .2s;
}
.news-shine__pse-related-item:hover .news-shine__pse-related-title { color: var(--ns-primary); }

@media (max-width: 960px) {
	.news-shine__pse-grid { grid-template-columns: 1fr; gap: 32px; }
	.news-shine--podcast-single .news-shine__pse-h1 { font-size: 32px; }
}

/* ===== Single Podcast Episode (alt - bleibt fuer Rueckwaertskompatibilitaet) ===== */

.news-shine__hero-formats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}
.news-shine__hero-formats-label {
	font-size: 14px;
	font-weight: 600;
	color: var(--ns-fg);
	margin-right: 4px;
}

.news-shine__podcast-people {
	font-style: italic;
}

.news-shine__episode-meta {
	padding: 20px 24px;
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.news-shine__episode-meta-row {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 14px;
}
.news-shine__episode-meta-label {
	color: var(--ns-fg-muted);
	font-weight: 500;
	min-width: 110px;
}
.news-shine__episode-meta-link {
	color: var(--ns-primary);
	font-weight: 500;
	text-decoration: none;
}
.news-shine__episode-meta-link:hover { text-decoration: underline; }
.news-shine__tag--level {
	background: rgba(151,203,81,0.15);
	color: #5d8a23;
}
.news-shine__tag--level:hover {
	background: rgba(151,203,81,0.30);
	color: #4a7019;
}

/* Article-Body (the_content) */
.news-shine__article {
	font-size: 17px;
	line-height: 1.65;
	color: var(--ns-fg);
	margin-bottom: 32px;
}
.news-shine__article > * { margin: 0 0 20px; }
.news-shine__article > *:last-child { margin-bottom: 0; }
.news-shine__article h2 {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
	margin: 32px 0 12px;
	color: var(--ns-fg);
}
.news-shine__article h3 {
	font-family: 'Source Sans 3', 'Source Sans Fallback', sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin: 24px 0 10px;
	color: var(--ns-fg);
}
.news-shine__article h4 { font-size: 18px; font-weight: 600; margin: 18px 0 8px; color: var(--ns-fg); }
.news-shine__article a {
	color: var(--ns-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.news-shine__article a:hover { text-decoration: none; }
.news-shine__article ul,
.news-shine__article ol {
	padding-left: 22px;
	margin: 0 0 20px;
}
.news-shine__article li { margin-bottom: 6px; }
.news-shine__article blockquote {
	border-left: 4px solid var(--ns-primary);
	padding: 4px 16px;
	color: var(--ns-fg-muted);
	font-style: italic;
	margin: 24px 0;
}
.news-shine__article img,
.news-shine__article iframe,
.news-shine__article video {
	max-width: 100%;
	height: auto;
	border-radius: var(--ns-radius);
}
.news-shine__article iframe { aspect-ratio: 16/9; }
.news-shine__article pre,
.news-shine__article code {
	background: var(--ns-bg-muted);
	border-radius: 6px;
	padding: 2px 6px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 90%;
}
.news-shine__article pre { padding: 16px; overflow-x: auto; }

.news-shine__comments {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid var(--ns-border);
}
.news-shine__comments h3 {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-size: 22px;
	font-weight: 700;
	color: var(--ns-fg);
	margin: 0 0 16px;
}
.news-shine__comments .comment-form-comment label,
.news-shine__comments .comment-form-author label,
.news-shine__comments .comment-form-email label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: var(--ns-fg-muted);
	margin-bottom: 6px;
}
.news-shine__comments .comment-form input[type="text"],
.news-shine__comments .comment-form input[type="email"],
.news-shine__comments .comment-form input[type="url"],
.news-shine__comments .comment-form textarea {
	width: 100% !important;
	padding: 10px 14px !important;
	font-size: 15px !important;
	font-family: inherit !important;
	color: var(--ns-fg) !important;
	background: var(--ns-bg) !important;
	border: 1px solid var(--ns-border) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	margin-bottom: 14px;
	transition: border-color .2s, box-shadow .2s;
}
.news-shine__comments .comment-form input:focus,
.news-shine__comments .comment-form textarea:focus {
	outline: none !important;
	border-color: var(--ns-cta) !important;
	box-shadow: 0 0 0 3px rgba(151,203,81,0.20) !important;
}
.news-shine__comments .comment-form .form-submit input,
.news-shine__comments .comment-form input[type="submit"] {
	width: auto !important;
	padding: 10px 24px !important;
	background: var(--ns-cta) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 12px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	cursor: pointer;
	transition: background .2s;
}
.news-shine__comments .comment-form .form-submit input:hover { background: #88be3f !important; }
.news-shine__comments .comment-form .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 13px;
	color: var(--ns-fg-muted);
	margin-bottom: 14px;
}
.news-shine__comments .comment-form .comment-form-cookies-consent input { margin-top: 4px; }
.news-shine__comments .comment-notes {
	font-size: 13px;
	color: var(--ns-fg-muted);
	margin-bottom: 16px;
}
.news-shine__comments ol.comment-list,
.news-shine__comments ul.comment-list {
	list-style: none;
	padding: 0;
	margin: 0 0 32px;
}
.news-shine__comments .comment {
	padding: 16px;
	background: var(--ns-bg);
	border: 1px solid var(--ns-border);
	border-radius: 12px;
	margin-bottom: 12px;
}

.news-shine__subscribe-back {
	margin: 14px 0 0;
	font-size: 13px;
	padding-top: 14px;
	border-top: 1px solid var(--ns-border);
}
.news-shine__subscribe-back a {
	color: var(--ns-fg-muted);
	text-decoration: none;
	font-weight: 500;
}
.news-shine__subscribe-back a:hover { color: var(--ns-primary); }

/* ===== Podcast-Card Plattform-Links ===== */

.news-shine__podcast-formats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--ns-border);
}

.news-shine__podcast-formats-label {
	font-size: 12px;
	font-weight: 600;
	color: var(--ns-fg-muted);
	margin-right: 4px;
}

.news-shine__podcast-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: var(--ns-bg-muted);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 500;
	color: var(--ns-fg);
	text-decoration: none;
	transition: background .2s, color .2s, transform .2s;
}
.news-shine__podcast-link:hover {
	background: var(--ns-primary-soft);
	color: var(--ns-primary);
}
.news-shine__podcast-link img,
.news-shine__podcast-link svg {
	width: 16px;
	height: 16px;
	display: block;
}

/* Podcast-Card Mikrofon-Icon hat dezent gruene Faerbung statt orange */
.news-shine__edition-icon--podcast {
	background: rgba(151,203,81,0.10);
	color: var(--ns-cta);
}
.news-shine__edition:hover .news-shine__edition-icon--podcast {
	background: rgba(151,203,81,0.20);
}

.news-shine__podcast-people {
	font-style: italic;
}

/* "Podcast direkt abonnieren" Sidebar-Card */
.news-shine__subscribe-show { padding: 20px; }
.news-shine__subscribe-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.news-shine__subscribe-list a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: var(--ns-bg-muted);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-fg);
	text-decoration: none;
	transition: background .2s, color .2s, transform .2s;
}
.news-shine__subscribe-list a:hover {
	background: var(--ns-primary-soft);
	color: var(--ns-primary);
}
.news-shine__subscribe-list img,
.news-shine__subscribe-list svg {
	display: block;
	flex-shrink: 0;
}

/* ===== Insights: Hero-CTA, Filter-Bar, Card mit Video-Thumb ===== */

.news-shine__hero-cta {
	margin-top: 16px;
	font-size: 14px;
	color: var(--ns-fg-muted);
}
.news-shine__hero-cta a {
	color: var(--ns-primary);
	font-weight: 500;
	text-decoration: none;
}
.news-shine__hero-cta a:hover { text-decoration: underline; }

.news-shine__filter-bar {
	padding: 16px 20px;
	margin-bottom: 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}
.news-shine__filter-label {
	font-size: 14px;
	font-weight: 700;
	color: var(--ns-fg);
}
.news-shine__filter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.news-shine__filter-name {
	font-size: 14px;
	font-weight: 500;
	color: var(--ns-fg);
}
.news-shine__select {
	font-size: 14px;
	padding: 6px 28px 6px 12px;
	border: 1px solid var(--ns-border);
	border-radius: 6px;
	background: var(--ns-bg);
	color: var(--ns-fg);
	font-family: inherit;
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236c7280' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 8px center;
}
.news-shine__select:focus {
	outline: none;
	border-color: var(--ns-primary);
	box-shadow: 0 0 0 3px var(--ns-primary-soft);
}

/* Insight-Card: Thumb links 220px, Body rechts */
.news-shine__insight-card {
	gap: 20px;
	padding: 20px;
}
.news-shine__insight-thumb {
	flex-shrink: 0;
	position: relative;
	width: 220px;
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(232,119,34,0.10), rgba(232,119,34,0.04));
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: var(--ns-primary);
}
.news-shine__insight-thumb img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.news-shine__insight-play {
	position: relative;
	z-index: 2;
	width: 56px;
	height: 56px;
	background: rgba(255,255,255,0.92);
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ns-primary);
	transition: transform .2s, background .2s;
}
.news-shine__insight-card:hover .news-shine__insight-play {
	transform: scale(1.08);
	background: #fff;
}
.news-shine__insight-play svg { width: 32px; height: 32px; }
.news-shine__insight-duration {
	position: absolute;
	bottom: 8px;
	right: 8px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	background: rgba(42,49,66,0.85);
	color: #fff;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 500;
}
.news-shine__insight-duration svg { width: 11px; height: 11px; }

.news-shine__insight-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
.news-shine__insight-level {
	font-size: 11px;
	font-weight: 600;
	color: var(--ns-fg-muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.news-shine__insight-meta .news-shine__insight-level::before {
	content: '\2022';
	margin-right: 8px;
	color: var(--ns-border);
}

.news-shine__insight-card .news-shine__edition-title {
	font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
	margin: 0 0 8px;
}
.news-shine__insight-card .news-shine__edition-title a {
	color: var(--ns-fg);
	text-decoration: none;
	transition: color .2s;
}
.news-shine__insight-card:hover .news-shine__edition-title a { color: var(--ns-primary); }

.news-shine__insight-author {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
}
.news-shine__insight-avatar {
	width: 32px;
	height: 32px;
	border-radius: 999px;
	object-fit: cover;
	background: var(--ns-bg-muted);
}
.news-shine__insight-initials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--ns-primary-soft);
	color: var(--ns-primary);
	font-size: 12px;
	font-weight: 700;
}
.news-shine__insight-author-meta {
	display: flex;
	flex-direction: column;
	font-size: 12px;
	line-height: 1.35;
}
.news-shine__insight-author-name {
	font-weight: 600;
	color: var(--ns-fg);
}
.news-shine__insight-author-position {
	color: var(--ns-fg-muted);
}

/* Member-CTA Card (Sidebar) */
.news-shine__member-card { padding: 24px; }
.news-shine__member-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	background: var(--ns-primary-soft);
	border: 1px solid var(--ns-primary-border);
	color: var(--ns-primary);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 12px;
}
.news-shine__member-badge svg { width: 14px; height: 14px; }
.news-shine__member-title {
	font-family: 'Source Sans 3', 'Source Sans Fallback', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: var(--ns-fg);
	margin: 0 0 8px;
}
.news-shine__member-lead {
	font-size: 14px;
	color: var(--ns-fg-muted);
	margin: 0 0 16px;
}
.news-shine__member-cta {
	display: block;
	width: 100%;
	padding: 12px 16px;
	background: var(--ns-primary);
	color: #fff;
	border-radius: 10px;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: background .2s, transform .2s;
}
.news-shine__member-cta:hover {
	background: #d3691b;
	transform: translateY(-1px);
}
.news-shine__member-login {
	margin: 12px 0 0;
	font-size: 13px;
	color: var(--ns-fg-muted);
	text-align: center;
}
.news-shine__member-login a {
	color: var(--ns-primary);
	font-weight: 500;
	text-decoration: none;
}
.news-shine__member-login a:hover { text-decoration: underline; }

/* Insights responsive */
@media (max-width: 720px) {
	.news-shine__insight-card { flex-direction: column; }
	.news-shine__insight-thumb { width: 100%; }
}

/* ===== Responsive ===== */

@media (max-width: 960px) {
	.news-shine__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.news-shine__h1 { font-size: 36px; }
	.news-shine__hero-banner img { height: 90px; }
}

@media (max-width: 600px) {
	.news-shine__container { padding: 0 16px; }
	.news-shine__hero { padding: 32px 0 40px; }
	.news-shine__main { padding: 32px 0 48px; }
	.news-shine__h1 { font-size: 30px; }
	.news-shine__lead { font-size: 16px; }
	.news-shine__h2 { font-size: 22px; }
	.news-shine__edition {
		flex-direction: column;
		gap: 12px;
	}
	.news-shine__edition-icon {
		width: 44px;
		height: 44px;
	}
	.news-shine__edition-icon svg {
		width: 22px;
		height: 22px;
	}
	.news-shine__card, .news-shine__signup { padding: 20px; }
}