/**
 * Section — Verify this draw (Competition lifecycle + public draw
 * verification pass, 7 Oct 2026; NOT design-locked).
 *
 * Markup: views/sections/draw-verify.php. A readable single column:
 * status, result, four plain steps, the in-browser check, then the
 * technical evidence folded away.
 */

.ec-draw-verify {
	box-sizing: border-box;
	max-width: 48rem;
	margin-inline: auto;
}

.ec-draw-verify__back {
	display: inline-block;
	margin-bottom: var(--ec-space-4);
	font-size: var(--ec-font-size-body-sm);
}

.ec-draw-verify__eyebrow {
	margin: 0 0 var(--ec-space-1);
	color: var(--ec-color-accent-strong);
	font-size: var(--ec-font-size-caption);
	font-weight: var(--ec-font-weight-bold);
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.ec-draw-verify__title {
	margin: 0;
	font-size: var(--ec-font-size-h2);
	line-height: var(--ec-line-height-tight);
	overflow-wrap: anywhere;
}

.ec-draw-verify__title a {
	color: inherit;
	text-decoration: none;
}

.ec-draw-verify__title a:hover {
	text-decoration: underline;
}

.ec-draw-verify__meta {
	margin: var(--ec-space-1) 0 var(--ec-space-5);
	color: var(--ec-color-text-secondary);
	font-size: var(--ec-font-size-body-sm);
}

.ec-draw-verify__status {
	display: flex;
	gap: var(--ec-space-3);
	align-items: flex-start;
	padding: var(--ec-space-4);
	border: 1px solid rgba(124, 236, 243, 0.3);
	border-radius: var(--ec-radius-lg);
	background: rgba(16, 32, 56, 0.9);
}

.ec-draw-verify__status--ok {
	border-color: rgba(69, 204, 142, 0.55);
}

.ec-draw-verify__status--fail {
	border-color: rgba(255, 122, 122, 0.6);
}

.ec-draw-verify__status-icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: rgba(124, 236, 243, 0.14);
	color: var(--ec-color-accent-strong);
	font-weight: var(--ec-font-weight-bold);
}

.ec-draw-verify__status--ok .ec-draw-verify__status-icon {
	background: rgba(69, 204, 142, 0.18);
	color: #6fe0ae;
}

.ec-draw-verify__status--fail .ec-draw-verify__status-icon {
	background: rgba(255, 122, 122, 0.18);
	color: #ff9a9a;
}

.ec-draw-verify__status-title {
	margin: 0;
	font-weight: var(--ec-font-weight-bold);
}

.ec-draw-verify__status-text {
	margin: var(--ec-space-1) 0 0;
	color: var(--ec-color-text-secondary);
	font-size: var(--ec-font-size-body-sm);
	line-height: var(--ec-line-height-relaxed);
}

.ec-draw-verify__results {
	display: grid;
	gap: var(--ec-space-2);
	margin: var(--ec-space-4) 0 0;
	padding: 0;
	list-style: none;
}

.ec-draw-verify__result {
	padding: var(--ec-space-4);
	border: 1px solid var(--ec-color-border);
	border-radius: var(--ec-radius-lg);
	background-color: var(--ec-color-surface);
}

.ec-draw-verify__result p {
	margin: 0;
}

.ec-draw-verify__result-prize {
	color: var(--ec-color-text-secondary);
	font-size: var(--ec-font-size-body-sm);
}

.ec-draw-verify__result-ticket {
	font-size: var(--ec-font-size-body-lg);
}

.ec-draw-verify__result-ticket strong {
	color: var(--ec-color-accent-strong);
}

.ec-draw-verify__heading {
	margin: var(--ec-space-7, 2.5rem) 0 var(--ec-space-3);
	font-size: var(--ec-font-size-h4);
}

.ec-draw-verify__subheading {
	margin: var(--ec-space-5) 0 var(--ec-space-2);
	font-size: var(--ec-font-size-body-lg);
}

.ec-draw-verify__steps {
	display: grid;
	gap: var(--ec-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: ec-verify-step;
}

.ec-draw-verify__step {
	position: relative;
	display: grid;
	gap: var(--ec-space-1);
	padding: var(--ec-space-3) var(--ec-space-4) var(--ec-space-3) 3.25rem;
	border: 1px solid var(--ec-color-border);
	border-radius: var(--ec-radius-lg);
	background-color: var(--ec-color-surface);
	counter-increment: ec-verify-step;
}

.ec-draw-verify__step::before {
	content: counter(ec-verify-step);
	position: absolute;
	top: var(--ec-space-3);
	left: var(--ec-space-4);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 999px;
	background: rgba(124, 236, 243, 0.16);
	color: var(--ec-color-accent-strong);
	font-size: var(--ec-font-size-caption);
	font-weight: var(--ec-font-weight-bold);
}

.ec-draw-verify__step span {
	color: var(--ec-color-text-secondary);
	font-size: var(--ec-font-size-body-sm);
	line-height: var(--ec-line-height-relaxed);
}

.ec-draw-verify__note {
	margin: var(--ec-space-2) 0 var(--ec-space-3);
	color: var(--ec-color-text-secondary);
	font-size: var(--ec-font-size-body-sm);
	line-height: var(--ec-line-height-relaxed);
}

.ec-draw-verify__checklist {
	display: grid;
	gap: var(--ec-space-1);
	margin: var(--ec-space-4) 0 0;
	padding: 0;
	list-style: none;
}

.ec-draw-verify__checkitem {
	display: flex;
	gap: var(--ec-space-2);
	font-size: var(--ec-font-size-body-sm);
	overflow-wrap: anywhere;
}

.ec-draw-verify__checkitem--ok > span:first-child {
	color: #6fe0ae;
}

.ec-draw-verify__checkitem--fail > span:first-child {
	color: #ff9a9a;
}

.ec-draw-verify__summary {
	margin: var(--ec-space-3) 0 0;
	font-weight: var(--ec-font-weight-semibold);
}

.ec-draw-verify__summary:empty {
	display: none;
}

.ec-draw-verify__details {
	margin-top: var(--ec-space-6, 2rem);
	padding: var(--ec-space-3) var(--ec-space-4);
	border: 1px solid var(--ec-color-border);
	border-radius: var(--ec-radius-lg);
}

.ec-draw-verify__details > summary {
	min-height: 2.75rem;
	display: flex;
	align-items: center;
	font-weight: var(--ec-font-weight-semibold);
	cursor: pointer;
}

.ec-draw-verify__evidence {
	display: grid;
	gap: var(--ec-space-2);
	margin: var(--ec-space-3) 0 0;
}

.ec-draw-verify__evidence > div {
	display: grid;
	gap: 0.15rem;
}

.ec-draw-verify__evidence dt {
	color: var(--ec-color-text-secondary);
	font-size: var(--ec-font-size-caption);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ec-draw-verify__evidence dd {
	margin: 0;
	font-size: var(--ec-font-size-body-sm);
	overflow-wrap: anywhere;
}

.ec-draw-verify__evidence code,
.ec-draw-verify code {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.85em;
	overflow-wrap: anywhere;
	word-break: break-all;
}

.ec-draw-verify__plain,
.ec-draw-verify__method {
	margin: 0;
	padding-left: 1.25rem;
	color: var(--ec-color-text-secondary);
	font-size: var(--ec-font-size-body-sm);
	line-height: var(--ec-line-height-relaxed);
	overflow-wrap: anywhere;
}