/* B"H
 * The Awtsmoos gives every source a precise, calm reading card with visible provenance and relevance.
 */
.result {
	contain: layout paint style;
	content-visibility: auto;
	display: grid;
	gap: .78rem;
	padding: .92rem;
	border: 1px solid rgba(151, 178, 205, .13);
	border-radius: .85rem;
	background: linear-gradient(180deg, rgba(13, 22, 35, .98), rgba(9, 16, 26, .98));
	color: #f4f1e8;
	box-shadow: 0 12px 34px rgba(0, 0, 0, .12);
}

.result:is(:hover, :focus-within) {
	border-color: rgba(85, 208, 231, .28);
}

.resultTop {
	display: grid;
	grid-template-columns: 2.5rem minmax(0, 1fr) auto;
	align-items: center;
	gap: .7rem;
}

.rank {
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid rgba(85, 208, 231, .24);
	border-radius: .68rem;
	background: #101d2b;
	color: #7ee0f0;
	font-weight: 900;
}

.result .eyebrow {
	margin: 0;
	color: #6ed8ea;
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.result h2 {
	margin: .16rem 0 0;
	font-size: clamp(1.02rem, 1.8vw, 1.28rem);
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.score {
	padding: .32rem .48rem;
	border: 1px solid rgba(216, 185, 109, .15);
	border-radius: 999px;
	background: rgba(216, 185, 109, .06);
	color: #e0c986;
	font-size: .72rem;
	white-space: nowrap;
}

.meter {
	height: .24rem;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(151, 178, 205, .09);
}

.meter i {
	display: block;
	width: var(--relevance);
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #43c9e2, #76dfbb);
}

.rangePreview {
	margin: 0;
	color: #e7edf5;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1rem, 1.8vw, 1.12rem);
	line-height: 1.72;
	white-space: pre-wrap;
}

.rangePreview mark {
	padding: 0 .1rem;
	border-radius: .18rem;
	background: rgba(216, 185, 109, .16);
	color: #f6e4ae;
}

.rangeMeta {
	padding: .62rem .68rem;
	border: 1px solid rgba(151, 178, 205, .09);
	border-radius: .65rem;
	background: #070d16;
	color: #8393a7;
	font-size: .72rem;
	line-height: 1.45;
}