/* Registration certificate access shares the site's display modes and palette. */
body { margin:0; }

.lsa-proof-portal {
	background:var(--lsa-soft);
	display:flex;
	flex-direction:column;
}

.lsa-proof-width {
	width:min(100% - 2rem, 51rem);
	margin-inline:auto;
}

.lsa-proof-header {
	background:var(--lsa-paper);
	border-block-end:1px solid var(--lsa-border);
}

.lsa-proof-header-row,
.lsa-proof-home,
.lsa-proof-preferences {
	display:flex;
	align-items:center;
	gap:.75rem;
}

.lsa-proof-header-row {
	justify-content:space-between;
	flex-wrap:wrap;
	padding-block:.75rem;
}

.lsa-proof-home {
	font-weight:700;
}

.lsa-proof-preferences {
	flex-wrap:wrap;
}

.lsa-proof-portal a.lsa-proof-text-link {
	color:var(--lsa-accent);
	text-decoration:underline;
	text-underline-offset:.22em;
}

.lsa-proof-main {
	flex:1;
	padding-block:clamp(2rem,6vw,4rem);
}

.lsa-proof-intro {
	display:grid;
	gap:.8rem;
	margin-block-end:1.5rem;
}

.lsa-proof-portal h1 {
	font-size:clamp(1.8rem,5vw,3rem);
	overflow-wrap:anywhere;
}

.lsa-proof-portal h2 {
	font-size:clamp(1.2rem,2.4vw,1.55rem);
	overflow-wrap:anywhere;
}

.lsa-proof-intro p,
.lsa-proof-panel > p,
.lsa-proof-footer p {
	color:var(--lsa-muted);
}

.lsa-proof-records,
.lsa-proof-panel {
	display:grid;
	gap:.9rem;
}

.lsa-proof-panel {
	justify-items:start;
	padding:clamp(1rem,4vw,1.8rem);
	border:1px solid var(--lsa-border);
	border-block-start:3px solid var(--lsa-accent);
	border-radius:.65rem;
	background:var(--lsa-paper);
}

.lsa-proof-panel dl {
	display:grid;
	grid-template-columns:minmax(0,auto) minmax(0,1fr);
	gap:.35rem clamp(.5rem,3vw,1.5rem);
	margin:0;
}

.lsa-proof-panel dt {
	font-weight:700;
}

.lsa-proof-panel dd {
	margin:0;
	overflow-wrap:anywhere;
}

.lsa-proof-verify {
	display:grid;
	gap:.5rem;
	width:100%;
	justify-items:start;
}

.lsa-proof-verify label {
	font-weight:700;
}

.lsa-proof-verify input {
	width:min(100%,24rem);
	min-height:48px;
	padding:.45rem .65rem;
	border:1px solid var(--lsa-control);
	border-radius:.35rem;
	color:var(--lsa-ink);
	background:var(--lsa-paper);
}

.lsa-proof-verdict {
	display:grid;
	gap:.5rem;
	width:100%;
	padding:1rem;
	background:var(--lsa-soft);
	border-inline-start:3px solid var(--lsa-accent);
}

.lsa-proof-related {
	display:flex;
	flex-wrap:wrap;
	gap:.5rem 1.2rem;
	margin-block-start:1.25rem;
}

.lsa-proof-footer {
	padding-block:1rem;
	border-block-start:1px solid var(--lsa-border);
	font-size:.875em;
}

@media (max-width:400px) {
	.lsa-proof-panel dl { grid-template-columns:1fr; }
	.lsa-proof-panel dd:not(:last-child) { margin-block-end:.4rem; }
}