/* Shared identity plate and specimen media contract for Species Reference surfaces. */
.hero-evidence-summary {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ka-space-8) var(--ka-space-16);
	margin-top: var(--ka-space-12);
	padding: var(--ka-space-8) var(--ka-space-12);
	background: var(--ka-color-paper-sunken);
	border: 1px solid var(--ka-color-rule-hairline);
	border-radius: var(--ka-radius-sm);
}

.hero-summary-item {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.summary-item-label {
	font-size: 11px;
	font-weight: 500;
	color: var(--ka-color-ink-quiet);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-family: var(--ka-font-hangul-sans);
}

.summary-item-value {
	font-size: 13px;
	font-weight: 600;
	color: var(--ka-color-ink-primary);
	font-family: var(--ka-font-mono);
}

.action-buttons-row {
	display: flex;
	align-items: center;
	gap: var(--ka-space-12);
	margin-top: var(--ka-space-16);
	flex-wrap: wrap;
}

.action-btn-gis,
.action-btn-compare {
	display: inline-flex;
	align-items: center;
	gap: var(--ka-space-6);
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	border-radius: var(--ka-radius-sm);
	text-decoration: none;
	cursor: pointer;
	transition: all var(--ka-transition-subtle);
	font-family: var(--ka-font-hangul-sans);
}

.action-btn-gis {
	background: var(--ka-color-paper-surface);
	border: 1px solid var(--ka-color-rule-subtle);
	color: var(--ka-color-ink-primary);
}

.action-btn-gis:hover {
	background: var(--ka-color-paper-sunken);
	border-color: var(--ka-color-ink-primary);
}

.action-btn-compare {
	background: #edf5f3;
	border: 1px solid #a0c9c3;
	color: #1b4540;
}

.action-btn-compare:hover:not(:disabled) {
	background: #dfece4;
	border-color: #1b4540;
}

.action-btn-evidence {
	display: inline-flex;
	align-items: center;
	gap: var(--ka-space-6);
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	border-radius: var(--ka-radius-sm);
	text-decoration: none;
	cursor: pointer;
	transition: all var(--ka-transition-subtle);
	font-family: var(--ka-font-hangul-sans);
	background: transparent;
	border: 1px solid var(--ka-color-rule-subtle);
	color: #1b4540;
}

.action-btn-evidence:hover {
	background: #edf5f3;
	border-color: #1b4540;
}

.specimen-plate {
	background: var(--ka-color-paper-surface);
	border: 1px solid var(--ka-color-rule-hairline);
	border-radius: var(--ka-radius-md);
	padding: var(--ka-entity-hero-inset);
	margin-bottom: var(--ka-space-32);
	display: grid;
	grid-template-columns: repeat(var(--ka-grid-columns-mobile), 1fr);
	row-gap: var(--ka-entity-to-evidence);
	column-gap: var(--ka-entity-hero-gap);
	align-items: start;
}

.specimen-plate .species-name-stack,
.specimen-plate .media-container {
	grid-column: span var(--ka-grid-columns-mobile);
}

@media (min-width: 768px) {
	.specimen-plate {
		grid-template-columns: repeat(var(--ka-grid-columns-tablet), 1fr);
	}
	.specimen-plate .species-name-stack,
	.specimen-plate .media-container {
		grid-column: span var(--ka-grid-columns-tablet);
	}
}

@media (min-width: 1024px) {
	.specimen-plate {
		grid-template-columns: repeat(var(--ka-grid-columns-desktop), 1fr);
	}
	.specimen-plate .species-name-stack {
		grid-column: span 9;
	}
	.specimen-plate .media-container {
		grid-column: span 3;
	}
}

.species-name-stack,
.media-container {
	display: flex;
	flex-direction: column;
}

.specimen-plate .ka-identity-media-link:empty {
	display: none;
}

.evidence-lead-statement {
	font-size: var(--ka-text-body-lead);
	line-height: var(--ka-line-body-lead);
	color: var(--ka-color-ink-secondary);
	box-shadow: inset 0 2px 0 var(--ka-color-evidence-present-fill);
	padding-top: var(--ka-space-12);
	margin: 0;
}

.specimen-photo-card {
	width: 100%;
	border: 1px solid var(--ka-color-rule-hairline);
	border-radius: var(--ka-radius-sm);
	overflow: hidden;
	background: var(--ka-color-paper-sunken);
}

.specimen-photo {
	width: 100%;
	height: auto;
	max-height: 280px;
	object-fit: contain;
	display: block;
	background: var(--ka-color-paper-sunken);
	cursor: pointer;
	transition: transform 0.15s ease;
}

.specimen-photo:hover {
	transform: scale(1.01);
}

.photo-expand-hint {
	font-size: 11px;
	color: var(--ka-color-ink-quiet);
	float: right;
}

.photo-caption {
	display: flow-root;
	font-size: var(--ka-text-data-label);
	color: var(--ka-color-ink-quiet);
	padding: var(--ka-space-8);
	background: var(--ka-color-paper-surface);
	border-top: 1px solid var(--ka-color-rule-hairline);
	text-align: center;
}

.photo-caption a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.photo-caption a:hover {
	color: var(--ka-color-ink-primary);
}

.specimen-fallback-card {
	background: var(--ka-color-paper-sunken);
	border: 1px solid var(--ka-color-rule-hairline);
	border-radius: var(--ka-radius-sm);
	padding: var(--ka-space-24) var(--ka-space-16);
	text-align: center;
}

/* Ownership: SpecimenPlate owns its cross-surface actions. */
.action-btn-gis,
.action-btn-compare,
.action-btn-evidence {
  box-shadow: var(--ka-control-press-inset);
  transition: var(--ka-control-transition);
}
.action-btn-gis:active,
.action-btn-compare:active,
.action-btn-evidence:active {
  transform: translateY(1px);
  box-shadow: var(--ka-control-active-inset);
}
.action-btn-compare.disabled,
.action-btn-compare[aria-disabled="true"] { box-shadow: none; transform: none; }