/* Lumora — series, digital twins and their hub pages. Loaded after screen.css. */

/* Summary and price side by side ----------------------------------------- */

.glance { display: grid; gap: 16px; max-width: 1100px; }
.glance .answer-box { max-width: none; }
.glance__price {
	display: grid;
	align-content: start;
	gap: 6px;
	padding: 22px 24px;
	border: 1px solid var(--c-rule);
	border-radius: var(--r);
	background: var(--c-panel);
}
.glance__price p { margin: 0; }
.glance__label {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--c-fg-dim);
	font: 700 .74rem/1 var(--ff);
	letter-spacing: .14em;
	text-transform: uppercase;
}
.glance__label .i { width: 18px; height: 18px; color: var(--c-hot-soft); }
.glance__sum { color: var(--c-fg); font: 800 clamp(2rem, 4vw, 2.6rem)/1.1 var(--ff); letter-spacing: -.02em; }
.glance__sum small { color: var(--c-fg-dim); font-size: .95rem; font-weight: 600; letter-spacing: 0; }
.glance__note { color: var(--c-fg-2); font-size: .9rem; line-height: 1.5; }
.glance__price .go-link { margin-top: 6px; font-size: .92rem; }
.glance__specs { max-width: none; margin: 0; align-self: start; }

.answer-box p a { color: var(--c-hot-soft); text-underline-offset: 3px; }

/* Long text additions ---------------------------------------------------- */

.richtext .opener { color: var(--c-fg); font-size: 1.08rem; font-weight: 500; }
.richtext h2[id^="episode-"] { margin-bottom: .3em; }
.ep-flag {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 .9em;
	color: var(--c-fg-dim);
	font-size: .84rem;
}
.richtext .ep-flag { color: var(--c-fg-dim); }
.ep-flag .i { width: 14px; height: 14px; color: var(--c-hot-soft); }

.grid-table caption.ledger-cap {
	padding: 0 0 8px;
	color: var(--c-fg-dim);
	font-size: .8rem;
	text-align: left;
	caption-side: top;
}
.grid-table .is-sum th,
.grid-table .is-sum td { background: rgba(var(--c-hot-rgb), .08); color: var(--c-fg); font-weight: 700; }
.grid-table th a { color: var(--c-fg); }

.richtext .note { margin: 0 0 1.2em; }
.richtext .titles h3 { margin: 0 0 4px; font-size: 1.05rem; }
.richtext .titles p { margin: 0 0 4px; }
.run-meta { color: var(--c-fg-dim) !important; font-size: .84rem; }

/* Verdict: two cards ------------------------------------------------------ */

.weigh { display: grid; gap: 14px; max-width: 1100px; }
.weigh__card {
	padding: 22px 24px;
	border: 1px solid rgba(var(--c-hot-rgb), .3);
	border-radius: var(--r);
	background: linear-gradient(180deg, rgba(var(--c-hot-rgb), .08), rgba(var(--c-hot-rgb), .02));
}
.weigh__card--no { border-color: var(--c-rule); background: var(--c-panel); }
.weigh__card p { margin: 0; color: var(--c-fg-2); }
.weigh__card p + p { margin-top: .8em; }
.weigh__card a { color: var(--c-hot-soft); text-underline-offset: 3px; }
.weigh__label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px !important;
	color: var(--c-fg) !important;
	font: 800 1rem/1.2 var(--ff);
}
.weigh__label .i { width: 18px; height: 18px; color: var(--c-hot-soft); }
.weigh__card--no .weigh__label .i { color: var(--c-fg-dim); }

/* FAQ questions as headings ---------------------------------------------- */

.qa__item summary .qa__q { display: inline; margin: 0; font: inherit; letter-spacing: 0; }
.qa .note { margin-top: 18px; }

/* Poster cards and twin cards -------------------------------------------- */

.title-card__info .card-twin { color: var(--c-hot-soft); font-weight: 600; }
.face__line { opacity: .8; line-height: 1.3; }

@media (min-width: 900px) {
	.glance { grid-template-columns: minmax(0, 1.7fr) minmax(240px, .8fr); align-items: start; }
	.weigh { grid-template-columns: 1fr 1fr; }
}