.publirank-st-section {
	background: #fff;
	border: 1px solid var(--publirank-border, #e5e7eb);
	border-radius: var(--publirank-radius, 8px);
	box-shadow: var(--publirank-shadow, 0 1px 3px rgba(0, 0, 0, 0.06));
	margin-bottom: 16px;
	padding: 16px 18px;
}

.publirank-st-h2 {
	color: var(--publirank-primary-dark, #6C47FF);
	font-size: 1.1rem;
	margin: 0 0 10px;
}

.publirank-st-synthese {
	color: var(--publirank-dark, #1a1a2e);
	font-size: 15px;
	line-height: 1.55;
}

.publirank-st-covline {
	margin: 0 0 12px;
}

.publirank-st-details {
	border-top: 1px solid #eee;
	margin-top: 10px;
	padding-top: 8px;
}

.publirank-st-details summary {
	cursor: pointer;
	font-weight: 600;
	padding: 6px 0;
}

.publirank-st-gap,
.publirank-st-art {
	border-left: 3px solid #6C47FF;
	margin: 10px 0;
	padding: 8px 12px;
	background: #F8F7FF;
}

.publirank-st-badge {
	background: #ede9fe;
	border-radius: 4px;
	color: #5b21b6;
	display: inline-block;
	font-size: 12px;
	margin-right: 4px;
	padding: 2px 8px;
}

.publirank-st-gap-head {
	margin-bottom: 4px;
}

.publirank-st-gap-metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 6px 0 10px;
}

.publirank-st-badge-vol,
.publirank-st-badge-diff {
	margin-right: 0;
}

.publirank-st-theme-hint {
	border-top: 1px dashed #e2e8f0;
	color: #64748b;
	font-size: 13px;
	font-style: italic;
	line-height: 1.45;
	margin: 14px 0 2px;
	padding-top: 12px;
}

.publirank-st-muted {
	color: #64748b;
	font-size: 13px;
}

.publirank-st-ul {
	margin: 8px 0 0 18px;
}

/* Plan éditorial 30 j. — tableau lisible */
.publirank-st-plan-section .publirank-st-plan-heading {
	border-bottom: 2px solid rgba(108, 71, 255, 0.2);
	margin-bottom: 0;
	padding-bottom: 8px;
}

.publirank-st-plan-table-wrap {
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
	margin-top: 14px;
	overflow: hidden;
}

.publirank-st-plan-table {
	border: none;
	margin: 0;
	width: 100%;
}

.publirank-st-plan-table thead th {
	background: linear-gradient(180deg, #faf8ff 0%, #f1ecfc 100%);
	border-bottom: 2px solid #6C47FF;
	color: #2e1065;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 12px 14px;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle;
}

.publirank-st-plan-table tbody td {
	border-top: 1px solid #edf0f5;
	font-size: 14px;
	line-height: 1.45;
	padding: 14px 14px;
	vertical-align: middle;
}

.publirank-st-plan-table tbody tr:nth-child(even) td {
	background: #fafbff;
}

.publirank-st-plan-table tbody tr:hover td {
	background: #f5f2ff;
}

.publirank-st-plan-table .button.button-primary {
	white-space: normal;
}

.publirank-st-plan-table .publirank-st-plan-titre-cell {
	vertical-align: top;
}

.publirank-st-plan-table .publirank-st-plan-titre {
	font-weight: 600;
}

.publirank-st-plan-table .publirank-st-plan-just {
	color: #94a3b8;
	font-size: 13px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.45;
	margin-top: 6px;
	max-width: 28rem;
}

.publirank-st-plan-table thead th:last-child,
.publirank-st-plan-table tbody td:last-child {
	text-align: right;
}

/* Historique — boutons alignés comme le plan */
.publirank-st-history-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.publirank-st-history-table {
	margin-top: 8px;
}

.publirank-st-history-table thead th:last-child {
	text-align: right;
}

.publirank-st-history-table .publirank-st-history-actions .button.button-primary {
	min-height: 30px;
}

/* ——— Stratège rapport v2 (dashboard, onglets, drawer, cartographie) ——— */

.pk-stratege-synthese {
	margin-bottom: 16px;
}

.pk-stratege-dashboard {
	align-items: start;
	background: #f8f9ff;
	border-radius: var(--publirank-radius, 8px);
	display: grid;
	gap: 16px 20px;
	grid-template-columns: 120px minmax(0, 1fr) minmax(0, 1fr) auto;
	margin-bottom: 24px;
	padding: 18px 20px;
}

@media (max-width: 960px) {
	.pk-stratege-dashboard {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 520px) {
	.pk-stratege-dashboard {
		grid-template-columns: 1fr;
	}
}

/* Page publique blog — dashboard : ligne 1 score + métriques, ligne 2 priorités, ligne 3 résumé plan (HTML inchangé, DOM : score → prio → metrics → plan → réordonné par grid-area) */
.stratege-blog-layout .pk-stratege-dashboard {
	align-items: center;
	background: #f8f9ff;
	border-radius: var(--publirank-radius, 8px);
	box-sizing: border-box;
	column-gap: 16px;
	display: grid;
	grid-template-areas:
		"dash-score dash-metrics"
		"dash-prio dash-prio"
		"dash-plan dash-plan";
	/* Score ~1/4 de la ligne, bloc métriques ~3/4 */
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	margin-bottom: 24px;
	padding: 18px 20px;
	row-gap: 0;
	width: 100%;
}

.stratege-blog-layout .pk-dashboard-score {
	align-self: center;
	grid-area: dash-score;
	max-width: 100%;
	min-width: 0;
}

.stratege-blog-layout .pk-dashboard-metrics {
	align-items: center;
	align-self: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 16px;
	grid-area: dash-metrics;
	max-width: 100%;
	min-width: 0;
}

.stratege-blog-layout .pk-dashboard-metrics .pk-metric {
	flex: 1 1 0;
	min-width: 0;
}

.stratege-blog-layout .pk-dashboard-priorities {
	align-self: stretch;
	grid-area: dash-prio;
	margin-top: 24px;
	width: 100%;
}

.stratege-blog-layout .pk-dashboard-plan-summary {
	align-self: stretch;
	grid-area: dash-plan;
	margin-top: 28px;
	width: 100%;
}

@media (max-width: 720px) {
	.stratege-blog-layout .pk-stratege-dashboard {
		align-items: stretch;
		grid-template-areas:
			"dash-score"
			"dash-metrics"
			"dash-prio"
			"dash-plan";
		grid-template-columns: minmax(0, 1fr);
	}

	.stratege-blog-layout .pk-dashboard-metrics {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.stratege-blog-layout .pk-dashboard-metrics .pk-metric {
		flex: 1 1 45%;
		min-width: 4.75rem;
	}
}

.pk-dashboard-score {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.pk-score-number-row {
	align-items: baseline;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 6px;
}

.pk-score-value {
	color: var(--publirank-primary-dark, #6C47FF);
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
}

.pk-score-label {
	color: #64748b;
	font-size: 14px;
	font-weight: 600;
}

.pk-score-tag {
	background: rgba(108, 71, 255, 0.1);
	border-radius: 999px;
	color: #5b21b6;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	margin-top: 8px;
	padding: 4px 10px;
	width: fit-content;
}

.pk-dashboard-priorities .pk-priorities-heading {
	color: var(--publirank-dark, #1a1a2e);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 10px;
}

.pk-dashboard-priorities ol.pk-priorities-list {
	color: #475569;
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 0;
	padding-left: 1.15rem;
}

.pk-dashboard-priorities ol.pk-priorities-list li {
	margin: 0 0 4px;
}

.pk-dashboard-priorities ol.pk-priorities-list li:last-child {
	margin-bottom: 0;
}

.pk-dashboard-metrics {
	display: grid;
	gap: 10px 12px;
	grid-template-columns: repeat(2, 1fr);
}

.pk-metric {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.pk-metric-value {
	font-size: 22px;
	font-weight: 700;
	color: var(--publirank-dark, #1a1a2e);
}

.pk-metric-label {
	color: #64748b;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.pk-metric-negative .pk-metric-value {
	color: #e53e3e;
}

.pk-dashboard-plan-summary {
	align-self: stretch;
	box-sizing: border-box;
	width: 100%;
}

.pk-plan-summary-panel {
	align-items: center;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-left: 3px solid var(--publirank-primary-dark, #6c47ff);
	border-radius: 8px;
	box-sizing: border-box;
	column-gap: 20px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 14px 18px;
	row-gap: 12px;
}

.pk-plan-summary-text {
	color: #475569;
	font-size: 15px;
	line-height: 1.5;
	margin: 0;
}

.pk-plan-summary-cta {
	flex-shrink: 0;
	justify-self: end;
}

.pk-plan-summary-cta .pk-jump-plan {
	white-space: nowrap;
}

/* Même bloc que le paragraphe : bouton teinté comme la bordure du panneau */
.pk-plan-summary-btn.pk-btn-secondary {
	background: rgba(108, 71, 255, 0.08);
	border-color: rgba(108, 71, 255, 0.35);
	color: #5b21b6;
}

.pk-plan-summary-btn.pk-btn-secondary:hover {
	background: rgba(108, 71, 255, 0.14);
	border-color: var(--publirank-primary-dark, #6c47ff);
	color: #4c1d95;
}

@media (max-width: 640px) {
	.pk-plan-summary-panel {
		grid-template-columns: minmax(0, 1fr);
	}

	.pk-plan-summary-cta {
		justify-self: start;
	}
}

.pk-stratege-tabs {
	border-bottom: 2px solid #e2e8f0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	margin-bottom: 20px;
}

/* Cartographie — remplace <details> : boutons sans déplacement de layout */
button.pk-theme-header.pk-theme-toggle-btn {
	align-items: center;
	background: #f8f9ff;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	font: inherit;
	list-style: none;
	margin-bottom: 4px;
	padding: 12px 16px;
	text-align: left;
	width: 100%;
}

.pk-theme-toggle-btn::-moz-focus-inner {
	border: 0;
}

.pk-detail-collapsible[hidden] {
	display: none !important;
}

.pk-gap-line {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin: 8px 0;
}

button.pk-gap-detail-toggle {
	background: #ede9fe;
	border: 1px solid #c4b5fd;
	border-radius: 6px;
	color: #5b21b6;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	padding: 4px 10px;
}

.pk-gap-detail-panel {
	background: #fafbff;
	border: 1px solid #e9e6ff;
	border-radius: 10px;
	box-sizing: border-box;
	flex: 1 1 100%;
	margin: 8px 0 12px;
	padding: 12px 14px;
	width: 100%;
}

.pk-preuve-domain {
	color: #334155;
	font-weight: 600;
}

.pk-plan-register-cta {
	margin-top: 20px;
	text-align: center;
}

.pk-plan-register-cta .pk-btn-primary {
	display: inline-block;
	text-decoration: none;
}

.pk-tab-btn {
	background: transparent;
	border: none;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	color: var(--publirank-dark, #1a1a2e);
	cursor: pointer;
	font-size: 14px;
	margin-bottom: -2px;
	padding: 10px 14px;
}

.pk-tab-btn:hover {
	background: rgba(108, 71, 255, 0.06);
}

.pk-tab-btn.active {
	border-bottom-color: #6C47FF;
	color: #6C47FF;
	font-weight: 600;
}

.pk-tab-count {
	background: rgba(108, 71, 255, 0.1);
	border-radius: 999px;
	color: #5b21b6;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	margin-left: 8px;
	padding: 3px 8px;
}

.pk-tab-content {
	display: none;
}

.pk-tab-content.active {
	display: block;
}

.pk-plan-table-shell {
	overflow-x: auto;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}

.pk-plan-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.pk-plan-table thead th {
	background: linear-gradient(180deg, #faf8ff 0%, #f1ecfc 100%);
	border-bottom: 2px solid #6C47FF;
	color: #2e1065;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 12px 12px;
	text-align: left;
	text-transform: uppercase;
}

.pk-plan-table tbody td {
	border-top: 1px solid #edf0f5;
	font-size: 14px;
	line-height: 1.45;
	padding: 12px 12px;
	vertical-align: middle;
}

.pk-plan-table tbody tr:nth-child(even) td {
	background: #fafbff;
}

.pk-plan-table tbody tr:hover td {
	background: #f5f2ff;
}

.pk-plan-table tbody td:last-child {
	text-align: right;
	white-space: nowrap;
}

.pk-priority-haute {
	border-left: 3px solid #6C47FF;
}

.pk-priority-moyenne {
	border-left: 3px solid #d69e2e;
}

.pk-gap-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

.pk-gap-badge,
.pk-gap-ref {
	background: #ede9fe;
	border: 1px solid #c4b5fd;
	border-radius: 4px;
	color: #5b21b6;
	cursor: pointer;
	font-size: 12px;
	padding: 2px 8px;
}

.pk-gap-badge:hover,
.pk-gap-ref:hover {
	background: #ddd6fe;
}

.pk-type-badge {
	background: #f1f5f9;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	padding: 2px 8px;
}

.pk-demand {
	font-size: 13px;
	font-weight: 600;
}

.pk-btn-primary,
.pk-btn-secondary {
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 14px;
	text-decoration: none;
}

.pk-btn-primary {
	background: #6C47FF;
	border: 1px solid #5b32e8;
	color: #fff;
}

.pk-btn-primary:hover {
	background: #5b32e8;
	color: #fff;
}

/* .article-content a impose la couleur PubliRank sur tous les liens (bouton illisible sur fond violet) */
.article-content a.pk-btn-primary {
	color: #fff;
	text-decoration: none;
}

.article-content a.pk-btn-primary:hover {
	color: #fff;
}

.pk-btn-secondary {
	background: #fff;
	border: 1px solid #e2e8f0;
	color: #334155;
}

.pk-btn-secondary:hover {
	border-color: #6C47FF;
	color: #6C47FF;
}

.pk-btn-sm {
	font-size: 12px;
	padding: 6px 10px;
}

.pk-btn-link {
	background: none;
	border: none;
	color: #6C47FF;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	padding: 0 0 0 8px;
	text-decoration: underline;
}

.pk-consolider-row {
	background: #fafbff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	margin-bottom: 12px;
	padding: 14px 16px;
}

.pk-consolider-meta {
	margin-bottom: 8px;
}

.pk-theme-tag {
	background: #ede9fe;
	border-radius: 4px;
	color: #5b21b6;
	font-size: 12px;
	font-weight: 600;
	margin-right: 8px;
	padding: 2px 8px;
}

.pk-consolider-url {
	font-size: 13px;
	word-break: break-all;
}

.pk-consolider-problem {
	color: #92400e;
	font-size: 14px;
	margin: 6px 0;
}

.pk-consolider-suggestion {
	color: #334155;
	font-size: 14px;
}

.pk-consolider-gaps {
	font-size: 13px;
	margin: 10px 0;
}

.pk-theme-block {
	margin-bottom: 10px;
}

.pk-theme-header {
	align-items: center;
	background: #f8f9ff;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-bottom: 4px;
	padding: 12px 16px;
	text-align: left;
	width: 100%;
}

.pk-theme-name {
	flex: 1 1 160px;
	font-weight: 700;
}

.pk-theme-coverage {
	font-size: 13px;
	font-weight: 600;
}

.pk-coverage-absente {
	color: #e53e3e;
}

.pk-coverage-partielle {
	color: #d69e2e;
}

.pk-coverage-bonne {
	color: #38a169;
}

.pk-theme-stats {
	color: #64748b;
	font-size: 12px;
}

.pk-theme-chevron {
	color: #64748b;
	font-size: 12px;
	margin-left: auto;
}

.pk-theme-body {
	padding: 8px 0 4px 8px;
}

.pk-theme-body.pk-collapsed {
	display: none;
}

.pk-gaps-compact {
	font-size: 14px;
}

.pk-gap-line {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
	margin-bottom: 8px;
}

.pk-gap-tree {
	display: inline-block;
	min-width: 1.5em;
	color: #64748b;
}

.pk-in-plan {
	color: #38a169;
	font-size: 12px;
	font-weight: 600;
}

.pk-muted {
	color: #94a3b8;
}

.pk-drawer {
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: 99999;
}

.pk-drawer:not(.pk-drawer-closed) {
	pointer-events: all;
}

.pk-drawer-overlay {
	background: rgba(0, 0, 0, 0.4);
	inset: 0;
	position: absolute;
}

.pk-drawer-panel {
	background: #fff;
	box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
	bottom: 0;
	max-width: 100%;
	overflow-y: auto;
	padding: 24px;
	position: absolute;
	right: 0;
	top: 0;
	width: min(480px, 100vw);
}

.pk-drawer-closed .pk-drawer-overlay,
.pk-drawer-closed .pk-drawer-panel {
	display: none;
}

.pk-drawer-close {
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	cursor: pointer;
	float: right;
	font-size: 16px;
	line-height: 1;
	margin: -8px -8px 12px 12px;
	padding: 4px 10px;
}

.pk-drawer-header h3 {
	font-size: 1.05rem;
	margin: 8px 0 0;
}

.pk-confidence {
	color: #666;
	font-size: 13px;
}

.pk-preuve-item {
	border-left: 3px solid #e2e8f0;
	margin: 10px 0;
	padding-left: 10px;
}

.pk-preuve-item blockquote {
	color: #64748b;
	font-size: 13px;
	margin: 6px 0 0;
}

.pk-metrique-table {
	border-collapse: collapse;
	font-size: 13px;
	margin: 12px 0;
	width: 100%;
}

.pk-metrique-table th,
.pk-metrique-table td {
	border: 1px solid #e2e8f0;
	padding: 8px;
}

.pk-ecart {
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	margin-top: 10px;
	padding: 8px 12px;
}

.pk-ecart-danger {
	background: #fff5f5;
	color: #c53030;
}

.pk-ecart-warning {
	background: #fffbeb;
	color: #b45309;
}

.pk-drawer-plan-link {
	margin-top: 16px;
}

.pk-drawer-block {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 16px;
}

.pk-drawer-block:last-child {
	border-bottom: none;
}

.pk-actions-prioritaires {
	background: linear-gradient(180deg, #f8f7ff 0%, #fffefc 100%);
	border-left: 3px solid #6C47FF;
	border-radius: 4px;
	margin-top: 20px;
	padding: 16px 20px;
}

.pk-actions-prioritaires h3 {
	margin-top: 0;
}

.pk-actions-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pk-action-item {
	border-top: 1px solid #e8e4f5;
	padding: 12px 0;
}

.pk-action-item:first-child {
	border-top: none;
	padding-top: 4px;
}

.pk-action-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
}

.pk-badge {
	border-radius: 999px;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 3px 10px;
	text-transform: uppercase;
}

.pk-badge-impact.pk-impact-fort {
	background: rgba(108, 71, 255, 0.18);
	color: #5b21b6;
}

.pk-badge-impact.pk-impact-moyen {
	background: #e2e8f0;
	color: #475569;
}

.pk-badge-type {
	background: #fff;
	border: 1px solid #c4b5fd;
	color: #5b21b6;
	text-transform: none;
}

.pk-action-libelle {
	color: #1a1a2e;
	font-size: 14px;
	line-height: 1.45;
}

.pk-action-pourquoi {
	color: #64748b;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 10px;
	max-width: 52em;
}

.pk-action-pourquoi::before {
	color: #94a3b8;
	content: 'Pourquoi · ';
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.pk-actions-legacy-format .pk-action-legacy-raison {
	color: #64748b;
	display: block;
	font-size: 13px;
	margin-top: 4px;
}

/* ── Notice « Tendances activées » sur la synthèse du rapport ──── */

.publirank-st-tend-notice {
	align-items: center;
	background: linear-gradient(135deg, rgba(108, 71, 255, 0.08) 0%, rgba(245, 158, 11, 0.08) 100%);
	border: 1px solid rgba(108, 71, 255, 0.25);
	border-left: 4px solid #6c47ff;
	border-radius: 8px;
	display: flex;
	gap: 14px;
	margin: 14px 0 4px;
	padding: 12px 16px;
}

.publirank-st-tend-notice-icon {
	font-size: 22px;
	line-height: 1;
}

.publirank-st-tend-notice-body {
	align-items: baseline;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: 4px 14px;
	justify-content: space-between;
}

.publirank-st-tend-notice-title {
	color: #2e1065;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.publirank-st-tend-notice-cta {
	color: #6c47ff;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.publirank-st-tend-notice-cta:hover,
.publirank-st-tend-notice-cta:focus {
	color: #4c1d95;
	text-decoration: underline;
}

.publirank-st-tend-notice-hint {
	color: #64748b;
	display: block;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.45;
	margin-top: 4px;
	width: 100%;
}

/* ── Tendances Live - Actu ─────────────────────────────────────── */

.publirank-st-panel-tendances .publirank-card {
	padding: 18px 20px 20px;
}

.publirank-st-tend-head {
	align-items: baseline;
	border-bottom: 1px solid rgba(108, 71, 255, 0.12);
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	justify-content: space-between;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.publirank-st-tend-title {
	color: #2e1065;
	font-size: 1.18rem;
	font-weight: 800;
	letter-spacing: -0.01em;
	margin: 0;
}

.publirank-st-tend-meta {
	color: #64748b;
	font-size: 13px;
	font-style: italic;
	margin: 0;
}

.publirank-st-tend-intro {
	margin: 0 0 12px;
}

.publirank-st-tend-empty,
.publirank-st-tend-upgrade {
	background: #faf7ff;
	border: 1px dashed #c4b5fd;
	border-radius: 8px;
	color: #4c1d95;
	margin: 8px 0 16px;
	padding: 14px 16px;
}

.publirank-st-tend-upgrade {
	background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 100%);
	border-color: #fbbf24;
	color: #78350f;
}

.publirank-st-tend-count {
	color: #475569;
	font-size: 13px;
	font-weight: 600;
	margin: 0 0 10px;
	min-height: 1.2em;
}

.publirank-st-tend-list {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
	margin-top: 8px;
}

.publirank-st-tend-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-left: 5px solid #cbd5e1;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px 16px 12px;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.publirank-st-tend-card:hover {
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
	transform: translateY(-1px);
}

.publirank-st-tend-card-urgent {
	background: linear-gradient(180deg, #fff5f5 0%, #ffffff 60%);
	border-color: #fecaca;
	border-left-color: #dc2626;
}

.publirank-st-tend-card-forte {
	background: linear-gradient(180deg, #fffbeb 0%, #ffffff 60%);
	border-color: #fde68a;
	border-left-color: #f59e0b;
}

.publirank-st-tend-card-signal_faible {
	background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 60%);
	border-color: #bbf7d0;
	border-left-color: #16a34a;
}

.publirank-st-tend-card-head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: space-between;
}

.publirank-st-tend-badge {
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 3px 10px;
	text-transform: uppercase;
}

.publirank-st-tend-badge-urgent {
	background: rgba(220, 38, 38, 0.12);
	color: #991b1b;
}

.publirank-st-tend-badge-forte {
	background: rgba(245, 158, 11, 0.15);
	color: #92400e;
}

.publirank-st-tend-badge-signal_faible {
	background: rgba(22, 163, 74, 0.12);
	color: #15803d;
}

.publirank-st-tend-priorite {
	color: #475569;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.publirank-st-tend-actu-label {
	color: #64748b;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.publirank-st-tend-actu-label strong {
	color: #4c1d95;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.publirank-st-tend-actu-title {
	color: #1a1a2e;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.38;
	margin: 4px 0 2px;
}

.publirank-st-tend-actu-source {
	color: #64748b;
	font-size: 12px;
}

.publirank-st-tend-actu-source a {
	color: #6c47ff;
	text-decoration: none;
}

.publirank-st-tend-actu-source a:hover {
	text-decoration: underline;
}

.publirank-st-tend-angle {
	background: rgba(108, 71, 255, 0.06);
	border: 1px solid rgba(108, 71, 255, 0.18);
	border-radius: 6px;
	padding: 8px 10px;
}

.publirank-st-tend-angle-label {
	color: #5b21b6;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.publirank-st-tend-angle-text {
	color: #1a1a2e;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.42;
}

.publirank-st-tend-meta-grid {
	display: grid;
	gap: 6px 12px;
	grid-template-columns: 1fr 1fr;
}

.publirank-st-tend-meta-item {
	display: flex;
	flex-direction: column;
}

.publirank-st-tend-meta-key {
	color: #94a3b8;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.publirank-st-tend-meta-val {
	color: #1a1a2e;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.35;
}

.publirank-st-tend-card-foot {
	display: flex;
	justify-content: flex-end;
	margin-top: auto;
	padding-top: 4px;
}

.publirank-st-tend-actu {
	margin-top: 2px;
}

.publirank-st-tend-empty-state {
	color: #64748b;
	font-style: italic;
	padding: 24px;
	text-align: center;
}

/* ── Page publique Stratège (publirank.io/stratege/[slug]) ── */
.stratege-blog-layout.blog-layout {
	grid-template-columns: 1fr;
	max-width: 1200px;
	padding-top: 28px;
	padding-bottom: 48px;
}

/* Hero rapport Stratège : bandeau pleine largeur (même esprit que .article-cta) */
.stratege-report-hero-band {
	width: 100%;
	box-sizing: border-box;
	background: linear-gradient(135deg, #1a1a2e 0%, #2d1b69 100%);
	color: #fff;
	padding: 32px 24px 40px;
	margin: 0 0 32px;
}
.stratege-report-hero-inner {
	max-width: 1200px;
	margin: 0 auto;
}
.stratege-report-hero-breadcrumb {
	margin: 0 0 24px;
}
.stratege-report-hero-breadcrumb.blog-breadcrumb {
	background: transparent;
	border-bottom: none;
}
.stratege-report-hero-breadcrumb .blog-breadcrumb-inner {
	max-width: none;
	margin: 0;
	padding: 0;
}
.stratege-report-hero-breadcrumb .blog-breadcrumb-inner a {
	color: rgba(255, 255, 255, 0.9);
	font-weight: 600;
	text-decoration: none;
}
.stratege-report-hero-breadcrumb .blog-breadcrumb-inner a:hover {
	color: #c4b5fd;
	text-decoration: underline;
}
.stratege-report-hero-breadcrumb .blog-breadcrumb-inner .bc-sep {
	color: rgba(255, 255, 255, 0.4);
}
.stratege-report-hero-breadcrumb .blog-breadcrumb-inner > span:last-child {
	color: rgba(255, 255, 255, 0.95);
	font-weight: 500;
}
.stratege-report-hero-header.article-header {
	margin-bottom: 0;
}
.stratege-report-hero-meta.article-header-meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	margin-bottom: 18px;
}
.stratege-report-hero-kicker {
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.02em;
}
.stratege-report-hero-generated {
	font-size: 0.8125rem;
	color: rgba(255, 255, 255, 0.72);
	font-weight: 500;
}
.stratege-report-hero-header .article-title {
	color: #fff;
	margin-bottom: 14px;
}
.stratege-report-hero-header .article-desc {
	color: rgba(255, 255, 255, 0.82);
	margin-bottom: 0;
}
.stratege-report-hero-header .article-desc strong {
	color: #fff;
}
.stratege-report-hero-header .article-desc a {
	color: #c4b5fd;
	font-weight: 600;
}
.stratege-report-hero-header .article-desc a:hover {
	color: #fff;
}

.pk-tab-disclaimer {
	margin: 28px 0 8px;
	padding-top: 20px;
	border-top: 1px solid #e9e6ff;
	font-size: 0.75rem;
	line-height: 1.45;
	color: #64748b;
	text-align: center;
	font-style: italic;
}

/* Historique : cartes résumé par rapport passé */
.pk-stratege-history-details .pk-stratege-history-card {
	background: #fafaff;
	border: 1px solid #e9e6ff;
	border-radius: 14px;
	padding: 18px 20px;
	margin: 16px 0;
}
.pk-stratege-history-details .pk-stratege-history-card:last-child {
	margin-bottom: 8px;
}
.pk-history-card-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px 20px;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e4e0f7;
}
.pk-history-date {
	font-family: "DM Sans", system-ui, sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	color: #1a1a2e;
}
.pk-history-score {
	font-size: 0.9rem;
	color: #4b5563;
}
.pk-history-score strong {
	font-size: 1.35rem;
	font-weight: 800;
	color: #6c47ff;
}
.pk-history-score-max {
	font-weight: 600;
	color: #9ca3af;
	margin-right: 6px;
}
.pk-history-score-tag {
	font-weight: 700;
	color: #5535d4;
}
.pk-history-subtitle {
	margin: 0 0 8px;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
}
.pk-history-prio {
	margin: 0;
	padding-left: 1.15rem;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #374151;
}
.pk-history-prio li {
	margin: 4px 0;
}
.pk-history-metrics {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 10px 14px;
	margin: 14px 0 10px;
}
.pk-history-metric {
	background: #fff;
	border: 1px solid #eef0f4;
	border-radius: 10px;
	padding: 10px 12px;
	text-align: center;
}
.pk-history-metric-val {
	display: block;
	font-family: "DM Sans", system-ui, sans-serif;
	font-weight: 800;
	font-size: 1.05rem;
	color: #1a1a2e;
}
.pk-history-metric-lbl {
	display: block;
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #94a3b8;
	margin-top: 4px;
}
.pk-history-metric-lost .pk-history-metric-val {
	color: #b45309;
}
.pk-history-plan-line {
	margin: 12px 0 0;
	font-size: 0.875rem;
	font-weight: 600;
	color: #4338ca;
	line-height: 1.45;
}

/* Catalogue /stratege — cartes type blog */
.stratege-catalog-card .stratege-catalog-card-visual {
	text-decoration: none;
}

.stratege-catalog-card-placeholder {
	align-items: center;
	background: linear-gradient(145deg, #ede9fe 0%, #f8f9ff 45%, #e0e7ff 100%);
	border-bottom: 1px solid #e9e6ff;
	color: #5b21b6;
	display: flex;
	flex-direction: column;
	gap: 8px;
	height: 180px;
	justify-content: center;
	padding: 16px;
	text-align: center;
}

.stratege-catalog-card-icon {
	font-size: 2rem;
	line-height: 1;
}

.stratege-catalog-card-slug {
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	word-break: break-word;
}

.stratege-catalog-page-summary {
	color: #64748b;
	font-size: 0.875rem;
	margin: 0 0 22px;
}

.stratege-catalog-hero-header .article-title {
	line-height: 1.2;
}

.stratege-catalog-hero-count {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.4em;
	font-size: 0.55em;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.95);
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.28);
	padding: 0.4em 0.85em;
	border-radius: 999px;
	line-height: 1.25;
}

@media (max-width: 640px) {
	.stratege-catalog-hero-count {
		display: block;
		width: fit-content;
		max-width: 100%;
		margin: 14px 0 0;
		font-size: 0.72rem;
	}
}

.stratege-catalog-pagination .stratege-catalog-page-gap {
	color: #94a3b8;
	font-size: 0.875rem;
	padding: 0 4px;
	user-select: none;
}

.stratege-catalog-layout .blog-card .blog-card-title {
	border: none;
	font-size: 1.05rem;
	margin: 0 0 10px;
	padding: 0;
}

.stratege-report-shell {
	background: #fff;
	border: 1px solid #e9e6ff;
	border-radius: 16px;
	padding: 24px 22px 32px;
	margin-top: 8px;
	box-shadow: 0 1px 8px rgba(108, 71, 255, 0.06);
}

.stratege-report-shell #stratege-report-tabs.pk-stratege-tabs {
	position: sticky;
	top: 60px;
	z-index: 40;
	background: linear-gradient(180deg, #fff 70%, rgba(255, 255, 255, 0));
	padding-bottom: 10px;
	margin-bottom: 8px;
}

details.pk-theme-block {
	margin-bottom: 10px;
}

details.pk-theme-block > summary.pk-theme-header {
	list-style: none;
}

details.pk-theme-block > summary.pk-theme-header::-webkit-details-marker {
	display: none;
}

.pk-gap-detail-block {
	margin: 10px 0 14px;
	padding: 12px 14px;
	background: #fafbff;
	border: 1px solid #e9e6ff;
	border-radius: 10px;
}

.pk-gap-detail-block summary {
	cursor: pointer;
	font-weight: 600;
	color: #5b21b6;
}

.pk-gap-detail-item {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #f0ecff;
	font-size: 13px;
	line-height: 1.45;
	color: #334155;
}

.pk-gap-detail-item:first-of-type {
	border-top: none;
	padding-top: 0;
	margin-top: 8px;
}

.public-badge-muted {
	display: inline-block;
	background: #fff7ed;
	color: #9a3412;
	border: 1px solid #fed7aa;
	padding: 10px 14px;
	border-radius: 10px;
	font-size: 14px;
	margin: 0 0 20px;
}

.rgpd-withdraw {
	margin-top: 28px;
	padding: 18px 20px;
	border: 1px solid #e9e6ff;
	border-radius: 14px;
	background: #f9fafb;
	font-size: 14px;
	color: #374151;
}

.rgpd-withdraw h2 {
	font-size: 1rem;
	margin: 0 0 10px;
	color: #1a1a2e;
}

.rgpd-withdraw button {
	margin-top: 10px;
	padding: 10px 18px;
	border-radius: 10px;
	border: 1px solid #d1d5db;
	background: #fff;
	color: #374151;
	font-weight: 600;
	cursor: pointer;
	font-size: 14px;
}

.rgpd-withdraw button:hover {
	background: #f3f4f6;
}

.rgpd-withdraw button:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

#stratege-withdraw-feedback {
	margin-top: 12px;
	font-weight: 600;
	color: #059669;
}

#stratege-withdraw-feedback.err {
	color: #b91c1c;
}

@media (max-width: 768px) {
	.stratege-report-shell #stratege-report-tabs.pk-stratege-tabs {
		top: 56px;
	}
}

/* ── Catalogue liste : cartes + chip domaine + CTA bouton ── */
.stratege-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 8px;
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}

.slr {
	padding: 20px 22px 18px;
	background: #fff;
	border: 1px solid #e8e4f5;
	border-radius: 14px;
	box-shadow: 0 2px 12px rgba(45, 27, 105, 0.06);
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.18s;
}

.slr:hover {
	border-color: #d4ccff;
	box-shadow: 0 8px 28px rgba(108, 71, 255, 0.12);
	transform: translateY(-2px);
	background: #fff;
}

/* Ligne principale : domaine + métadonnées + CTA aligné à droite */
.slr-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 12px 18px;
	margin-bottom: 12px;
}

.slr-domain {
	flex: 0 1 auto;
	min-width: 0;
}

.slr-domain-chip {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 7px 14px;
	background: linear-gradient(180deg, #faf9ff 0%, #f1edff 100%);
	border: 1px solid #e4dff7;
	border-radius: 11px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(45, 27, 105, 0.04);
	color: #2d1b69;
	font-weight: 700;
	font-size: 0.95rem;
}

.slr-domain-chip .slr-domain-link {
	font-weight: 700;
	font-size: 0.95rem;
	color: #2d1b69;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: min(100vw - 120px, 320px);
}

.slr-domain-chip .slr-domain-link:hover {
	color: #6c47ff;
	text-decoration: underline;
}

.slr-meta {
	flex: 1 1 220px;
	min-width: 0;
	font-size: 0.82rem;
	color: #555;
	line-height: 1.55;
}

.slr-head .slr-cta-btn {
	flex: 0 0 auto;
	margin-left: auto;
	align-self: center;
}

.slr-meta strong {
	color: #1a1a2e;
}

.slr-lost {
	color: inherit;
	font-weight: inherit;
}

/* Dépliable */
.slr-details {
	margin-bottom: 0;
}

.slr-summary {
	font-size: 0.8rem;
	color: #6c47ff;
	cursor: pointer;
	list-style: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	user-select: none;
}

.slr-summary::-webkit-details-marker {
	display: none;
}

.slr-summary::marker {
	content: "";
}

.slr-chevron {
	font-size: 0.65rem;
	transition: transform 0.2s;
	display: inline-block;
}

details[open] .slr-chevron {
	transform: rotate(90deg);
}

.slr-syntext {
	margin: 8px 0 0 0;
	font-size: 0.82rem;
	color: #444;
	line-height: 1.6;
	padding: 12px 16px;
	background: #f7f6ff;
	border-left: 3px solid #6c47ff;
	border-radius: 0 8px 8px 0;
}

/* blog.css impose .article-content a { color: #6C47FF } — surcharger pour le CTA catalogue */
.article-content a.slr-cta-btn,
.article-content a.slr-cta-btn:visited {
	color: #fff;
	text-decoration: none;
}

.article-content a.slr-cta-btn:hover,
.article-content a.slr-cta-btn:focus {
	color: #fff;
	text-decoration: none;
}

.article-content a.slr-cta-btn .slr-cta-btn-text,
.article-content a.slr-cta-btn .slr-cta-btn-icon {
	color: inherit;
}

/* Bouton CTA rapport */
.slr-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	font-size: 0.8125rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(135deg, #6c47ff 0%, #5535d4 100%);
	border-radius: 11px;
	box-shadow: 0 2px 10px rgba(108, 71, 255, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.12);
	transition: transform 0.15s, box-shadow 0.2s, filter 0.15s;
}

.slr-cta-btn:hover {
	color: #fff;
	text-decoration: none;
	filter: brightness(1.05);
	transform: translateY(-1px);
	box-shadow: 0 5px 18px rgba(108, 71, 255, 0.45);
}

.slr-cta-btn:focus-visible {
	outline: 2px solid #c4b5fd;
	outline-offset: 2px;
}

.slr-cta-btn-icon {
	font-size: 1.05em;
	line-height: 1;
	opacity: 0.95;
}

/* Mobile */
@media (max-width: 600px) {
	.slr {
		padding: 16px 16px 14px;
	}

	.slr-head {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.slr-meta {
		flex: 1 1 100%;
		order: 3;
	}

	.slr-head .slr-cta-btn {
		margin-left: auto;
		order: 2;
	}

	.slr-domain {
		order: 1;
		flex: 1 1 auto;
		min-width: 0;
	}

	.slr-domain-chip .slr-domain-link {
		max-width: 100%;
	}
}