.ssi-property-detail {
	background: #f6f8fb;
	color: #1f2937;
	padding: 28px 16px 64px;
}
.ssi-property-detail__container {
	margin: 0 auto;
	max-width: 1080px;
}
.ssi-property-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	font-size: 14px;
}
.ssi-property-breadcrumb li:not(:last-child)::after {
	content: "›";
	margin-left: 6px;
	color: #6b7280;
}
.ssi-property-hero,
.ssi-property-section {
	background: #fff;
	border: 1px solid #dbe3ec;
	border-radius: 14px;
	margin-bottom: 20px;
	padding: 24px;
}
.ssi-property-hero h1 {
	font-size: clamp(24px, 4vw, 38px);
	line-height: 1.35;
	margin: 10px 0 14px;
}
.ssi-property-badge {
	display: inline-block;
	background: #e8f1ff;
	border-radius: 999px;
	color: #154c8c;
	font-size: 13px;
	margin: 0;
	padding: 6px 10px;
}
.ssi-property-price {
	color: #154c8c;
	font-size: clamp(26px, 4vw, 40px);
	font-weight: 700;
	margin: 0 0 4px;
}
.ssi-property-location {
	font-size: 17px;
	margin: 0;
}
.ssi-property-section h2 {
	font-size: 22px;
	margin: 0 0 18px;
}
.ssi-property-fact-grid,
.ssi-property-semantic__grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ssi-property-fact-grid > div,
.ssi-property-semantic__grid > div {
	background: #f8fafc;
	border: 1px solid #e3e8ef;
	border-radius: 10px;
	padding: 14px;
}
.ssi-property-fact-grid dt,
.ssi-property-semantic__axis {
	color: #64748b;
	font-size: 13px;
	margin: 0 0 6px;
}
.ssi-property-fact-grid dd {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}
.ssi-property-table {
	border-collapse: collapse;
	width: 100%;
}
.ssi-property-table th,
.ssi-property-table td {
	border-bottom: 1px solid #e5e7eb;
	padding: 12px 8px;
	text-align: left;
	vertical-align: top;
}
.ssi-property-table th {
	width: 34%;
}
.ssi-property-semantic {
	border-left: 5px solid #2563a6;
}
.ssi-property-semantic a {
	font-size: 17px;
	font-weight: 600;
}
.ssi-property-note {
	background: #fff8e7;
	border-radius: 8px;
	margin: 18px 0 0;
	padding: 14px;
}
.ssi-property-credit {
	border-top: 1px solid #dbe3ec;
	font-size: 14px;
	margin-top: 28px;
	padding-top: 20px;
}
.ssi-property-credit p {
	margin: 4px 0;
}
@media (max-width: 720px) {
	.ssi-property-fact-grid,
	.ssi-property-semantic__grid {
		grid-template-columns: 1fr;
	}
	.ssi-property-hero,
	.ssi-property-section {
		padding: 18px;
	}
	.ssi-property-table th {
		width: 42%;
	}
}


.ssi-property-runtime-mark {
	align-items: center;
	color: #64748b;
	display: flex;
	font-size: 12px;
	gap: 8px;
	justify-content: space-between;
	letter-spacing: .03em;
	margin-bottom: 14px;
	text-transform: uppercase;
}
.ssi-property-runtime-mark span:last-child {
	background: #eef2f7;
	border-radius: 999px;
	padding: 4px 8px;
}


/* v0.10.2 Content Runtime adjustments */
.ssi-property-detail--content {
	background: transparent;
	padding: 0;
}
.ssi-property-detail--content .ssi-property-detail__container {
	max-width: 980px;
}
.ssi-property-kind {
	font-size: 16px;
	font-weight: 600;
	margin: 8px 0 0;
}
.ssi-property-source-note p {
	margin: 0;
}


/* v0.10.3 Public Beta Detail Runtime */
.ssi-property-content-runtime-active .wp-block-query {
	display: none;
}
.ssi-property-content-runtime-active .wp-block-post-terms,
.ssi-property-content-runtime-active .wp-block-post-date {
	display: none;
}
.ssi-property-content-runtime-active .wp-block-post-content {
	margin-block-start: 0;
}
.ssi-property-content-runtime-active .ssi-property-detail {
	--ssi-border: #dbe5ef;
	--ssi-blue: #145ea8;
	--ssi-blue-dark: #0c477f;
	--ssi-soft: #f5f8fb;
}
.ssi-property-content-runtime-v0103 .ssi-property-runtime-mark {
	flex-wrap: wrap;
	text-transform: none;
}
.ssi-property-beta {
	background: #fff4d6 !important;
	color: #7a5100;
	font-weight: 700;
}
.ssi-property-content-runtime-v0103 .ssi-property-hero {
	background:
		linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
	border-color: var(--ssi-border);
	padding: clamp(24px, 5vw, 42px);
}
.ssi-property-content-runtime-v0103 .ssi-property-price {
	color: var(--ssi-blue-dark);
	font-size: clamp(38px, 7vw, 64px);
	line-height: 1.05;
	margin-top: 18px;
}
.ssi-property-hero__identity {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}
.ssi-property-hero__identity span {
	background: #fff;
	border: 1px solid var(--ssi-border);
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	padding: 8px 12px;
}
.ssi-property-period {
	color: #526273;
	margin: 16px 0 0;
}
.ssi-property-section-intro {
	color: #58697b;
	margin: -8px 0 18px;
}
.ssi-property-semantic__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ssi-property-semantic-card {
	background: #f7fbff;
	border: 1px solid #cfe2f5;
	border-radius: 10px;
	color: #153b5f;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 15px;
	text-decoration: none;
}
.ssi-property-semantic-card:hover,
.ssi-property-semantic-card:focus {
	border-color: var(--ssi-blue);
	box-shadow: 0 4px 14px rgba(20, 94, 168, .12);
}
.ssi-property-semantic-card strong {
	color: var(--ssi-blue-dark);
	font-size: 17px;
}
.ssi-property-semantic-card > span:last-child {
	color: var(--ssi-blue);
	font-size: 12px;
}
.ssi-property-cluster__grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ssi-property-cluster-card {
	background: var(--ssi-soft);
	border: 1px solid var(--ssi-border);
	border-radius: 10px;
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 16px;
	text-decoration: none;
}
.ssi-property-cluster-card:hover,
.ssi-property-cluster-card:focus {
	border-color: var(--ssi-blue);
}
.ssi-property-cluster-card strong {
	color: var(--ssi-blue-dark);
	font-size: 20px;
}
.ssi-property-cluster-card small {
	color: #657586;
	margin-top: 6px;
}
.ssi-property-empty {
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 10px;
	margin: 0;
	padding: 16px;
}
.ssi-property-source-note {
	background: #fffaf0;
}
.ssi-property-source-note h2 {
	font-size: 18px;
}
.ssi-property-source-note p {
	line-height: 1.8;
	margin: 0;
}
.ssi-property-credit {
	align-items: flex-end;
	display: flex;
	gap: 24px;
	justify-content: space-between;
}
.ssi-property-credit__label {
	color: #64748b;
	font-size: 12px;
}
.ssi-property-credit__name {
	font-size: 18px;
	font-weight: 700;
}
@media (max-width: 720px) {
	.ssi-property-semantic__grid,
	.ssi-property-cluster__grid {
		grid-template-columns: 1fr;
	}
	.ssi-property-credit {
		align-items: flex-start;
		flex-direction: column;
	}
}