/* ============================================================
   J-HyTEL Impact Intelligence 1.2.0
   Additive rules only. Existing .jhytel-impact-* theme rules remain
   the visual owner so the plugin is a drop-in replacement for manual HTML.
   ============================================================ */

.jhii-card[hidden],
.jhii-modal[hidden],
.jhii-panel[hidden] {
	display: none !important;
}

.jhii-card button,
.jhii-modal button {
	font-family: "Perpetua", Georgia, "Times New Roman", serif;
}

.jhii-open,
.jhii-close,
.jhii-done {
	cursor: pointer;
}

.jhii-modal {
	z-index: 100000 !important;
}

.jhii-modal.is-open {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

.jhii-backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.jhii-window {
	position: relative;
	z-index: 1;
}

.jhii-tabs {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 4px;
	padding: 9px 22px;
	overflow-x: auto;
	background: #fff;
	border-bottom: 1px solid #eadfe7;
	scrollbar-width: thin;
}

.jhii-tabs button {
	position: relative;
	min-height: 34px;
	padding: 7px 13px;
	color: #786b73;
	background: transparent;
	border: 0;
	border-radius: 0;
	font-family: "Perpetua", Georgia, "Times New Roman", serif;
	font-size: 15px;
	font-style: italic;
	font-variant: unicase;
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
}

.jhii-tabs button::after {
	position: absolute;
	right: 13px;
	bottom: 0;
	left: 13px;
	height: 2px;
	background: transparent;
	content: "";
}

.jhii-tabs button:hover,
.jhii-tabs button:focus-visible,
.jhii-tabs button.is-active {
	color: #610c3a;
	outline: none;
}

.jhii-tabs button.is-active::after {
	background: #610c3a;
}

.jhii-content {
	display: block !important;
}

.jhii-panel {
	width: 100%;
	min-width: 0;
}

.jhii-overview-grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
	align-items: start;
	gap: 18px;
}

.jhii-wide-source {
	width: 100%;
}

.jhii-evidence-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 18px;
}

.jhii-document-types {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.jhii-provenance {
	display: grid;
	gap: 0;
	margin: 0;
}

.jhii-provenance > div {
	display: grid;
	grid-template-columns: minmax(120px, .7fr) minmax(0, 1.3fr);
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid #eee4ea;
}

.jhii-provenance dt {
	color: #756970;
}

.jhii-provenance dd {
	margin: 0;
	color: #35122f;
	overflow-wrap: anywhere;
}

.jhii-hash {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	word-break: break-all;
}

.jhii-method p {
	margin: 0;
	padding: 8px 0;
	color: #665a61;
	border-bottom: 1px solid #eee4ea;
}

.jhii-method strong {
	color: #610c3a;
	font-weight: 400;
}

.jhii-warning-note ul {
	margin: 8px 0 0 18px;
}

.jhii-source-accordion {
	margin: 0;
}

.jhii-history-chart {
	width: 100%;
	min-height: 165px;
	margin: 2px 0 15px;
	padding: 8px;
	background: #fff;
	border: 1px solid #eee3e9;
	border-radius: 10px;
}

.jhii-history-chart svg {
	display: block;
	width: 100%;
	height: auto;
}

.jhii-history-chart text {
	font-family: "Perpetua", Georgia, "Times New Roman", serif;
	fill: #81747c;
	font-size: 11px;
}

.jhii-history-chart .jhii-grid {
	stroke: #eee4ea;
	stroke-width: 1;
	stroke-dasharray: 3 5;
}

.jhii-history-chart .jhii-line {
	fill: none;
	stroke: #610c3a;
	stroke-width: 2.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.jhii-history-chart .jhii-area {
	fill: rgba(121,7,70,.07);
}

.jhii-history-chart .jhii-point {
	fill: #790746;
	stroke: #fff;
	stroke-width: 1.6;
}

.jhii-history-list {
	display: grid;
	gap: 8px;
}

.jhii-history-item {
	display: grid;
	grid-template-columns: minmax(170px, 1.4fr) repeat(4, minmax(80px, .65fr));
	align-items: center;
	gap: 8px;
	padding: 11px 12px;
	background: #fff;
	border: 1px solid #e9dfe5;
	border-radius: 10px;
}

.jhii-history-item > div {
	min-width: 0;
}

.jhii-history-item strong,
.jhii-history-item span,
.jhii-history-item small {
	display: block;
}

.jhii-history-item strong {
	color: #610c3a;
	font-weight: 400;
}

.jhii-history-item span,
.jhii-history-item small {
	color: #7a6d75;
	font-size: 12px;
}

.jhii-editorial-note {
	margin-top: 18px;
}

body.jhii-modal-open {
	overflow: hidden;
}

@media (max-width: 850px) {
	.jhii-overview-grid,
	.jhii-evidence-grid {
		grid-template-columns: 1fr;
	}

	.jhii-document-types {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.jhii-history-item {
		grid-template-columns: minmax(160px, 1.2fr) repeat(2, minmax(90px, .6fr));
	}
}

@media (max-width: 650px) {
	.jhii-tabs {
		padding-right: 14px;
		padding-left: 14px;
	}

	.jhii-document-types {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.jhii-provenance > div {
		grid-template-columns: 1fr;
		gap: 3px;
	}

	.jhii-history-item {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jhii-history-item > div:first-child {
		grid-column: 1 / -1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jhii-tabs button {
		transition: none !important;
	}
}

/* ============================================================
   1.1.0 usability and evidence-detail additions
   ============================================================ */

.jhii-card-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 14px;
	margin: 12px 0 0;
	color: #81747c;
	font-family: "Perpetua", Georgia, "Times New Roman", serif;
	font-size: 12px;
	font-style: italic;
}

.jhii-card-meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.jhii-card-meta span::before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #b99736;
	content: "";
}

.jhii-summary-strip {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
	gap: 14px;
	margin-bottom: 18px;
}

.jhii-coverage,
.jhii-verification-pair {
	padding: 14px 15px;
	background: #fff;
	border: 1px solid #eadfe7;
	border-radius: 11px;
}

.jhii-coverage-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	color: #62565d;
}

.jhii-coverage-head strong {
	color: #610c3a;
	font-size: 22px;
	font-weight: 400;
}

.jhii-progress {
	height: 8px;
	margin: 10px 0 7px;
	overflow: hidden;
	background: #f1e7ed;
	border-radius: 999px;
}

.jhii-progress > span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #610c3a 0%, #9d1765 100%);
	border-radius: inherit;
}

.jhii-coverage small {
	color: #81747c;
}

.jhii-verification-pair {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.jhii-verification-pair > div {
	min-width: 0;
}

.jhii-verification-pair span,
.jhii-verification-pair strong,
.jhii-verification-pair small {
	display: block;
}

.jhii-verification-pair span {
	color: #8a7d84;
	font-size: 12px;
}

.jhii-verification-pair strong {
	margin: 3px 0;
	color: #4a1a38;
	font-size: 14px;
	font-weight: 400;
}

.jhii-verification-pair small {
	color: #8a7d84;
	font-size: 11px;
}

.jhii-trend-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin: 0 0 18px;
}

.jhii-trend-row > div {
	padding: 9px 10px;
	text-align: center;
	background: #fffafd;
	border: 1px solid #eadfe7;
	border-radius: 9px;
}

.jhii-trend-row span,
.jhii-trend-row small {
	display: block;
}

.jhii-trend-row span {
	color: #790746;
	font-size: 18px;
}

.jhii-trend-row small {
	color: #756970;
	font-size: 11px;
}

.jhii-trend-row p {
	grid-column: 1 / -1;
	margin: 0;
	color: #8a7d84;
	font-size: 11px;
	font-style: italic;
	text-align: right;
}

.jhii-evidence-health {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-top: 14px;
}

.jhii-evidence-health > div {
	padding: 10px;
	text-align: center;
	background: #fff;
	border: 1px solid #eadfe7;
	border-radius: 9px;
}

.jhii-evidence-health strong,
.jhii-evidence-health span {
	display: block;
}

.jhii-evidence-health strong {
	color: #790746;
	font-size: 19px;
	font-weight: 400;
}

.jhii-evidence-health span {
	margin-top: 3px;
	color: #756970;
	font-size: 11px;
}

.jhii-dedupe {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px;
	margin-top: 12px;
}

.jhii-dedupe > span {
	grid-column: 1 / -1;
	color: #756970;
	font-size: 12px;
	font-style: italic;
}

.jhii-dedupe > div {
	padding: 8px 6px;
	text-align: center;
	background: #fbf8fa;
	border: 1px solid #eee3e9;
	border-radius: 8px;
	color: #756970;
	font-size: 11px;
}

.jhii-dedupe strong {
	display: block;
	color: #610c3a;
	font-size: 16px;
	font-weight: 400;
}

.jhii-columns {
	margin-top: 14px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #eadfe7;
	border-radius: 9px;
}

.jhii-columns summary {
	color: #610c3a;
	cursor: pointer;
	font-style: italic;
}

.jhii-columns p {
	margin: 8px 0 0;
	color: #756970;
	font-size: 12px;
	line-height: 1.45;
}

.jhii-source-tools {
	margin-bottom: 14px;
	padding: 12px 13px;
	background: #fff;
	border: 1px solid #eadfe7;
	border-radius: 10px;
}

.jhii-source-tools label {
	display: block;
	margin-bottom: 5px;
	color: #610c3a;
	font-size: 13px;
	font-style: italic;
}

.jhii-source-search-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.jhii-source-search-row input {
	flex: 1 1 auto;
	min-width: 0;
	height: 38px;
	padding: 7px 10px;
	color: #3f343a;
	background: #fff;
	border: 1px solid #dacdd5;
	border-radius: 7px;
	font: 400 14px/1.2 "Perpetua", Georgia, "Times New Roman", serif;
}

.jhii-source-search-row input:focus {
	border-color: #790746;
	outline: 2px solid rgba(121,7,70,.11);
	outline-offset: 1px;
}

.jhii-source-count {
	flex: 0 0 auto;
	color: #81747c;
	font-size: 12px;
}

.jhii-no-source-results {
	margin: 12px 0 0;
	padding: 12px;
	color: #756970;
	text-align: center;
	background: #fbf8fa;
	border: 1px dashed #dfd1d9;
	border-radius: 9px;
}

.jhii-chart-toolbar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin: 3px 0 9px;
}

.jhii-chart-toolbar label {
	color: #756970;
	font-size: 12px;
}

.jhii-chart-toolbar select {
	min-height: 34px;
	padding: 5px 28px 5px 8px;
	color: #4d2339;
	background: #fff;
	border: 1px solid #dacdd5;
	border-radius: 7px;
	font: 400 13px/1.2 "Perpetua", Georgia, "Times New Roman", serif;
}

.jhii-tabs button:focus-visible,
.jhii-window:focus-visible {
	outline: 2px solid rgba(121,7,70,.28);
	outline-offset: 2px;
}

@media (max-width: 850px) {
	.jhii-summary-strip {
		grid-template-columns: 1fr;
	}

	.jhii-trend-row,
	.jhii-evidence-health {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 650px) {
	.jhii-card-meta {
		display: grid;
		gap: 4px;
	}

	.jhii-verification-pair,
	.jhii-dedupe {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jhii-source-search-row {
		align-items: stretch;
		flex-direction: column;
	}

	.jhii-source-count {
		align-self: flex-end;
	}

	.jhii-chart-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.jhii-chart-toolbar select {
		width: 100%;
	}
}

.jhii-disclosure-mark {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	transform: none !important;
	font-style: normal;
}

.jhii-disclosure-mark::before {
	content: "+";
}

details[open] > summary .jhii-disclosure-mark::before {
	content: "−";
}


/* ============================================================
   1.1.2 compact public-card refinement
   Visual goal: match J-HyTEL homepage metric boxes, improve readability,
   remove heavy emphasis, and keep the impact modal compact.
   ============================================================ */

#jhImpactIntelligenceCard,
#jhImpactIntelligenceModal {
	--jhii-wine: #610c3a;
	--jhii-wine-2: #790746;
	--jhii-ink: #44383f;
	--jhii-muted: #776a72;
	--jhii-line: #ead8e4;
	--jhii-soft: #fffafd;
	--jhii-soft-2: #fff5fb;
}

/* Keep all numeric/text emphasis elegant rather than bold. */
#jhImpactIntelligenceCard strong,
#jhImpactIntelligenceModal strong,
#jhImpactIntelligenceCard b,
#jhImpactIntelligenceModal b {
	font-weight: 400 !important;
}

/* Homepage four-box summary: larger labels, compact height, same visual family. */
#jhImpactIntelligenceCard .jhytel-impact-metrics {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 12px !important;
	align-items: stretch !important;
}

#jhImpactIntelligenceCard .jhytel-impact-metric {
	min-height: 96px !important;
	padding: 13px 11px 12px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	text-align: center !important;
	background: linear-gradient(145deg, var(--jhii-soft) 0%, var(--jhii-soft-2) 100%) !important;
	border: 1px solid var(--jhii-line) !important;
	border-radius: 12px !important;
	box-shadow: 0 5px 14px rgba(53, 18, 47, .045) !important;
}

#jhImpactIntelligenceCard .jhii-metric-value,
#jhImpactIntelligenceCard .jhytel-impact-metric strong {
	display: block !important;
	margin: 0 !important;
	color: var(--jhii-wine-2) !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

#jhImpactIntelligenceCard .jhii-metric-label,
#jhImpactIntelligenceCard .jhytel-impact-metric > span:not(.jhii-metric-value) {
	display: block !important;
	max-width: 100% !important;
	color: #5d4f57 !important;
	font-size: 15.5px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	line-height: 1.22 !important;
	text-wrap: balance;
}

/* Modal shell: no excessive vertical growth. */
#jhImpactIntelligenceModal .jhii-window {
	width: min(1100px, calc(100vw - 36px)) !important;
	max-width: 1100px !important;
	max-height: min(90vh, 820px) !important;
	overflow: hidden !important;
}

#jhImpactIntelligenceModal .jhii-content {
	max-height: calc(min(90vh, 820px) - 178px) !important;
	overflow-y: auto !important;
	padding: 17px 20px 19px !important;
}

#jhImpactIntelligenceModal .jhii-overview-grid {
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
	gap: 14px !important;
	align-items: start !important;
}

#jhImpactIntelligenceModal .jhii-summary-strip {
	gap: 10px !important;
	margin-bottom: 14px !important;
}

#jhImpactIntelligenceModal .jhii-coverage,
#jhImpactIntelligenceModal .jhii-verification-pair {
	padding: 11px 13px !important;
	border-radius: 10px !important;
}

/* Source panels: compact, clean, and visually aligned to the homepage cards. */
#jhImpactIntelligenceModal .jhytel-impact-source {
	min-width: 0 !important;
	padding: 15px 16px !important;
	background: #fff !important;
	border: 1px solid var(--jhii-line) !important;
	border-radius: 13px !important;
	box-shadow: 0 5px 14px rgba(53, 18, 47, .04) !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-header {
	margin: 0 0 12px !important;
	padding: 0 0 11px !important;
	gap: 8px 12px !important;
	border-bottom: 1px solid #eee4ea !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-header > div:first-child {
	color: var(--jhii-muted) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	line-height: 1.25 !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-header h3 {
	margin: 4px 0 0 !important;
	color: #35122f !important;
	font-size: 19px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	line-height: 1.2 !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-header a,
#jhImpactIntelligenceModal .jhytel-impact-status {
	font-size: 12.5px !important;
	font-weight: 400 !important;
}

/* Google = 3 compact cards; Scopus = 3 x 2 compact cards. */
#jhImpactIntelligenceModal .jhytel-impact-source-metrics {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin: 0 !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div {
	min-height: 78px !important;
	padding: 10px 8px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	text-align: center !important;
	color: var(--jhii-ink) !important;
	background: linear-gradient(145deg, var(--jhii-soft) 0%, var(--jhii-soft-2) 100%) !important;
	border: 1px solid var(--jhii-line) !important;
	border-radius: 11px !important;
	box-shadow: 0 3px 9px rgba(53, 18, 47, .035) !important;
	font-size: 14.5px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.18 !important;
}

#jhImpactIntelligenceModal .jhii-source-value,
#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div strong {
	display: block !important;
	margin: 0 !important;
	color: var(--jhii-wine-2) !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

#jhImpactIntelligenceModal .jhii-source-label {
	display: block !important;
	color: #55484f !important;
	font-size: 14.5px !important;
	font-weight: 400 !important;
	line-height: 1.18 !important;
	text-wrap: balance;
}

/* Notes stay readable without becoming another tall card. */
#jhImpactIntelligenceModal .jhytel-impact-data-note,
#jhImpactIntelligenceModal .jhytel-impact-disclaimer,
#jhImpactIntelligenceModal .jhytel-impact-note {
	margin-top: 11px !important;
	padding: 10px 12px !important;
	color: #675b62 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.42 !important;
	border-radius: 10px !important;
}

#jhImpactIntelligenceModal .jhii-notice-title {
	display: block !important;
	margin: 0 0 4px !important;
	color: #4d2339 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	font-style: italic !important;
}

/* Citing-source lists: names are intentionally not bold. */
#jhImpactIntelligenceModal .jhytel-quartile-list li {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

#jhImpactIntelligenceModal .jhii-source-name {
	display: block !important;
	color: #483b42 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
}

#jhImpactIntelligenceModal .jhytel-quartile-list small {
	margin-top: 2px !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

/* Prevent detail/evidence metric blocks from becoming oversized. */
#jhImpactIntelligenceModal .jhii-document-types > div,
#jhImpactIntelligenceModal .jhii-evidence-health > div,
#jhImpactIntelligenceModal .jhii-dedupe > div {
	min-height: 0 !important;
}

#jhImpactIntelligenceModal .jhii-evidence-grid {
	gap: 14px !important;
	margin-top: 14px !important;
}

#jhImpactIntelligenceModal .jhii-evidence-health {
	gap: 8px !important;
	margin-top: 11px !important;
}

/* Tablet and mobile */
@media (max-width: 900px) {
	#jhImpactIntelligenceCard .jhytel-impact-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#jhImpactIntelligenceModal .jhii-overview-grid {
		grid-template-columns: 1fr !important;
	}

	#jhImpactIntelligenceModal .jhii-window {
		width: min(760px, calc(100vw - 24px)) !important;
		max-height: 92vh !important;
	}

	#jhImpactIntelligenceModal .jhii-content {
		max-height: calc(92vh - 170px) !important;
	}
}

@media (max-width: 600px) {
	#jhImpactIntelligenceCard .jhytel-impact-metric {
		min-height: 88px !important;
		padding: 11px 8px !important;
	}

	#jhImpactIntelligenceCard .jhii-metric-value,
	#jhImpactIntelligenceCard .jhytel-impact-metric strong {
		font-size: 20px !important;
	}

	#jhImpactIntelligenceCard .jhii-metric-label,
	#jhImpactIntelligenceCard .jhytel-impact-metric > span:not(.jhii-metric-value) {
		font-size: 14px !important;
	}

	#jhImpactIntelligenceModal .jhii-content {
		padding: 13px 12px 15px !important;
	}

	#jhImpactIntelligenceModal .jhytel-impact-source {
		padding: 13px !important;
	}

	#jhImpactIntelligenceModal .jhytel-impact-source-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	#jhImpactIntelligenceModal [data-impact-source="google-scholar"] .jhytel-impact-source-metrics {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div {
		min-height: 70px !important;
		padding: 8px 5px !important;
	}

	#jhImpactIntelligenceModal .jhii-source-value,
	#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div strong {
		font-size: 18px !important;
	}

	#jhImpactIntelligenceModal .jhii-source-label {
		font-size: 13px !important;
	}
}

@media (max-width: 420px) {
	#jhImpactIntelligenceCard .jhytel-impact-metrics {
		grid-template-columns: 1fr 1fr !important;
	}

	#jhImpactIntelligenceModal [data-impact-source="google-scholar"] .jhytel-impact-source-metrics {
		grid-template-columns: 1fr 1fr 1fr !important;
	}

	#jhImpactIntelligenceModal .jhii-source-label {
		font-size: 12.5px !important;
	}
}


/* ============================================================
   1.2.0 compact intelligence layout
   Homepage: intro + four metrics + actions in one row.
   Modal: mixed-case compact cards, direct source directories,
   article-level citedness, and an internal four-year ratio.
   ============================================================ */

#jhImpactIntelligenceCard {
	display: grid !important;
	grid-template-columns: minmax(270px, .95fr) minmax(500px, 1.7fr) minmax(190px, .65fr) !important;
	grid-template-areas: "intro metrics actions" !important;
	align-items: center !important;
	gap: 20px !important;
	min-height: 0 !important;
	padding: 20px 26px !important;
}

#jhImpactIntelligenceCard .jhytel-impact-intro {
	grid-area: intro !important;
	margin: 0 !important;
	padding: 0 !important;
}

#jhImpactIntelligenceCard .jhytel-impact-intro h2 {
	margin-top: 5px !important;
	margin-bottom: 7px !important;
}

#jhImpactIntelligenceCard .jhytel-impact-intro p {
	margin: 0 !important;
	max-width: 310px !important;
}

#jhImpactIntelligenceCard .jhytel-impact-metrics {
	grid-area: metrics !important;
	margin: 0 !important;
}

#jhImpactIntelligenceCard .jhytel-impact-actions {
	grid-area: actions !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 8px !important;
	align-self: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

#jhImpactIntelligenceCard .jhytel-impact-button {
	width: 100% !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 10px 15px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	font-size: 14.5px !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
}

#jhImpactIntelligenceCard .jhytel-impact-button::before,
#jhImpactIntelligenceCard .jhytel-impact-button::after {
	content: none !important;
	display: none !important;
}

#jhImpactIntelligenceCard .jhii-card-meta {
	display: none !important;
}

#jhImpactIntelligenceCard .jhytel-impact-metric {
	min-height: 86px !important;
	padding: 11px 9px !important;
}

#jhImpactIntelligenceCard .jhii-metric-value {
	font-size: 20px !important;
}

#jhImpactIntelligenceCard .jhii-metric-label {
	font-size: 15px !important;
	line-height: 1.18 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-variant: normal !important;
}

/* Modal typography must not inherit uppercase styling from the homepage theme. */
#jhImpactIntelligenceModal .jhytel-impact-source-metrics,
#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div,
#jhImpactIntelligenceModal .jhii-source-label,
#jhImpactIntelligenceModal .jhii-source-value,
#jhImpactIntelligenceModal .jhii-source-name,
#jhImpactIntelligenceModal .jhii-article-title,
#jhImpactIntelligenceModal .jhii-article-meta,
#jhImpactIntelligenceModal .jhii-source-directory-title {
	text-transform: none !important;
	letter-spacing: normal !important;
	font-variant: normal !important;
	font-weight: 400 !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div {
	min-height: 70px !important;
	padding: 9px 7px !important;
	border-radius: 10px !important;
}

#jhImpactIntelligenceModal .jhii-source-value {
	font-size: 19px !important;
}

#jhImpactIntelligenceModal .jhii-source-label {
	font-size: 14px !important;
	line-height: 1.15 !important;
}

/* Four-year ratio: compact evidence strip, deliberately not styled as official CiteScore. */
#jhImpactIntelligenceModal .jhii-ratio-card {
	display: grid;
	grid-template-columns: minmax(185px, 1fr) auto minmax(210px, 1.1fr);
	align-items: center;
	gap: 9px 12px;
	margin-top: 10px;
	padding: 10px 12px;
	background: linear-gradient(145deg, #fffafd 0%, #fff6fb 100%);
	border: 1px solid #ead8e4;
	border-radius: 10px;
	color: #584b53;
}

#jhImpactIntelligenceModal .jhii-ratio-kicker,
#jhImpactIntelligenceModal .jhii-ratio-window,
#jhImpactIntelligenceModal .jhii-ratio-formula,
#jhImpactIntelligenceModal .jhii-ratio-value {
	display: block;
	font-weight: 400;
}

#jhImpactIntelligenceModal .jhii-ratio-kicker {
	color: #4d2339;
	font-size: 14px;
	font-style: italic;
}

#jhImpactIntelligenceModal .jhii-ratio-window {
	margin-top: 2px;
	color: #81747c;
	font-size: 11px;
}

#jhImpactIntelligenceModal .jhii-ratio-value {
	color: #790746;
	font-size: 23px;
	line-height: 1;
}

#jhImpactIntelligenceModal .jhii-ratio-formula {
	color: #55484f;
	font-size: 13.5px;
	line-height: 1.2;
}

#jhImpactIntelligenceModal .jhii-ratio-card small {
	grid-column: 1 / -1;
	color: #81747c;
	font-size: 11.5px;
	line-height: 1.3;
}

/* Direct citing-source directory: names remain visible, with internal scrolling. */
#jhImpactIntelligenceModal .jhii-source-columns {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr) minmax(0, .9fr);
	gap: 12px;
	align-items: start;
}

#jhImpactIntelligenceModal .jhii-source-directory {
	min-width: 0;
	padding: 12px;
	background: #fff;
	border: 1px solid #eadfe7;
	border-radius: 11px;
	box-shadow: 0 4px 12px rgba(53, 18, 47, .035);
}

#jhImpactIntelligenceModal .jhii-source-directory-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee4ea;
}

#jhImpactIntelligenceModal .jhii-source-directory-head > div {
	min-width: 0;
}

#jhImpactIntelligenceModal .jhii-source-directory-title {
	display: block;
	color: #35122f;
	font-size: 15px;
	font-style: italic;
	line-height: 1.2;
}

#jhImpactIntelligenceModal .jhii-source-directory-head small {
	display: block;
	margin-top: 2px;
	color: #81747c;
	font-size: 11.5px;
}

#jhImpactIntelligenceModal .jhii-source-list {
	max-height: 285px;
	margin: 8px 0 0 !important;
	padding: 0 4px 0 22px !important;
	overflow-y: auto;
	scrollbar-width: thin;
}

#jhImpactIntelligenceModal .jhii-source-list li {
	padding: 7px 4px !important;
	border-bottom: 1px solid #f0e8ed;
}

#jhImpactIntelligenceModal .jhii-source-list li:last-child {
	border-bottom: 0;
}

/* Cited article directory. */
#jhImpactIntelligenceModal .jhii-article-list {
	display: grid;
	gap: 7px;
	max-height: 430px;
	overflow-y: auto;
	padding-right: 3px;
	scrollbar-width: thin;
}

#jhImpactIntelligenceModal .jhii-article-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 92px 95px;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #eadfe7;
	border-radius: 10px;
}

#jhImpactIntelligenceModal .jhii-article-copy {
	min-width: 0;
}

#jhImpactIntelligenceModal .jhii-article-title {
	display: block;
	color: #43363d;
	font-size: 15px;
	line-height: 1.28;
}

#jhImpactIntelligenceModal .jhii-article-meta {
	display: block;
	margin-top: 3px;
	color: #81747c;
	font-size: 11.5px;
	line-height: 1.25;
}

#jhImpactIntelligenceModal .jhii-article-citations {
	text-align: center;
	color: #756970;
	font-size: 11.5px;
}

#jhImpactIntelligenceModal .jhii-article-citation-value {
	display: block;
	color: #790746;
	font-size: 19px;
	font-weight: 400;
	line-height: 1;
}

#jhImpactIntelligenceModal .jhii-article-link {
	justify-self: end;
	color: #790746;
	font-size: 12.5px;
	font-style: italic;
	white-space: nowrap;
}

/* Popup shell remains compact even with richer evidence. */
#jhImpactIntelligenceModal .jhii-window {
	max-height: 88vh !important;
}

#jhImpactIntelligenceModal .jhii-content {
	max-height: calc(88vh - 170px) !important;
}

@media (max-width: 1120px) {
	#jhImpactIntelligenceCard {
		grid-template-columns: minmax(250px, .85fr) minmax(430px, 1.45fr) minmax(170px, .55fr) !important;
		gap: 14px !important;
		padding: 18px 20px !important;
	}

	#jhImpactIntelligenceCard .jhii-metric-label {
		font-size: 14px !important;
	}
}

@media (max-width: 960px) {
	#jhImpactIntelligenceCard {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) !important;
		grid-template-areas:
			"intro metrics"
			"actions actions" !important;
	}

	#jhImpactIntelligenceCard .jhytel-impact-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#jhImpactIntelligenceModal .jhii-source-columns {
		grid-template-columns: 1fr 1fr;
	}

	#jhImpactIntelligenceModal .jhii-source-directory:first-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 720px) {
	#jhImpactIntelligenceCard {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"intro"
			"metrics"
			"actions" !important;
	}

	#jhImpactIntelligenceCard .jhytel-impact-intro p {
		max-width: none !important;
	}

	#jhImpactIntelligenceModal .jhii-source-columns {
		grid-template-columns: 1fr;
	}

	#jhImpactIntelligenceModal .jhii-source-directory:first-child {
		grid-column: auto;
	}

	#jhImpactIntelligenceModal .jhii-ratio-card {
		grid-template-columns: 1fr auto;
	}

	#jhImpactIntelligenceModal .jhii-ratio-formula {
		grid-column: 1 / -1;
	}

	#jhImpactIntelligenceModal .jhii-article-item {
		grid-template-columns: minmax(0, 1fr) 76px;
	}

	#jhImpactIntelligenceModal .jhii-article-link {
		grid-column: 1 / -1;
		justify-self: start;
	}
}

@media (max-width: 520px) {
	#jhImpactIntelligenceCard .jhytel-impact-actions {
		grid-template-columns: 1fr !important;
	}

	#jhImpactIntelligenceModal .jhii-ratio-card {
		grid-template-columns: 1fr;
	}

	#jhImpactIntelligenceModal .jhii-ratio-value,
	#jhImpactIntelligenceModal .jhii-ratio-formula {
		grid-column: auto;
	}
}


/* ============================================================
   1.3.0 public privacy + source-directory + trend-chart refinement
   All public source rows are plugin-owned to avoid collisions with
   legacy quartile/list styling from the journal theme.
   ============================================================ */

#jhImpactIntelligenceModal .jhii-window {
	height: auto !important;
	min-height: 0 !important;
	max-height: 90vh !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}

#jhImpactIntelligenceModal .jhii-content {
	flex: 0 1 auto !important;
	min-height: 0 !important;
	max-height: calc(90vh - 174px) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

#jhImpactIntelligenceModal .jhii-update-strip {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 18px;
	margin: 0 0 12px;
	padding: 8px 11px;
	color: #756970;
	background: #fffafd;
	border: 1px solid #eadfe7;
	border-radius: 9px;
	font-size: 12.5px;
	font-style: italic;
}

#jhImpactIntelligenceModal .jhii-update-strip span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

#jhImpactIntelligenceModal .jhii-update-strip span::before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #b58a22;
	content: "";
}

#jhImpactIntelligenceModal .jhii-update-strip em {
	color: #5c4d55;
	font-style: normal;
}

#jhImpactIntelligenceModal .jhii-overview-source {
	padding: 14px 15px !important;
}

#jhImpactIntelligenceModal .jhii-overview-source .jhytel-impact-source-metrics > div {
	min-height: 68px !important;
	padding: 8px 6px !important;
}

#jhImpactIntelligenceModal .jhii-citedness-inline {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-top: 11px;
	color: #665961;
	font-size: 12.5px;
}

#jhImpactIntelligenceModal .jhii-citedness-inline div > span,
#jhImpactIntelligenceModal .jhii-citedness-inline div > em {
	display: block;
}

#jhImpactIntelligenceModal .jhii-citedness-inline em {
	margin-top: 2px;
	color: #81747c;
	font-size: 11.5px;
	font-style: normal;
}

#jhImpactIntelligenceModal .jhii-citedness-inline > span {
	color: #790746;
	font-size: 18px;
	font-weight: 400;
}

#jhImpactIntelligenceModal .jhii-compact-disclaimer {
	margin: 9px 0 0 !important;
	padding: 8px 10px !important;
	color: #756970 !important;
	background: #fbf8fa !important;
	border: 1px solid #eee3e9 !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

#jhImpactIntelligenceModal .jhii-trend-row--compact {
	margin-top: 12px !important;
	margin-bottom: 0 !important;
}

#jhImpactIntelligenceModal .jhii-google-mini-chart {
	margin-top: 11px;
	padding-top: 9px;
	border-top: 1px solid #eee4ea;
}

#jhImpactIntelligenceModal .jhii-chart-title-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 4px;
	color: #4d2339;
	font-size: 13px;
	font-style: italic;
}

#jhImpactIntelligenceModal .jhii-chart-title-row small {
	color: #8a7d84;
	font-size: 10.5px;
	font-style: normal;
}

/* Google Scholar bar chart */
#jhImpactIntelligenceModal .jhii-google-year-chart {
	width: 100%;
	min-height: 118px;
	overflow: hidden;
}

#jhImpactIntelligenceModal .jhii-google-year-chart--large {
	min-height: 205px;
}

#jhImpactIntelligenceModal .jhii-google-year-chart svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

#jhImpactIntelligenceModal .jhii-google-grid {
	stroke: #eee4ea;
	stroke-width: 1;
	stroke-dasharray: 3 5;
}

#jhImpactIntelligenceModal .jhii-google-bar {
	fill: #790746;
	opacity: .82;
	transition: opacity .16s ease, transform .16s ease;
	transform-box: fill-box;
	transform-origin: center bottom;
}

#jhImpactIntelligenceModal .jhii-google-bar:hover,
#jhImpactIntelligenceModal .jhii-google-bar:focus {
	opacity: 1;
	transform: scaleY(1.025);
	outline: none;
}

#jhImpactIntelligenceModal .jhii-google-value,
#jhImpactIntelligenceModal .jhii-google-year {
	font-family: "Perpetua", Georgia, "Times New Roman", serif;
	fill: #5f5259;
	font-size: 12px;
	font-weight: 400;
}

#jhImpactIntelligenceModal .jhii-google-year {
	fill: #81747c;
	font-size: 11px;
}

#jhImpactIntelligenceModal .jhii-chart-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 105px;
	padding: 12px;
	color: #8a7d84;
	text-align: center;
	background: #fbf8fa;
	border: 1px dashed #e1d5dc;
	border-radius: 8px;
	font-size: 12px;
	font-style: italic;
}

/* Citing Sources: isolated from legacy .jhytel-quartile-* styling. */
#jhImpactIntelligenceModal .jhii-source-layout,
#jhImpactIntelligenceModal .jhii-source-layout * {
	box-sizing: border-box;
}

#jhImpactIntelligenceModal .jhii-source-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
	gap: 12px;
	align-items: start;
}

#jhImpactIntelligenceModal .jhii-source-side-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	min-width: 0;
}

#jhImpactIntelligenceModal .jhii-source-directory {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 12px !important;
	overflow: hidden !important;
	background: #fff !important;
	border: 1px solid #eadfe7 !important;
	border-radius: 11px !important;
	box-shadow: 0 4px 12px rgba(53,18,47,.035) !important;
}

#jhImpactIntelligenceModal .jhii-source-directory[hidden] {
	display: none !important;
}

#jhImpactIntelligenceModal .jhii-source-directory-head {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 0 9px !important;
	border: 0 !important;
	border-bottom: 1px solid #eee4ea !important;
	background: transparent !important;
}

#jhImpactIntelligenceModal .jhii-source-directory-head > div {
	min-width: 0 !important;
}

#jhImpactIntelligenceModal .jhii-source-badge {
	flex: 0 0 auto;
	min-width: 49px;
	height: 38px;
	padding: 0 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 9px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}

#jhImpactIntelligenceModal .jhii-source-badge.is-journal { background: #24744e; }
#jhImpactIntelligenceModal .jhii-source-badge.is-conference { background: #c77a08; }
#jhImpactIntelligenceModal .jhii-source-badge.is-book { background: #8f1d61; }

#jhImpactIntelligenceModal .jhii-source-directory-title {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #35122f !important;
	background: transparent !important;
	font-size: 15.5px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
	text-transform: none !important;
}

#jhImpactIntelligenceModal .jhii-source-directory-head small {
	display: block !important;
	margin: 3px 0 0 !important;
	padding: 0 !important;
	color: #81747c !important;
	background: transparent !important;
	font-size: 11.5px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

#jhImpactIntelligenceModal .jhii-source-list {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 0 !important;
	max-height: 222px !important;
	margin: 8px 0 0 !important;
	padding: 0 3px 0 0 !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	list-style: none !important;
	scrollbar-width: thin;
	background: transparent !important;
	border: 0 !important;
}

#jhImpactIntelligenceModal .jhii-source-list--journals {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 12px !important;
	max-height: 310px !important;
}

#jhImpactIntelligenceModal .jhii-source-row {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 8px 7px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 8px !important;
	color: #493d44 !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid #f0e8ed !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-variant: normal !important;
}

#jhImpactIntelligenceModal .jhii-source-row[hidden] {
	display: none !important;
}

#jhImpactIntelligenceModal .jhii-source-name {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	color: #493d44 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 14.5px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.26 !important;
	overflow-wrap: anywhere !important;
	text-decoration: none !important;
}

#jhImpactIntelligenceModal .jhii-source-doc-count {
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 3px 7px !important;
	color: #756970 !important;
	background: #fbf8fa !important;
	border: 1px solid #eee3e9 !important;
	border-radius: 999px !important;
	font-size: 10.5px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
	white-space: nowrap !important;
}

/* Trends */
#jhImpactIntelligenceModal .jhii-trends-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	align-items: start;
}

#jhImpactIntelligenceModal .jhii-trend-card {
	min-width: 0;
	padding: 13px 14px;
	background: #fff;
	border: 1px solid #eadfe7;
	border-radius: 11px;
	box-shadow: 0 4px 12px rgba(53,18,47,.035);
}

#jhImpactIntelligenceModal .jhii-trend-card > header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee4ea;
}

#jhImpactIntelligenceModal .jhii-trend-card > header span,
#jhImpactIntelligenceModal .jhii-trend-card > header h3,
#jhImpactIntelligenceModal .jhii-trend-card > header small {
	display: block;
}

#jhImpactIntelligenceModal .jhii-trend-card > header span {
	color: #81747c;
	font-size: 11.5px;
	font-style: italic;
}

#jhImpactIntelligenceModal .jhii-trend-card > header h3 {
	margin: 2px 0 0;
	color: #35122f;
	font-size: 17px;
	font-style: italic;
	font-weight: 400;
}

#jhImpactIntelligenceModal .jhii-trend-card > header small {
	color: #8a7d84;
	font-size: 10.5px;
	white-space: nowrap;
}

#jhImpactIntelligenceModal .jhii-history-chart {
	min-height: 205px !important;
	margin-bottom: 0 !important;
}

#jhImpactIntelligenceModal .jhii-trends-note,
#jhImpactIntelligenceModal .jhii-public-empty {
	margin: 11px 0 0;
	padding: 9px 11px;
	color: #81747c;
	text-align: center;
	background: #fbf8fa;
	border: 1px solid #eee3e9;
	border-radius: 8px;
	font-size: 11.5px;
	font-style: italic;
	line-height: 1.35;
}

#jhImpactIntelligenceModal .jhii-editorial-note {
	margin-top: 12px !important;
	padding: 9px 11px !important;
}

#jhImpactIntelligenceModal .jhii-editorial-note p {
	margin: 2px 0 0 !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

/* Make footer follow content instead of forcing a tall empty modal. */
#jhImpactIntelligenceModal .jhytel-impact-window-footer {
	flex: 0 0 auto !important;
	position: relative !important;
	inset: auto !important;
}

@media (max-width: 900px) {
	#jhImpactIntelligenceModal .jhii-source-layout,
	#jhImpactIntelligenceModal .jhii-trends-grid {
		grid-template-columns: 1fr !important;
	}

	#jhImpactIntelligenceModal .jhii-source-side-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 650px) {
	#jhImpactIntelligenceModal .jhii-update-strip {
		display: grid;
		gap: 4px;
	}

	#jhImpactIntelligenceModal .jhii-source-list--journals,
	#jhImpactIntelligenceModal .jhii-source-side-grid {
		grid-template-columns: 1fr !important;
	}

	#jhImpactIntelligenceModal .jhii-source-row {
		grid-template-columns: 1fr !important;
		gap: 4px !important;
	}

	#jhImpactIntelligenceModal .jhii-source-doc-count {
		justify-self: start;
	}

	#jhImpactIntelligenceModal .jhii-trend-card > header {
		display: block;
	}

	#jhImpactIntelligenceModal .jhii-trend-card > header small {
		margin-top: 4px;
		white-space: normal;
	}
}

@media (prefers-reduced-motion: reduce) {
	#jhImpactIntelligenceModal .jhii-google-bar {
		transition: none !important;
	}
}


/* ============================================================
   1.3.2 chart readability and low-snapshot behaviour
   ============================================================ */

/* Larger, readable chart typography. */
#jhImpactIntelligenceModal .jhii-history-chart text,
#jhImpactIntelligenceModal .jhii-axis-label {
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	fill: #62555d !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}

#jhImpactIntelligenceModal .jhii-axis-label--date {
	fill: #756970 !important;
	font-size: 13.5px !important;
}

#jhImpactIntelligenceModal .jhii-history-chart .jhii-point {
	r: 5px;
}

#jhImpactIntelligenceModal .jhii-history-chart.is-line {
	min-height: 224px !important;
	padding: 10px 8px 5px !important;
}

#jhImpactIntelligenceModal .jhii-history-chart.is-single,
#jhImpactIntelligenceModal .jhii-history-chart.is-comparison,
#jhImpactIntelligenceModal .jhii-history-chart.is-empty {
	min-height: 0 !important;
	height: auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

/* One snapshot: don't fake a trend. */
#jhImpactIntelligenceModal .jhii-history-single {
	min-height: 158px;
	padding: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: linear-gradient(145deg, #fffafd 0%, #fff6fb 100%);
	border: 1px solid #eadfe7;
	border-radius: 10px;
}

#jhImpactIntelligenceModal .jhii-history-single-kicker {
	color: #81747c;
	font-size: 12.5px;
	font-style: italic;
}

#jhImpactIntelligenceModal .jhii-history-single-value {
	margin: 5px 0 1px;
	color: #790746;
	font-size: 34px;
	font-weight: 400;
	line-height: 1;
}

#jhImpactIntelligenceModal .jhii-history-single-label {
	color: #4e4249;
	font-size: 15.5px;
}

#jhImpactIntelligenceModal .jhii-history-single-date {
	margin-top: 7px;
	color: #610c3a;
	font-size: 13.5px;
	font-style: italic;
}

#jhImpactIntelligenceModal .jhii-history-single small {
	max-width: 360px;
	margin-top: 6px;
	color: #8a7d84;
	font-size: 12px;
	line-height: 1.35;
}

/* Exactly two snapshots: honest compact comparison instead of oversized line graph. */
#jhImpactIntelligenceModal .jhii-history-compare {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 150px;
	gap: 16px;
	align-items: center;
	padding: 13px 14px;
	background: #fff;
	border: 1px solid #eadfe7;
	border-radius: 10px;
}

#jhImpactIntelligenceModal .jhii-history-compare-bars {
	height: 166px;
	display: grid;
	grid-template-columns: repeat(2, minmax(90px, 1fr));
	gap: 18px;
	align-items: end;
	padding: 6px 18px 0;
	border-bottom: 1px solid #e9dfe5;
}

#jhImpactIntelligenceModal .jhii-history-compare-col {
	height: 100%;
	display: grid;
	grid-template-rows: auto minmax(82px, 1fr) auto;
	gap: 5px;
	align-items: end;
	text-align: center;
}

#jhImpactIntelligenceModal .jhii-history-compare-value {
	color: #790746;
	font-size: 21px;
	font-weight: 400;
	line-height: 1;
}

#jhImpactIntelligenceModal .jhii-history-compare-track {
	height: 100%;
	min-height: 82px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

#jhImpactIntelligenceModal .jhii-history-compare-track > span {
	width: min(62px, 58%);
	min-height: 5px;
	display: block;
	background: linear-gradient(180deg, #9d1765 0%, #790746 100%);
	border-radius: 7px 7px 2px 2px;
	box-shadow: 0 4px 9px rgba(121, 7, 70, .08);
}

#jhImpactIntelligenceModal .jhii-history-compare-date {
	min-height: 28px;
	color: #6f6269;
	font-size: 13px;
	line-height: 1.15;
}

#jhImpactIntelligenceModal .jhii-history-compare-summary {
	min-height: 112px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 13px 10px;
	text-align: center;
	background: #fbf8fa;
	border: 1px solid #eee3e9;
	border-radius: 9px;
	color: #756970;
	font-size: 12.5px;
	line-height: 1.28;
}

#jhImpactIntelligenceModal .jhii-history-delta {
	display: block;
	margin-bottom: 4px;
	color: #610c3a;
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
}

#jhImpactIntelligenceModal .jhii-history-delta.is-up { color: #24744e; }
#jhImpactIntelligenceModal .jhii-history-delta.is-down { color: #8b3041; }
#jhImpactIntelligenceModal .jhii-history-delta.is-flat { color: #756970; }

/* Google Scholar chart labels were too small. */
#jhImpactIntelligenceModal .jhii-google-value {
	fill: #5b243f !important;
	font-size: 14.5px !important;
	font-weight: 400 !important;
}

#jhImpactIntelligenceModal .jhii-google-year,
#jhImpactIntelligenceModal .jhii-google-axis {
	fill: #6f6269 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

#jhImpactIntelligenceModal .jhii-google-year-chart.has-data {
	min-height: 136px;
}

#jhImpactIntelligenceModal .jhii-google-year-chart--large.has-data {
	min-height: 226px;
}

/* Empty charts should not leave a large blank card. */
#jhImpactIntelligenceModal .jhii-google-year-chart.is-empty,
#jhImpactIntelligenceModal .jhii-google-year-chart--large.is-empty {
	min-height: 0 !important;
	height: auto !important;
}

#jhImpactIntelligenceModal .jhii-chart-empty {
	min-height: 0 !important;
	padding: 22px 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
	color: #81747c !important;
	background: linear-gradient(145deg, #fffafd 0%, #fff8fc 100%) !important;
	border: 1px dashed #dfd1d9 !important;
	border-radius: 9px !important;
	font-size: 13px !important;
	font-style: normal !important;
	line-height: 1.4 !important;
}

#jhImpactIntelligenceModal .jhii-chart-empty-title {
	color: #4d2339;
	font-size: 15px;
	font-style: italic;
}

/* Trend-card header metadata also needs to be comfortably readable. */
#jhImpactIntelligenceModal .jhii-trend-card > header span {
	font-size: 13px !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header h3 {
	font-size: 19px !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header small {
	font-size: 12px !important;
}

#jhImpactIntelligenceModal .jhii-chart-toolbar label,
#jhImpactIntelligenceModal .jhii-chart-toolbar select {
	font-size: 13.5px !important;
}

@media (max-width: 650px) {
	#jhImpactIntelligenceModal .jhii-history-compare {
		grid-template-columns: 1fr;
	}

	#jhImpactIntelligenceModal .jhii-history-compare-summary {
		min-height: 76px;
	}

	#jhImpactIntelligenceModal .jhii-history-compare-bars {
		padding-right: 8px;
		padding-left: 8px;
	}

	#jhImpactIntelligenceModal .jhii-history-chart text,
	#jhImpactIntelligenceModal .jhii-axis-label,
	#jhImpactIntelligenceModal .jhii-google-year,
	#jhImpactIntelligenceModal .jhii-google-axis {
		font-size: 12px !important;
	}
}


/* ============================================================
   1.4.0 — J-HyTEL Editorial Performance metric-card parity
   ============================================================ */
#jhImpactIntelligenceCard .jhytel-impact-metrics,
#jhImpactIntelligenceModal .jhytel-impact-source-metrics {
	gap: 10px !important;
}

#jhImpactIntelligenceCard .jhytel-impact-metric,
#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div {
	box-sizing: border-box !important;
	height: 86px !important;
	min-height: 86px !important;
	margin: 0 !important;
	padding: 10px 9px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	overflow: hidden !important;
	text-align: center !important;
	background:
		radial-gradient(circle at 100% 0, rgba(121, 7, 70, .035), transparent 38%),
		linear-gradient(145deg, #ffffff 0%, #fffafd 100%) !important;
	border: 1px solid #ead8e4 !important;
	border-radius: 12px !important;
	box-shadow: 0 5px 14px rgba(53, 18, 47, .045) !important;
}

#jhImpactIntelligenceCard .jhii-metric-value,
#jhImpactIntelligenceModal .jhii-source-value {
	display: block !important;
	margin: 0 !important;
	color: #790746 !important;
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	font-size: 21px !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-transform: none !important;
}

#jhImpactIntelligenceCard .jhii-metric-label,
#jhImpactIntelligenceModal .jhii-source-label {
	display: block !important;
	margin: 0 !important;
	color: #5e5058 !important;
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	font-size: 14.5px !important;
	font-style: normal !important;
	font-variant: unicase !important;
	font-weight: 400 !important;
	letter-spacing: .008em !important;
	line-height: 1.16 !important;
	text-align: center !important;
	text-transform: none !important;
	text-wrap: balance;
}

#jhImpactIntelligenceCard .jhytel-impact-metrics {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* ============================================================
   Google Scholar chart — deliberately larger labels
   ============================================================ */
#jhImpactIntelligenceModal .jhii-google-axis {
	fill: #655860 !important;
	font-size: 15px !important;
}

#jhImpactIntelligenceModal .jhii-google-year {
	fill: #594b53 !important;
	font-size: 16px !important;
}

#jhImpactIntelligenceModal .jhii-google-value {
	fill: #5b243f !important;
	font-size: 17px !important;
}

#jhImpactIntelligenceModal .jhii-chart-title-row {
	font-size: 15px !important;
}

#jhImpactIntelligenceModal .jhii-chart-title-row small {
	font-size: 13px !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header span {
	font-size: 14px !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header h3 {
	font-size: 20px !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header small {
	font-size: 13px !important;
}

/* ============================================================
   Scopus annual bar chart
   ============================================================ */
#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus {
	margin: 0 0 8px !important;
}

#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus label,
#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus select {
	font-size: 15px !important;
}

#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus select {
	width: min(100%, 345px);
}

#jhImpactIntelligenceModal .jhii-scopus-year-chart {
	width: 100%;
	min-height: 232px;
	padding: 7px 7px 2px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eee3e9;
	border-radius: 10px;
}

#jhImpactIntelligenceModal .jhii-scopus-year-chart.is-empty {
	min-height: 0 !important;
	padding: 0 !important;
	background: transparent;
	border: 0;
}

#jhImpactIntelligenceModal .jhii-scopus-year-chart svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

#jhImpactIntelligenceModal .jhii-scopus-grid {
	stroke: #eee4ea;
	stroke-width: 1;
	stroke-dasharray: 3 5;
}

#jhImpactIntelligenceModal .jhii-scopus-bar {
	fill: #790746;
	opacity: .84;
	transition: opacity .16s ease, transform .16s ease;
	transform-box: fill-box;
	transform-origin: center bottom;
}

#jhImpactIntelligenceModal .jhii-scopus-bar:hover,
#jhImpactIntelligenceModal .jhii-scopus-bar:focus {
	opacity: 1;
	transform: scaleY(1.025);
	outline: none;
}

#jhImpactIntelligenceModal .jhii-scopus-axis,
#jhImpactIntelligenceModal .jhii-scopus-year,
#jhImpactIntelligenceModal .jhii-scopus-value {
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	font-weight: 400 !important;
}

#jhImpactIntelligenceModal .jhii-scopus-axis {
	fill: #655860 !important;
	font-size: 15px !important;
}

#jhImpactIntelligenceModal .jhii-scopus-year {
	fill: #594b53 !important;
	font-size: 16px !important;
}

#jhImpactIntelligenceModal .jhii-scopus-value {
	fill: #5b243f !important;
	font-size: 17px !important;
}

#jhImpactIntelligenceModal .jhii-scopus-year-note {
	margin: 7px 2px 0;
	color: #756970;
	font-size: 13px;
	font-style: italic;
	line-height: 1.35;
}

/* Snapshot trend stays secondary. */
#jhImpactIntelligenceModal .jhii-snapshot-history {
	margin-top: 12px;
	background: #fbf8fa;
	border: 1px solid #eee3e9;
	border-radius: 9px;
}

#jhImpactIntelligenceModal .jhii-snapshot-history > summary {
	position: relative;
	padding: 9px 34px 9px 11px;
	color: #610c3a;
	cursor: pointer;
	font-size: 13px;
	font-style: italic;
	list-style: none;
}

#jhImpactIntelligenceModal .jhii-snapshot-history > summary::-webkit-details-marker {
	display: none;
}

#jhImpactIntelligenceModal .jhii-snapshot-history > summary::after {
	position: absolute;
	top: 50%;
	right: 12px;
	content: "+";
	font-size: 17px;
	font-style: normal;
	transform: translateY(-50%);
}

#jhImpactIntelligenceModal .jhii-snapshot-history[open] > summary::after {
	content: "−";
}

#jhImpactIntelligenceModal .jhii-snapshot-history-body {
	padding: 0 10px 10px;
	border-top: 1px solid #eee3e9;
}

@media (max-width: 900px) {
	#jhImpactIntelligenceCard .jhytel-impact-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 650px) {
	#jhImpactIntelligenceCard .jhii-metric-label,
	#jhImpactIntelligenceModal .jhii-source-label {
		font-size: 13.5px !important;
	}

	#jhImpactIntelligenceCard .jhii-metric-value,
	#jhImpactIntelligenceModal .jhii-source-value {
		font-size: 20px !important;
	}

	#jhImpactIntelligenceModal .jhii-google-axis,
	#jhImpactIntelligenceModal .jhii-scopus-axis {
		font-size: 13px !important;
	}

	#jhImpactIntelligenceModal .jhii-google-year,
	#jhImpactIntelligenceModal .jhii-scopus-year {
		font-size: 14px !important;
	}

	#jhImpactIntelligenceModal .jhii-google-value,
	#jhImpactIntelligenceModal .jhii-scopus-value {
		font-size: 15px !important;
	}
}


/* ============================================================
   1.4.1 — homepage action parity with Explore Author Diversity
   ============================================================ */
#jhImpactIntelligenceCard .jhytel-impact-actions {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 8px !important;
	align-content: center !important;
	min-width: 0 !important;
	margin: 0 !important;
}

#jhImpactIntelligenceCard .jhii-home-action {
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 15px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	color: #790746 !important;
	background: linear-gradient(145deg, #fffafd 0%, #fff6fb 100%) !important;
	border: 1px solid #ead8e4 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	font-size: 14.5px !important;
	font-style: normal !important;
	font-variant: unicase !important;
	font-weight: 400 !important;
	letter-spacing: .008em !important;
	line-height: 1 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition:
		border-color .16s ease,
		background-color .16s ease,
		transform .16s ease !important;
}

#jhImpactIntelligenceCard .jhii-home-action > span:first-child {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#jhImpactIntelligenceCard .jhii-home-action-symbol {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 18px !important;
	color: #790746 !important;
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

#jhImpactIntelligenceCard .jhii-home-action:hover,
#jhImpactIntelligenceCard .jhii-home-action:focus-visible {
	color: #610c3a !important;
	background: #fff2f9 !important;
	border-color: #dcbfce !important;
	transform: translateY(-1px) !important;
	outline: none !important;
}

#jhImpactIntelligenceCard .jhii-home-action:hover .jhii-home-action-symbol,
#jhImpactIntelligenceCard .jhii-home-action:focus-visible .jhii-home-action-symbol {
	color: #610c3a !important;
}

#jhImpactIntelligenceCard .jhii-home-action:focus-visible {
	box-shadow: 0 0 0 2px rgba(121, 7, 70, .10) !important;
}

@media (max-width: 900px) {
	#jhImpactIntelligenceCard .jhytel-impact-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#jhImpactIntelligenceCard .jhii-home-action {
		font-size: 14px !important;
	}
}

@media (max-width: 560px) {
	#jhImpactIntelligenceCard .jhytel-impact-actions {
		grid-template-columns: 1fr !important;
	}

	#jhImpactIntelligenceCard .jhii-home-action {
		height: 42px !important;
		min-height: 42px !important;
		padding-right: 13px !important;
		padding-left: 13px !important;
		font-size: 13.5px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#jhImpactIntelligenceCard .jhii-home-action {
		transition: none !important;
	}
}


/* ============================================================
   1.4.2 — alignment polish, larger labels, homepage value reset
   ============================================================ */

/* Homepage key values return to the larger pre-Editorial-Performance size. */
#jhImpactIntelligenceCard .jhii-metric-value {
	font-size: 25px !important;
	line-height: 1 !important;
}

/* Keep popup source values compact; only homepage top-line metrics are enlarged. */
#jhImpactIntelligenceModal .jhii-source-value {
	font-size: 21px !important;
}

/* Impact homepage action buttons: match the Explore Author Diversity pill size more closely. */
#jhImpactIntelligenceCard .jhytel-impact-actions {
	gap: 10px !important;
}

#jhImpactIntelligenceCard .jhii-home-action {
	min-height: 48px !important;
	height: 48px !important;
	padding-right: 18px !important;
	padding-left: 18px !important;
	font-size: 15px !important;
	line-height: 1 !important;
	border-radius: 999px !important;
}

#jhImpactIntelligenceCard .jhii-home-action-symbol {
	font-size: 19px !important;
	min-width: 20px !important;
}

/* Trends: align both cards and make Google presentation feel as substantial as Scopus. */
#jhImpactIntelligenceModal .jhii-trends-grid {
	align-items: stretch !important;
}

#jhImpactIntelligenceModal .jhii-trend-card {
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header {
	min-height: 62px !important;
}

#jhImpactIntelligenceModal .jhii-google-year-chart--large,
#jhImpactIntelligenceModal .jhii-scopus-year-chart {
	min-height: 236px !important;
}

/* Google labels should be a little larger to match the strong Scopus chart. */
#jhImpactIntelligenceModal .jhii-chart-title-row {
	font-size: 16px !important;
	margin-bottom: 6px !important;
}

#jhImpactIntelligenceModal .jhii-chart-title-row small {
	font-size: 13.5px !important;
}

#jhImpactIntelligenceModal .jhii-google-axis {
	font-size: 16px !important;
}

#jhImpactIntelligenceModal .jhii-google-year {
	font-size: 16.5px !important;
}

#jhImpactIntelligenceModal .jhii-google-value {
	font-size: 18px !important;
}

/* Overview tab: force the left Google panel and the right Scopus panel to align cleanly. */
#jhImpactIntelligenceModal .jhii-overview-grid {
	align-items: stretch !important;
}

#jhImpactIntelligenceModal .jhii-overview-source {
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

#jhImpactIntelligenceModal .jhii-google-mini-chart {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	min-height: 204px !important;
}

#jhImpactIntelligenceModal .jhii-google-mini-chart .jhii-google-year-chart {
	flex: 1 1 auto !important;
	min-height: 148px !important;
}

#jhImpactIntelligenceModal .jhii-source-note {
	margin-top: auto !important;
}

/* Small-screen balance */
@media (max-width: 900px) {
	#jhImpactIntelligenceCard .jhii-home-action {
		min-height: 46px !important;
		height: 46px !important;
		font-size: 14.5px !important;
	}

	#jhImpactIntelligenceModal .jhii-google-mini-chart {
		min-height: 0 !important;
	}
}

@media (max-width: 560px) {
	#jhImpactIntelligenceCard .jhii-home-action {
		min-height: 44px !important;
		height: 44px !important;
		font-size: 14px !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	#jhImpactIntelligenceCard .jhii-home-action-symbol {
		font-size: 18px !important;
	}
}


/* ============================================================
   1.4.3 — Editorial Performance geometry parity
   Source language: current J-HyTEL homepage master stylesheet.
   ============================================================ */

#jhImpactIntelligenceCard {
	box-sizing: border-box !important;
	gap: 22px !important;
	padding: 20px 22px !important;
	background:
		radial-gradient(circle at top right, rgba(121, 7, 70, 0.055), transparent 42%),
		linear-gradient(145deg, #ffffff 0%, #fffafd 100%) !important;
	border: 1px solid #ead8e4 !important;
	border-left: 4px solid #790746 !important;
	border-radius: 0 14px 14px 0 !important;
	box-shadow:
		0 8px 20px rgba(81, 2, 46, 0.075),
		inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease !important;
}

#jhImpactIntelligenceCard:hover,
#jhImpactIntelligenceCard:focus-within {
	border-color: #d7b7c8 !important;
	border-left-color: #790746 !important;
	box-shadow:
		0 12px 26px rgba(81, 2, 46, 0.11),
		inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* The four Impact tiles now use the same restrained edge treatment seen in
   the Editorial Performance metric cards: blush surface + inset top edge. */
#jhImpactIntelligenceCard .jhytel-impact-metric {
	position: relative !important;
	box-sizing: border-box !important;
	height: 86px !important;
	min-height: 86px !important;
	margin: 0 !important;
	padding: 10px 9px !important;
	overflow: hidden !important;
	color: #5f4653 !important;
	background: linear-gradient(145deg, #fffafd 0%, #fff5fb 100%) !important;
	border: 1px solid #ead8e4 !important;
	border-radius: 12px !important;
	box-shadow:
		inset 0 2px 0 rgba(121, 7, 70, 0.11),
		0 3px 9px rgba(81, 2, 46, 0.045) !important;
	transition:
		transform 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease !important;
}

/* Editorial-style hover/focus edge: quiet lift, stronger blush outline,
   no heavy dark shadow. */
@media (hover: hover) and (pointer: fine) {
	#jhImpactIntelligenceCard .jhytel-impact-metric:hover {
		border-color: #d7b7c8 !important;
		box-shadow:
			inset 0 2px 0 rgba(121, 7, 70, 0.16),
			0 7px 15px rgba(81, 2, 46, 0.09) !important;
		transform: translateY(-2px) !important;
	}
}

#jhImpactIntelligenceCard .jhytel-impact-metric:focus-within {
	border-color: #d7b7c8 !important;
	box-shadow:
		inset 0 2px 0 rgba(121, 7, 70, 0.16),
		0 7px 15px rgba(81, 2, 46, 0.09) !important;
}

/* Preserve the requested larger Impact values while retaining the same
   tile geometry as Editorial Performance. */
#jhImpactIntelligenceCard .jhii-metric-value {
	color: #790746 !important;
	font-family: "Perpetua", Georgia, serif !important;
	font-size: 25px !important;
	font-style: italic !important;
	font-variant: unicase !important;
	font-weight: 400 !important;
	letter-spacing: 0.015em !important;
	line-height: 1 !important;
}

#jhImpactIntelligenceCard .jhii-metric-label {
	color: #755664 !important;
	font-family: "Perpetua", Georgia, serif !important;
	font-size: 15px !important;
	font-style: italic !important;
	font-variant: unicase !important;
	font-weight: 400 !important;
	letter-spacing: 0.045em !important;
	line-height: 1.18 !important;
	text-transform: none !important;
}

/* CRITICAL HEIGHT FIX:
   Two 41px controls + 6px gap = 88px. This keeps the action column at
   essentially the same height as the 86px metric row instead of forcing the
   whole Journal Performance container to become taller than Editorial Performance. */
#jhImpactIntelligenceCard .jhytel-impact-actions {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	justify-content: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Exact CTA dimensions/typography used by Explore Author Diversity in the
   current J-HyTEL master stylesheet. */
#jhImpactIntelligenceCard .jhii-home-action {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	width: 220px !important;
	min-width: 220px !important;
	max-width: 100% !important;
	min-height: 41px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 8px 14px !important;
	color: #790746 !important;
	background: #fff6fc !important;
	border: 1px solid #ead8e4 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	font-size: 16px !important;
	font-style: italic !important;
	font-variant: unicase !important;
	font-weight: 300 !important;
	letter-spacing: 0.045em !important;
	line-height: 1.15 !important;
	text-decoration: none !important;
	text-transform: none !important;
	transition:
		color 0.18s ease,
		background-color 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease !important;
}

#jhImpactIntelligenceCard .jhii-home-action-symbol {
	flex: 0 0 auto !important;
	min-width: 18px !important;
	color: currentColor !important;
	font-family: Arial, sans-serif !important;
	font-size: 1.05em !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

#jhImpactIntelligenceCard .jhii-home-action:hover,
#jhImpactIntelligenceCard .jhii-home-action:focus-visible {
	color: #ffffff !important;
	background: #790746 !important;
	border-color: #790746 !important;
	box-shadow: 0 7px 15px rgba(81, 2, 46, 0.15) !important;
	outline: none !important;
	text-decoration: none !important;
	transform: translateY(-2px) !important;
}

#jhImpactIntelligenceCard .jhii-home-action:focus-visible {
	outline: 3px solid rgba(121, 7, 70, 0.17) !important;
	outline-offset: 3px !important;
}

/* Desktop: keep the Impact row compact enough to mirror Editorial Performance. */
@media (min-width: 901px) {
	#jhImpactIntelligenceCard {
		grid-template-columns:
			minmax(270px, .95fr)
			minmax(500px, 1.7fr)
			220px !important;
		align-items: center !important;
	}

	#jhImpactIntelligenceCard .jhytel-impact-actions {
		width: 220px !important;
	}
}

@media (max-width: 900px) {
	#jhImpactIntelligenceCard {
		height: auto !important;
	}

	#jhImpactIntelligenceCard .jhytel-impact-actions {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 100% !important;
	}

	#jhImpactIntelligenceCard .jhii-home-action {
		width: 100% !important;
		min-width: 0 !important;
	}
}

@media (max-width: 560px) {
	#jhImpactIntelligenceCard .jhytel-impact-actions {
		grid-template-columns: 1fr !important;
	}

	#jhImpactIntelligenceCard .jhii-home-action {
		min-height: 41px !important;
		padding: 8px 14px !important;
		font-size: 15px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#jhImpactIntelligenceCard,
	#jhImpactIntelligenceCard .jhytel-impact-metric,
	#jhImpactIntelligenceCard .jhii-home-action {
		transition: none !important;
	}
}


/* ============================================================
   1.4.4 — Trend-chart parity and taller balanced canvases
   ============================================================ */
#jhImpactIntelligenceModal .jhii-trends-grid {
	align-items: stretch !important;
}
#jhImpactIntelligenceModal .jhii-trend-card {
	display: flex !important;
	flex-direction: column !important;
	min-height: 100% !important;
}
#jhImpactIntelligenceModal .jhii-chart-toolbar--google {
	margin: 0 0 8px !important;
}
#jhImpactIntelligenceModal .jhii-chart-toolbar--google label,
#jhImpactIntelligenceModal .jhii-chart-toolbar--google select {
	font-size: 15px !important;
}
#jhImpactIntelligenceModal .jhii-chart-toolbar--google select {
	width: min(100%, 245px) !important;
}
#jhImpactIntelligenceModal .jhii-google-year-chart--large {
	width: 100% !important;
	min-height: 300px !important;
	padding: 7px 7px 2px !important;
	overflow: hidden !important;
	background: #fff !important;
	border: 1px solid #eee3e9 !important;
	border-radius: 10px !important;
	flex: 1 1 auto !important;
}
#jhImpactIntelligenceModal .jhii-scopus-year-chart {
	min-height: 300px !important;
	flex: 1 1 auto !important;
}
#jhImpactIntelligenceModal .jhii-google-year-chart--large.has-data,
#jhImpactIntelligenceModal .jhii-scopus-year-chart.has-data {
	min-height: 300px !important;
}
#jhImpactIntelligenceModal .jhii-google-year-chart--large svg,
#jhImpactIntelligenceModal .jhii-scopus-year-chart svg {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
}
#jhImpactIntelligenceModal .jhii-google-value {
	fill: #5b243f !important;
	font-size: 17px !important;
	font-weight: 400 !important;
}
#jhImpactIntelligenceModal .jhii-google-year,
#jhImpactIntelligenceModal .jhii-google-axis {
	fill: #655860 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
}
#jhImpactIntelligenceModal .jhii-google-year-note {
	margin: 7px 2px 0 !important;
	color: #756970 !important;
	font-size: 13px !important;
	font-style: italic !important;
	line-height: 1.35 !important;
}
#jhImpactIntelligenceModal .jhii-google-mini-chart .jhii-google-year-chart {
	min-height: 146px !important;
}
#jhImpactIntelligenceModal .jhii-google-mini-chart .jhii-google-year-chart svg {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}
#jhImpactIntelligenceModal .jhytel-impact-source {
	background: #fffdfd !important;
	border: 1px solid #eadfe7 !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 12px rgba(53, 18, 47, .035) !important;
}
#jhImpactIntelligenceModal .jhytel-impact-source-header a,
#jhImpactIntelligenceModal .jhytel-impact-scopus-link {
	font-size: 14px !important;
	font-style: italic !important;
}
#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div {
	min-height: 92px !important;
}
@media (max-width: 980px) {
	#jhImpactIntelligenceModal .jhii-google-year-chart--large,
	#jhImpactIntelligenceModal .jhii-scopus-year-chart,
	#jhImpactIntelligenceModal .jhii-google-year-chart--large.has-data,
	#jhImpactIntelligenceModal .jhii-scopus-year-chart.has-data {
		min-height: 270px !important;
	}
}
@media (max-width: 640px) {
	#jhImpactIntelligenceModal .jhii-chart-toolbar--google,
	#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus {
		gap: 8px !important;
	}
	#jhImpactIntelligenceModal .jhii-chart-toolbar--google label,
	#jhImpactIntelligenceModal .jhii-chart-toolbar--google select,
	#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus label,
	#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus select {
		font-size: 14px !important;
	}
}


/* ============================================================
   1.4.5 — compact no-scroll Overview/Trends + homepage/popup parity
   ============================================================ */

/* Requested final homepage number size. */
#jhImpactIntelligenceCard .jhii-metric-value {
	font-size: 22px !important;
}

/* Popup metric boxes inherit the exact homepage card language, but remain
   compact enough for Overview to fit inside the modal without scrolling. */
#jhImpactIntelligenceModal .jhytel-impact-source-metrics {
	gap: 9px !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div {
	box-sizing: border-box !important;
	height: 74px !important;
	min-height: 74px !important;
	padding: 8px 7px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	background: linear-gradient(145deg, #fffafd 0%, #fff5fb 100%) !important;
	border: 1px solid #ead8e4 !important;
	border-radius: 12px !important;
	box-shadow:
		inset 0 2px 0 rgba(121, 7, 70, 0.11),
		0 3px 9px rgba(81, 2, 46, 0.045) !important;
	transition:
		transform .18s ease,
		border-color .18s ease,
		box-shadow .18s ease !important;
}

#jhImpactIntelligenceModal .jhii-source-value {
	color: #790746 !important;
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	font-size: 22px !important;
	font-style: italic !important;
	font-variant: unicase !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

#jhImpactIntelligenceModal .jhii-source-label {
	color: #755664 !important;
	font-family: "Perpetua", Georgia, "Times New Roman", serif !important;
	font-size: 13.5px !important;
	font-style: italic !important;
	font-variant: unicase !important;
	font-weight: 400 !important;
	letter-spacing: .025em !important;
	line-height: 1.12 !important;
	text-transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
	#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div:hover {
		border-color: #d7b7c8 !important;
		box-shadow:
			inset 0 2px 0 rgba(121, 7, 70, 0.16),
			0 7px 15px rgba(81, 2, 46, 0.09) !important;
		transform: translateY(-1px) !important;
	}
}

/* Compact Overview geometry. */
#jhImpactIntelligenceModal .jhii-content {
	padding: 12px 16px 13px !important;
}

#jhImpactIntelligenceModal .jhii-update-strip {
	gap: 5px 15px !important;
	margin: 0 0 8px !important;
	padding: 5px 9px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}

#jhImpactIntelligenceModal .jhii-overview-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 11px !important;
	align-items: stretch !important;
}

#jhImpactIntelligenceModal .jhii-overview-source {
	height: auto !important;
	min-height: 0 !important;
	padding: 11px 12px !important;
	display: flex !important;
	flex-direction: column !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-header {
	margin-bottom: 9px !important;
	padding-bottom: 8px !important;
}

#jhImpactIntelligenceModal .jhytel-impact-source-header h3 {
	font-size: 18px !important;
}

#jhImpactIntelligenceModal .jhii-google-mini-chart {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	margin-top: 8px !important;
	padding-top: 7px !important;
	justify-content: flex-start !important;
}

#jhImpactIntelligenceModal .jhii-chart-title-row {
	margin-bottom: 3px !important;
	font-size: 14px !important;
}

#jhImpactIntelligenceModal .jhii-chart-title-row small {
	font-size: 12px !important;
}

#jhImpactIntelligenceModal .jhii-google-mini-chart .jhii-google-year-chart {
	flex: 0 0 auto !important;
	min-height: 0 !important;
}

#jhImpactIntelligenceModal .jhii-citedness-inline {
	margin-top: 8px !important;
	font-size: 12px !important;
}

#jhImpactIntelligenceModal .jhii-citedness-inline em {
	font-size: 11px !important;
}

#jhImpactIntelligenceModal .jhii-citedness-inline > span {
	font-size: 17px !important;
}

#jhImpactIntelligenceModal .jhii-progress {
	height: 7px !important;
	margin-top: 4px !important;
}

#jhImpactIntelligenceModal .jhii-trend-row--compact {
	gap: 7px !important;
	margin-top: 8px !important;
}

#jhImpactIntelligenceModal .jhii-trend-row--compact > div {
	min-height: 38px !important;
	padding: 6px 8px !important;
}

/* The single Data note lives in the footer and reveals details only on
   hover/focus, so it no longer consumes space in every tab. */
#jhImpactIntelligenceModal .jhii-footer-actions {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
}

#jhImpactIntelligenceModal .jhii-data-note-help {
	position: relative !important;
}

#jhImpactIntelligenceModal .jhii-data-note-trigger {
	min-height: 34px !important;
	padding: 6px 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	color: #790746 !important;
	background: #fffafd !important;
	border: 1px solid #ead8e4 !important;
	border-radius: 999px !important;
	font-family: "Perpetua", Georgia, serif !important;
	font-size: 13px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	cursor: help !important;
}

#jhImpactIntelligenceModal .jhii-data-note-icon {
	width: 18px !important;
	height: 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	background: #790746 !important;
	border-radius: 50% !important;
	font-family: Georgia, serif !important;
	font-size: 12px !important;
	font-style: italic !important;
}

#jhImpactIntelligenceModal .jhii-data-note-tooltip {
	position: absolute !important;
	right: 0 !important;
	bottom: calc(100% + 9px) !important;
	z-index: 30 !important;
	width: min(390px, calc(100vw - 40px)) !important;
	padding: 10px 12px !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	color: #5f5359 !important;
	background: #fff !important;
	border: 1px solid #dfcbd7 !important;
	border-radius: 9px !important;
	box-shadow: 0 10px 24px rgba(53, 18, 47, .13) !important;
	font-family: "Perpetua", Georgia, serif !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	transform: translateY(4px) !important;
	transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
}

#jhImpactIntelligenceModal .jhii-data-note-help:hover .jhii-data-note-tooltip,
#jhImpactIntelligenceModal .jhii-data-note-help:focus-within .jhii-data-note-tooltip {
	visibility: visible !important;
	opacity: 1 !important;
	transform: translateY(0) !important;
}

/* Trends: both cards use the same chart geometry. SVG itself supplies the
   height, so there is no artificial 300px container creating blank space. */
#jhImpactIntelligenceModal .jhii-trends-grid {
	gap: 11px !important;
	align-items: stretch !important;
}

#jhImpactIntelligenceModal .jhii-trend-card {
	padding: 11px 12px !important;
	height: auto !important;
	min-height: 0 !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header {
	min-height: 0 !important;
	margin-bottom: 7px !important;
	padding-bottom: 7px !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header span {
	font-size: 12.5px !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header h3 {
	font-size: 18px !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header small {
	font-size: 11.5px !important;
}

#jhImpactIntelligenceModal .jhii-chart-toolbar--google,
#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus {
	margin: 0 0 7px !important;
}

#jhImpactIntelligenceModal .jhii-chart-toolbar--google label,
#jhImpactIntelligenceModal .jhii-chart-toolbar--google select,
#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus label,
#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus select {
	font-size: 13.5px !important;
}

#jhImpactIntelligenceModal .jhii-chart-toolbar--google select,
#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus select {
	width: min(100%, 315px) !important;
	min-height: 35px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#jhImpactIntelligenceModal .jhii-google-year-chart--large,
#jhImpactIntelligenceModal .jhii-scopus-year-chart,
#jhImpactIntelligenceModal .jhii-google-year-chart--large.has-data,
#jhImpactIntelligenceModal .jhii-scopus-year-chart.has-data {
	min-height: 0 !important;
	height: auto !important;
	padding: 5px 6px 0 !important;
	flex: 0 0 auto !important;
	background: #fff !important;
	border: 1px solid #eee3e9 !important;
	border-radius: 10px !important;
}

#jhImpactIntelligenceModal .jhii-google-year-chart--large svg,
#jhImpactIntelligenceModal .jhii-scopus-year-chart svg {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

#jhImpactIntelligenceModal .jhii-google-year-note,
#jhImpactIntelligenceModal .jhii-scopus-year-note {
	margin: 5px 2px 0 !important;
	font-size: 11.5px !important;
	line-height: 1.25 !important;
}

#jhImpactIntelligenceModal .jhii-snapshot-history {
	margin-top: 7px !important;
}

#jhImpactIntelligenceModal .jhii-snapshot-history > summary {
	padding: 6px 31px 6px 10px !important;
	font-size: 12px !important;
}

/* On normal desktop/laptop heights, Overview and Trends are intentionally
   single-screen panels. Smaller screens retain safe scrolling. */
@media (min-width: 901px) and (min-height: 700px) {
	#jhImpactIntelligenceModal.jhii-view-overview .jhii-content,
	#jhImpactIntelligenceModal.jhii-view-trends .jhii-content {
		overflow-y: hidden !important;
		max-height: none !important;
	}

	#jhImpactIntelligenceModal.jhii-view-overview .jhii-window,
	#jhImpactIntelligenceModal.jhii-view-trends .jhii-window {
		max-height: 94vh !important;
	}
}

@media (max-width: 900px), (max-height: 699px) {
	#jhImpactIntelligenceModal .jhii-content {
		overflow-y: auto !important;
	}
}

@media (max-width: 650px) {
	#jhImpactIntelligenceModal .jhytel-impact-source-metrics > div {
		height: 70px !important;
		min-height: 70px !important;
	}

	#jhImpactIntelligenceModal .jhii-source-value {
		font-size: 20px !important;
	}

	#jhImpactIntelligenceModal .jhii-data-note-tooltip {
		right: -8px !important;
		width: min(330px, calc(100vw - 24px)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#jhImpactIntelligenceModal .jhii-data-note-tooltip {
		transition: none !important;
	}
}


/* ============================================================
   1.4.6 — Trends final compact layout
   Verification history removed from the public Trends panel.
   ============================================================ */

#jhImpactIntelligenceModal .jhii-trends-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 11px !important;
	align-items: stretch !important;
}

#jhImpactIntelligenceModal .jhii-trend-card {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	min-height: 0 !important;
	padding: 10px 11px !important;
	overflow: hidden !important;
}

#jhImpactIntelligenceModal .jhii-trend-card > header {
	flex: 0 0 auto !important;
	min-height: 0 !important;
	margin: 0 0 6px !important;
	padding: 0 0 6px !important;
}

#jhImpactIntelligenceModal .jhii-chart-toolbar--google,
#jhImpactIntelligenceModal .jhii-chart-toolbar--scopus {
	flex: 0 0 auto !important;
	margin: 0 0 6px !important;
}

/* The SVG owns the actual chart height. No extra CSS min-height = no blank floor. */
#jhImpactIntelligenceModal .jhii-google-year-chart--large,
#jhImpactIntelligenceModal .jhii-scopus-year-chart,
#jhImpactIntelligenceModal .jhii-google-year-chart--large.has-data,
#jhImpactIntelligenceModal .jhii-scopus-year-chart.has-data {
	flex: 0 0 auto !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 4px 5px 0 !important;
}

#jhImpactIntelligenceModal .jhii-google-year-chart--large svg,
#jhImpactIntelligenceModal .jhii-scopus-year-chart svg {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}

#jhImpactIntelligenceModal .jhii-google-year-note,
#jhImpactIntelligenceModal .jhii-scopus-year-note {
	flex: 0 0 auto !important;
	margin: 5px 2px 0 !important;
	padding: 0 !important;
	font-size: 11.5px !important;
	line-height: 1.2 !important;
	white-space: normal !important;
}

/* Public Verification History is intentionally gone. */
#jhImpactIntelligenceModal .jhii-snapshot-history {
	display: none !important;
}

/* Normal desktop/laptop: Trends must open as one complete panel, not a scroll view. */
@media (min-width: 901px) and (min-height: 650px) {
	#jhImpactIntelligenceModal.jhii-view-trends .jhii-window {
		max-height: 96vh !important;
	}

	#jhImpactIntelligenceModal.jhii-view-trends .jhii-content {
		overflow-y: hidden !important;
		overflow-x: hidden !important;
		max-height: none !important;
		padding-top: 11px !important;
		padding-bottom: 11px !important;
	}

	#jhImpactIntelligenceModal.jhii-view-trends .jhii-panel[data-jhii-panel="trends"] {
		overflow: hidden !important;
	}
}

@media (max-width: 900px) {
	#jhImpactIntelligenceModal .jhii-trends-grid {
		grid-template-columns: 1fr !important;
	}

	#jhImpactIntelligenceModal.jhii-view-trends .jhii-content {
		overflow-y: auto !important;
	}
}