.exam-page .wrapper.style1 {
	background: transparent !important;
}

.exam-wrapper {
	padding: 3em 0 4em;
}

.exam-shell {
	position: relative;
	z-index: 1;
}

.exam-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
	gap: 1.5em;
	padding: 2em;
	border: 1px solid var(--border);
	background:
		linear-gradient(180deg, rgba(126, 200, 216, 0.03), rgba(126, 200, 216, 0.01)),
		radial-gradient(circle at top right, rgba(126, 200, 216, 0.08), transparent 30%),
		var(--panel);
	position: relative;
	overflow: hidden;
}

.exam-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			transparent,
			transparent 31px,
			rgba(126, 200, 216, 0.02) 31px,
			rgba(126, 200, 216, 0.02) 32px
		);
	pointer-events: none;
}

.exam-hero-copy,
.exam-hero-meta {
	position: relative;
	z-index: 1;
}

.exam-hero-lead {
	margin: 0;
	max-width: 46em;
	font-size: 0.96em;
	line-height: 1.95;
	color: var(--text);
}

.exam-hero-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9em;
	align-content: start;
}

.exam-meta-card {
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.72);
	padding: 1em 1.1em;
	min-height: 7.5em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.exam-meta-label {
	font-size: 0.58em;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--muted);
}

.exam-meta-value {
	font-size: 1.05em;
	letter-spacing: 0.06em;
	color: var(--heading);
	line-height: 1.45;
}

.exam-toolbar {
	display: flex;
	align-items: stretch;
	gap: 1em;
	margin-top: 1.4em;
}

.exam-stepper {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	border: 1px solid var(--border);
	background: rgba(5, 8, 15, 0.68);
}

.exam-step-btn {
	border: 0;
	border-right: 1px solid var(--border);
	background: transparent;
	color: var(--muted);
	padding: 1em 0.9em;
	display: flex;
	align-items: center;
	gap: 0.9em;
	text-align: left;
	transition: color 0.2s ease, background 0.2s ease;
}

.exam-step-btn:last-child {
	border-right: none;
}

.exam-step-btn:hover:not(:disabled) {
	color: var(--heading);
	background: rgba(126, 200, 216, 0.04);
}

.exam-step-btn:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

.exam-step-btn.is-current {
	background: rgba(126, 200, 216, 0.08);
	color: var(--accent);
	box-shadow: inset 0 -2px 0 0 var(--accent);
}

.exam-step-btn.is-complete {
	color: #5de8a0;
}

.exam-step-btn.is-current .exam-step-index,
.exam-step-btn.is-complete .exam-step-index {
	border-color: currentColor;
}

.exam-step-index {
	flex: 0 0 auto;
	width: 2.8em;
	height: 2.8em;
	border: 1px solid var(--border);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Courier New", monospace;
	font-size: 0.72em;
	letter-spacing: 0.14em;
}

.exam-step-copy {
	display: flex;
	flex-direction: column;
	gap: 0.25em;
	min-width: 0;
}

.exam-step-name {
	font-size: 0.82em;
	letter-spacing: 0.08em;
	color: inherit;
}

.exam-step-name-en {
	font-size: 0.54em;
	letter-spacing: 0.28em;
	text-transform: uppercase;
}

.exam-ghost-btn,
.exam-btn {
	border: 1px solid var(--border);
	background: rgba(126, 200, 216, 0.03);
	color: var(--heading);
	padding: 0.9em 1.4em;
	font-size: 0.72em;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	font-family: "Courier New", monospace;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.exam-btn:hover,
.exam-ghost-btn:hover {
	background: rgba(126, 200, 216, 0.09);
	color: var(--accent);
	border-color: var(--accent);
}

.exam-btn {
	background: rgba(126, 200, 216, 0.08);
	color: var(--accent);
	border-color: rgba(126, 200, 216, 0.32);
}

.exam-btn.secondary {
	background: transparent;
	color: var(--muted);
}

.exam-btn.warn {
	color: #f4c27d;
	border-color: rgba(244, 194, 125, 0.35);
	background: rgba(244, 194, 125, 0.05);
}

.exam-btn:disabled,
.exam-ghost-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.exam-banner {
	margin-top: 1.2em;
	padding: 0.9em 1.2em;
	border: 1px solid rgba(126, 200, 216, 0.24);
	background: rgba(126, 200, 216, 0.06);
	color: var(--text);
}

.exam-stage {
	display: none;
	margin-top: 1.4em;
	border: 1px solid var(--border);
	background: var(--panel);
	position: relative;
	overflow: hidden;
}

.exam-stage.is-active {
	display: block;
}

.exam-stage::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(
			0deg,
			transparent,
			transparent 28px,
			rgba(126, 200, 216, 0.015) 28px,
			rgba(126, 200, 216, 0.015) 29px
		);
	pointer-events: none;
}

.exam-stage > * {
	position: relative;
	z-index: 1;
}

.exam-stage-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.2em;
	padding: 1.6em 1.8em 1.2em;
	border-bottom: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.56);
}

.exam-stage-head h3 {
	margin: 0.15em 0 0;
	font-size: 1.55em;
	letter-spacing: 0.06em;
}

.exam-stage-status {
	font-size: 0.62em;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--muted);
	font-family: "Courier New", monospace;
	text-align: right;
}

.exam-form {
	padding: 1.8em;
}

.exam-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1em;
}

.exam-field {
	display: flex;
	flex-direction: column;
	gap: 0.55em;
}

.exam-field-label {
	font-size: 0.62em;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--muted);
}

.exam-field-label em {
	color: #f4c27d;
	font-style: normal;
}

.exam-field input,
.exam-field select {
	height: 3.25em;
	padding: 0 1em;
	border: 1px solid var(--border);
	background: rgba(244, 247, 250, 0.96) !important;
	color: #102131 !important;
	font-size: 0.92em;
	line-height: 3.25em;
	box-shadow: none;
}

.exam-field input[readonly] {
	font-family: "Courier New", monospace;
	letter-spacing: 0.08em;
	color: #2a7b9b !important;
}

.exam-field input::placeholder {
	color: rgba(16, 33, 49, 0.42) !important;
}

.exam-field input:focus,
.exam-field select:focus {
	border-color: rgba(67, 149, 182, 0.45);
	box-shadow: 0 0 0 1px rgba(67, 149, 182, 0.2);
}

.exam-field input:-webkit-autofill,
.exam-field input:-webkit-autofill:hover,
.exam-field input:-webkit-autofill:focus {
	-webkit-text-fill-color: #102131;
	box-shadow: 0 0 0 1000px rgba(244, 247, 250, 0.96) inset;
}

.exam-avatar-panel {
	margin-top: 1.4em;
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 1.2em;
	align-items: stretch;
}

.exam-avatar-preview {
	min-height: 260px;
	border: 1px solid var(--border);
	background:
		linear-gradient(180deg, rgba(126, 200, 216, 0.03), rgba(126, 200, 216, 0.01)),
		#08101a;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.exam-avatar-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.exam-avatar-preview::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(126, 200, 216, 0.65), transparent);
	animation: examScan 3.4s linear infinite;
}

@keyframes examScan {
	0% {
		transform: translateY(-2px);
		opacity: 0;
	}

	8%,
	92% {
		opacity: 1;
	}

	100% {
		transform: translateY(258px);
		opacity: 0;
	}
}

.exam-avatar-placeholder {
	font-family: "Courier New", monospace;
	font-size: 0.78em;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--muted);
}

.exam-avatar-copy {
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.72);
	padding: 1.2em 1.3em;
}

.exam-avatar-title {
	font-size: 0.72em;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--accent);
	margin-bottom: 0.8em;
}

.exam-avatar-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em;
	margin-top: 1.2em;
}

.exam-avatar-actions input[type="file"] {
	flex: 1 1 280px;
	border: 1px solid var(--border);
	background: rgba(126, 200, 216, 0.03);
	padding: 0.75em 0.9em;
	font-size: 0.78em;
}

.exam-avatar-hint {
	margin: 0.8em 0 0;
	font-size: 0.66em;
	line-height: 1.7;
	letter-spacing: 0.08em;
	color: rgba(126, 200, 216, 0.72);
}

.exam-inline-note {
	display: flex;
	align-items: center;
	gap: 0.9em;
	margin-top: 1.2em;
	padding: 0.85em 1em;
	border: 1px solid rgba(126, 200, 216, 0.16);
	background: rgba(126, 200, 216, 0.03);
}

.exam-inline-note-key {
	font-family: "Courier New", monospace;
	font-size: 0.58em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--accent);
}

.exam-inline-note-val {
	font-size: 0.84em;
	color: var(--text);
}

.exam-action-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em;
	margin-top: 1.5em;
	padding-top: 1.2em;
	border-top: 1px solid var(--border);
}

.exam-notice-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.2em;
	padding: 1.8em;
	padding-bottom: 0;
}

.exam-notice-card,
.exam-panel {
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.72);
	padding: 1.3em;
}

.exam-notice-title,
.exam-panel-title,
.exam-nav-title {
	font-size: 0.72em;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--accent);
	margin-bottom: 1em;
}

.exam-spec-list .spec-key {
	min-width: 5.2em;
}

.exam-check {
	display: inline-flex;
	align-items: center;
	gap: 0.75em;
	margin: 1.5em 1.8em 0;
	color: var(--text);
	cursor: pointer;
	user-select: none;
}

.exam-check input {
	-webkit-appearance: none;
	appearance: none;
	width: 1.2em;
	height: 1.2em;
	margin: 0;
	flex: 0 0 auto;
	border: 1px solid rgba(126, 200, 216, 0.3);
	border-radius: 0.28em;
	background: rgba(8, 11, 18, 0.9);
	position: relative;
	display: inline-grid;
	place-items: center;
	cursor: pointer;
	box-shadow: inset 0 0 0 1px rgba(6, 10, 16, 0.8);
}

.exam-check input::before {
	content: "";
	width: 0.32em;
	height: 0.62em;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	transform: translateY(-0.08em) rotate(45deg);
	transition: border-color 0.2s ease, opacity 0.2s ease;
	opacity: 0;
}

.exam-check input:checked {
	border-color: rgba(93, 232, 160, 0.36);
	background: rgba(93, 232, 160, 0.12);
}

.exam-check input:checked::before {
	border-color: #6ef0ba;
	opacity: 1;
}

.exam-check input:focus-visible {
	outline: 2px solid rgba(126, 200, 216, 0.44);
	outline-offset: 2px;
}

.exam-check span {
	line-height: 1.65;
}

.exam-runtime-bar {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.85em;
	padding: 1.6em 1.8em 0;
}

.exam-runtime-chip {
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.72);
	padding: 0.95em 1em;
	display: flex;
	flex-direction: column;
	gap: 0.45em;
}

.exam-runtime-key,
.exam-panel-meta,
.exam-nav-sub,
.exam-question-index,
.exam-question-module,
.exam-save-note {
	font-family: "Courier New", monospace;
	font-size: 0.58em;
	letter-spacing: 0.28em;
	text-transform: uppercase;
}

.exam-runtime-key,
.exam-panel-meta,
.exam-nav-sub,
.exam-question-index {
	color: var(--muted);
}

.exam-runtime-val {
	font-size: 1.15em;
	letter-spacing: 0.06em;
	color: var(--heading);
}

.exam-runtime-val.mono {
	font-family: "Courier New", monospace;
	font-size: 0.96em;
	color: var(--accent);
}

.exam-runtime-chip.is-warning .exam-runtime-val {
	color: #f4c27d;
}

.exam-workspace {
	display: grid;
	grid-template-columns: 228px minmax(0, 1fr);
	gap: 1em;
	padding: 1.2em 1.8em 1.8em;
}

.exam-nav-panel,
.exam-question-panel {
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.74);
}

.exam-nav-panel {
	padding: 1em;
}

.exam-nav-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.8em;
	margin-bottom: 1em;
}

.exam-module-legend {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45em;
	margin-bottom: 0.9em;
}

.exam-module-tag {
	border: 1px solid var(--border);
	padding: 0.6em 0.65em;
	font-size: 0.56em;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--muted);
	text-align: center;
}

.exam-question-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.35em;
}

.exam-question-nav-btn {
	height: 2.05em;
	min-width: 0;
	border: 1px solid var(--border);
	background: rgba(126, 200, 216, 0.02);
	color: var(--muted);
	font-family: "Courier New", monospace;
	font-size: 0.7em;
	line-height: 1;
	padding: 0;
	border-radius: 0.65em;
	font-weight: 400;
	letter-spacing: 0.04em;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.exam-question-nav-btn:hover {
	color: var(--heading);
	border-color: var(--accent);
}

.exam-question-nav-btn.is-current {
	color: var(--accent);
	border-color: var(--accent);
	background: rgba(126, 200, 216, 0.1);
}

.exam-question-nav-btn.is-answered {
	color: #5de8a0;
	border-color: rgba(93, 232, 160, 0.26);
}

.exam-question-panel {
	padding: 1.4em;
}

.exam-question-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid var(--border);
}

.exam-question-module {
	color: var(--accent);
	margin-bottom: 0.55em;
}

.exam-save-note {
	color: #5de8a0;
	border: 1px solid rgba(93, 232, 160, 0.22);
	padding: 0.45em 0.7em;
	background: rgba(93, 232, 160, 0.05);
}

.exam-question-text {
	margin: 1.1em 0 0;
	font-size: 1.36em;
	line-height: 1.6;
	font-weight: 300;
	letter-spacing: 0.04em;
}

.exam-options {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.85em;
	margin-top: 1.5em;
}

.exam-option {
	position: relative;
}

.exam-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.exam-option-label {
	display: grid;
	grid-template-columns: 2.8em minmax(0, 1fr);
	gap: 0.9em;
	align-items: flex-start;
	border: 1px solid var(--border);
	padding: 1em;
	background: rgba(126, 200, 216, 0.02);
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.exam-option-label:hover {
	border-color: var(--accent);
	background: rgba(126, 200, 216, 0.06);
}

.exam-option input:checked + .exam-option-label {
	border-color: var(--accent);
	background: rgba(126, 200, 216, 0.09);
}

.exam-option-code {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2em;
	height: 2.2em;
	border: 1px solid var(--border);
	color: var(--accent);
	font-family: "Courier New", monospace;
	font-size: 0.78em;
	letter-spacing: 0.16em;
}

.exam-option-text {
	font-size: 0.92em;
	line-height: 1.85;
	color: var(--text);
}

.exam-question-foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.8em;
	margin-top: 1.6em;
	padding-top: 1.2em;
	border-top: 1px solid var(--border);
}

.exam-empty-state {
	padding: 2.6em 1.8em;
	text-align: center;
	color: var(--muted);
}

.exam-empty-title {
	font-size: 1.3em;
	color: var(--heading);
	margin-bottom: 0.5em;
}

.exam-result-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1em;
	padding: 1.8em;
	padding-bottom: 0;
}

.exam-result-card {
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.72);
	padding: 1.2em 1.25em;
	min-height: 9.2em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.exam-result-label {
	font-size: 0.58em;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--muted);
}

.exam-result-value {
	font-size: 1.3em;
	line-height: 1.4;
	color: var(--heading);
}

.exam-result-sub {
	font-size: 0.7em;
	letter-spacing: 0.1em;
	color: var(--accent);
}

.exam-analysis-grid {
	display: grid;
	grid-template-columns: minmax(280px, 1fr) minmax(340px, 1.1fr);
	gap: 1.2em;
	padding: 1.2em 1.8em 0;
}

.exam-panel-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1em;
	margin-bottom: 1.1em;
}

.exam-module-score-list {
	display: flex;
	flex-direction: column;
	gap: 0.8em;
}

.exam-module-score-item {
	border: 1px solid var(--border);
	padding: 0.95em 1em;
	background: rgba(126, 200, 216, 0.02);
}

.exam-module-score-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
}

.exam-module-score-name {
	font-size: 0.9em;
	color: var(--heading);
}

.exam-module-score-value {
	font-family: "Courier New", monospace;
	color: var(--accent);
	font-size: 0.95em;
}

.exam-module-score-bar {
	margin-top: 0.7em;
	height: 4px;
	background: rgba(126, 200, 216, 0.08);
	position: relative;
}

.exam-module-score-fill {
	height: 100%;
	background: var(--accent);
}

.exam-radar-wrap {
	position: relative;
	width: 100%;
	min-height: 22em;
}

.exam-radar-wrap canvas {
	width: 100%;
	height: 100%;
	display: block;
}

.exam-comment-box {
	margin: 1.2em 1.8em 0;
}

.exam-review-block {
	margin: 1.2em 1.8em 0;
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.72);
}

.exam-review-block summary {
	padding: 1em 1.2em;
	cursor: pointer;
	color: var(--accent);
	font-size: 0.72em;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.exam-review-list {
	padding: 0 1.2em 1.2em;
	display: flex;
	flex-direction: column;
	gap: 0.85em;
}

.exam-review-item {
	border: 1px solid var(--border);
	background: rgba(126, 200, 216, 0.02);
	padding: 1em;
}

.exam-review-item.is-correct {
	border-left: 2px solid #5de8a0;
}

.exam-review-item.is-incorrect {
	border-left: 2px solid #f4c27d;
}

.exam-review-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	margin-bottom: 0.6em;
}

.exam-review-status {
	font-size: 0.58em;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	font-family: "Courier New", monospace;
}

.exam-review-item.is-correct .exam-review-status {
	color: #5de8a0;
}

.exam-review-item.is-incorrect .exam-review-status {
	color: #f4c27d;
}

.exam-review-question {
	font-size: 0.84em;
	line-height: 1.8;
	color: var(--heading);
}

.exam-review-line {
	margin-top: 0.45em;
	font-size: 0.78em;
	line-height: 1.8;
	color: var(--text);
}

.letter-shell {
	padding: 1.8em;
}

.letter-doc {
	position: relative;
	border: 1px solid var(--border);
	background:
		linear-gradient(180deg, rgba(126, 200, 216, 0.025), rgba(126, 200, 216, 0.01)),
		#08101a;
	padding: 2.2em;
	overflow: hidden;
}

.letter-doc::before {
	content: "XIMA";
	position: absolute;
	right: 0.45em;
	top: 0.18em;
	font-size: 8em;
	letter-spacing: 0.12em;
	color: rgba(126, 200, 216, 0.04);
	font-family: "Courier New", monospace;
	pointer-events: none;
}

.letter-head {
	padding-bottom: 1.2em;
	border-bottom: 1px solid var(--border);
	margin-bottom: 1.2em;
}

.letter-head-zh {
	font-size: 1.55em;
	letter-spacing: 0.08em;
	color: var(--heading);
}

.letter-head-en {
	margin-top: 0.5em;
	font-size: 0.64em;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--accent);
	font-family: "Courier New", monospace;
}

.letter-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin-bottom: 1.2em;
}

.letter-meta-chip {
	border: 1px solid var(--border);
	padding: 0.5em 0.8em;
	font-size: 0.62em;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--muted);
	font-family: "Courier New", monospace;
	background: rgba(126, 200, 216, 0.03);
}

.letter-body p {
	margin: 0 0 1em;
	font-size: 0.92em;
	line-height: 2;
	color: var(--text);
}

.letter-body strong {
	color: var(--heading);
	font-weight: 600;
}

.letter-signature {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px;
	gap: 1.2em;
	align-items: end;
	margin-top: 1.8em;
	padding-top: 1.2em;
	border-top: 1px solid var(--border);
}

.letter-signature-copy {
	font-size: 0.84em;
	line-height: 1.9;
	color: var(--text);
}

.letter-seal {
	border: 1px solid rgba(126, 200, 216, 0.24);
	padding: 1em;
	text-align: center;
	background: rgba(126, 200, 216, 0.03);
}

.letter-seal-mark {
	font-family: "Courier New", monospace;
	font-size: 1.5em;
	letter-spacing: 0.18em;
	color: var(--accent);
}

.letter-seal-note {
	margin-top: 0.5em;
	font-size: 0.58em;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--muted);
}

.exam-license-toolbar {
	padding: 1.8em;
	padding-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1em;
	align-items: center;
}

.license-canvas-wrap {
	padding: 1.8em;
	display: flex;
	justify-content: center;
}

.license-export-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em;
	justify-content: flex-end;
}

.license-export-grid {
	display: grid;
	grid-template-columns: repeat(2, 280px);
	gap: 1.35em;
	justify-content: center;
	align-items: start;
	width: 100%;
}

.license-export-item {
	display: flex;
	flex-direction: column;
	gap: 0.75em;
	align-items: center;
}

.license-export-label {
	font-family: "Courier New", monospace;
	font-size: 0.58em;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--muted);
}

.organizer-card {
	position: relative;
	width: 280px;
	height: 430px;
	padding: 1.2em 1.25em 1.1em;
	border-radius: 0;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(126, 200, 216, 0.08), rgba(126, 200, 216, 0) 18%),
		linear-gradient(90deg, rgba(126, 200, 216, 0.04) 1px, transparent 1px),
		linear-gradient(rgba(126, 200, 216, 0.04) 1px, transparent 1px),
		#070f1b;
	background-size: auto, 22px 22px, 22px 22px, auto;
	border: 1px solid rgba(126, 200, 216, 0.32);
	box-shadow:
		0 28px 44px rgba(2, 6, 10, 0.36),
		inset 0 1px 0 rgba(180, 235, 245, 0.08);
	color: rgba(212, 230, 240, 0.95);
	display: flex;
	flex-direction: column;
	font-family: "Courier New", monospace;
}

.organizer-bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(126, 200, 216, 0.08), transparent 22%),
		linear-gradient(135deg, rgba(126, 200, 216, 0.04), transparent 56%);
	pointer-events: none;
}

.organizer-card > * {
	position: relative;
	z-index: 1;
}

.organizer-hole {
	position: absolute;
	top: 0.82em;
	left: 50%;
	transform: translateX(-50%);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgba(7, 15, 27, 0.96);
	box-shadow:
		inset 0 0 0 2px rgba(7, 15, 27, 0.92),
		0 0 0 1px rgba(126, 200, 216, 0.4);
	z-index: 2;
}

.organizer-top {
	margin-top: 0.9em;
}

.organizer-brand {
	display: inline-flex;
	align-items: center;
	gap: 0.55em;
}

.organizer-logo {
	width: 22px;
	height: 28px;
	object-fit: contain;
	filter: saturate(0.92) brightness(0.94);
}

.organizer-word {
	font-size: 1.08em;
	font-weight: 800;
	letter-spacing: 0.12em;
	color: rgba(214, 232, 240, 0.96);
}

.organizer-agency {
	margin-top: 0.55em;
	max-width: 15.5em;
	font-size: 0.64em;
	line-height: 1.45;
	letter-spacing: 0.03em;
	color: rgba(126, 200, 216, 0.44);
}

.organizer-meta {
	margin-top: 1.6em;
	display: grid;
	gap: 0.35em;
}

.organizer-rank {
	font-size: 0.92em;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.03em;
	color: rgba(255, 208, 88, 0.92);
	font-family: "Source Sans Pro", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

.organizer-rank.tier1 {
	color: rgba(145, 220, 255, 0.96);
}

.organizer-division {
	max-width: 12em;
	font-size: 0.74em;
	line-height: 1.45;
	color: rgba(212, 230, 240, 0.82);
	font-family: "Source Sans Pro", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

.organizer-divider {
	height: 1px;
	margin-top: 1em;
	background: rgba(126, 200, 216, 0.16);
}

.organizer-name {
	margin-top: auto;
	font-size: 2.15em;
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.03em;
	word-break: break-word;
	color: rgba(228, 239, 244, 0.96);
	font-family: "Source Sans Pro", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

.organizer-access {
	margin-top: 0.5em;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-transform: uppercase;
	color: rgba(126, 200, 216, 0.52);
}

.organizer-footer {
	margin-top: auto;
	padding-top: 1.15em;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1em;
}

.organizer-id {
	font-family: "Courier New", monospace;
	font-size: 0.76em;
	letter-spacing: 0.08em;
	color: rgba(212, 230, 240, 0.82);
}

.organizer-type {
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: rgba(126, 200, 216, 0.64);
}

/* ══ INTERNSHIP LICENSE BADGE — 280 × 430 px portrait ══ */
.license-card {
	position: relative;
	width: 280px;
	height: 430px;
	overflow: hidden;
	border-radius: 0;
	border: 1px solid rgba(126, 200, 216, 0.32);
	background: #070f1b;
	font-size: 13px;
	font-family: 'Courier New', monospace;
	display: flex;
	flex-direction: column;
}

.license-card section,
.license-card header,
.license-card footer {
	margin-bottom: 0;
}

/* ── Background: grid + horizontal scanlines ── */
.license-card .lc-bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		repeating-linear-gradient(0deg, transparent, transparent 18px, rgba(126,200,216,0.009) 18px, rgba(126,200,216,0.009) 19px),
		linear-gradient(rgba(126,200,216,0.022) 1px, transparent 1px),
		linear-gradient(90deg, rgba(126,200,216,0.022) 1px, transparent 1px);
	background-size: 100% 19px, 18px 18px, 18px 18px;
	z-index: 0;
}

/* ── Top accent stripe ── */
.license-card .lc-stripe {
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 4px;
	background: linear-gradient(90deg,
		rgba(126,200,216,0.9) 0%, rgba(126,200,216,0.5) 40%,
		rgba(126,200,216,0.12) 60%, rgba(126,200,216,0.5) 100%);
	z-index: 3;
}

/* ── Bottom accent bar ── */
.license-card .lc-bottom-bar {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 2px;
	background: linear-gradient(90deg, rgba(126,200,216,0.06), rgba(126,200,216,0.28), rgba(126,200,216,0.06));
	z-index: 3;
}


/* ── Lanyard hole ── */
.license-card .lc-hole {
	position: absolute;
	top: 9px; left: 50%;
	transform: translateX(-50%);
	width: 14px; height: 14px;
	border-radius: 50%;
	border: 1px solid rgba(126,200,216,0.35);
	background: rgba(4, 7, 14, 0.95);
	z-index: 4;
}

/* ── Card corner registration marks ── */
.license-card .lc-cc { position: absolute; width: 14px; height: 14px; z-index: 2; }
.license-card .lc-cc.tl { top:6px; left:6px; border-top:1px solid rgba(126,200,216,0.4); border-left:1px solid rgba(126,200,216,0.4); }
.license-card .lc-cc.tr { top:6px; right:6px; border-top:1px solid rgba(126,200,216,0.4); border-right:1px solid rgba(126,200,216,0.4); }
.license-card .lc-cc.bl { bottom:6px; left:6px; border-bottom:1px solid rgba(126,200,216,0.4); border-left:1px solid rgba(126,200,216,0.4); }
.license-card .lc-cc.br { bottom:6px; right:6px; border-bottom:1px solid rgba(126,200,216,0.4); border-right:1px solid rgba(126,200,216,0.4); }

/* All flow children above bg */
.license-card > *:not(.lc-bg):not(.lc-stripe):not(.lc-bottom-bar):not(.lc-hole):not(.lc-cc) {
	position: relative; z-index: 1;
}

/* ── Header ── */
.license-card .lc-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 12px 12px 4px;
	flex-shrink: 0;
}
.license-card .lc-brand { display: flex; align-items: center; gap: 7px; min-width: 0; }
.license-card .lc-mark {
	flex-shrink: 0;
	width: 26px; height: 30px;
	display: grid;
	place-items: center;
}
.license-card .lc-mark img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 0 8px rgba(126,200,216,0.16));
}
.license-card .lc-meta { min-width: 0; }
.license-card .lc-cn { font-size: 0.68em; letter-spacing: 0.05em; color: rgba(205,220,228,0.9); line-height: 1.2; font-family: sans-serif; }
.license-card .lc-en { font-size: 0.42em; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(126,200,216,0.4); line-height: 1.15; margin-top: 1px; }
.license-card .lc-status {
	flex-shrink: 0;
	padding: 2px 5px;
	border: 1px solid rgba(93,232,160,0.36);
	background: rgba(93,232,160,0.07);
	color: #5de8a0;
	font-size: 0.38em;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 700;
}
.license-card .lc-status.inactive { border-color: rgba(255,136,136,0.3); background: rgba(255,136,136,0.06); color: #ff9f9f; }

/* ── Separators ── */
.license-card .lc-sep-full { height: 1px; background: rgba(126,200,216,0.1); flex-shrink: 0; }
.license-card .lc-sep { height: 1px; background: rgba(126,200,216,0.1); flex-shrink: 0; margin: 0 12px; }
/* Decorated separator with diamond center */
.license-card .lc-sep-dec { display: flex; align-items: center; padding: 0 12px; flex-shrink: 0; }
.license-card .lc-sep-l { flex: 1; height: 1px; background: rgba(126,200,216,0.1); }
.license-card .lc-sep-dot { width: 5px; height: 5px; background: rgba(126,200,216,0.38); transform: rotate(45deg); flex-shrink: 0; margin: 0 7px; }

/* ── Eyebrow ── */
.license-card .lc-eyebrow {
	padding: 3px 12px;
	font-size: 0.42em;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(126,200,216,0.5);
	text-align: center;
	flex-shrink: 0;
}

/* ── Hero: photo + identity ── */
.license-card .lc-hero {
	display: grid;
	grid-template-columns: 82px 1fr;
	gap: 8px;
	padding: 0 12px;
	align-items: stretch;
	flex-shrink: 0;
}
.license-card .lc-photo {
	position: relative;
	height: 78px;
	border: 1px solid rgba(126,200,216,0.15);
	background: linear-gradient(180deg, #0b1624, #0e1c2e);
	overflow: hidden;
}
.license-card .lc-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.license-card .lc-photo-fallback {
	width: 100%; height: 100%;
	display: grid;
	place-items: center;
	font-size: 1.5em;
	letter-spacing: 0.08em;
	color: rgba(126,200,216,0.65);
}
/* Corner brackets on photo */
.license-card .lc-c { position: absolute; width: 8px; height: 8px; }
.license-card .lc-c.tl { top:4px; left:4px; border-top:1px solid rgba(126,200,216,0.65); border-left:1px solid rgba(126,200,216,0.65); }
.license-card .lc-c.tr { top:4px; right:4px; border-top:1px solid rgba(126,200,216,0.65); border-right:1px solid rgba(126,200,216,0.65); }
.license-card .lc-c.bl { bottom:4px; left:4px; border-bottom:1px solid rgba(126,200,216,0.65); border-left:1px solid rgba(126,200,216,0.65); }
.license-card .lc-c.br { bottom:4px; right:4px; border-bottom:1px solid rgba(126,200,216,0.65); border-right:1px solid rgba(126,200,216,0.65); }

.license-card .lc-identity {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	height: 78px;
	padding: 0;
}
.license-card .lc-name {
	font-size: 1.02em;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: rgba(228,238,244,0.96);
	line-height: 1.08;
	word-break: break-word;
	font-family: sans-serif;
}
.license-card .lc-name-en { margin-top: 1px; font-size: 0.44em; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(126,200,216,0.44); line-height: 1.05; }
/* ID + access as plain data rows (no tag/chip) */
.license-card .lc-id-block { margin-top: 3px; display: flex; flex-direction: column; gap: 0; }
.license-card .lc-id-row { display: flex; align-items: baseline; gap: 4px; line-height: 1.35; }
.license-card .lc-id-k {
	font-size: 0.38em;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(126,200,216,0.36);
	flex-shrink: 0;
	width: 4em;
	line-height: 1.35;
}
.license-card .lc-id-v {
	font-size: 0.44em;
	letter-spacing: 0.08em;
	color: rgba(200,225,235,0.78);
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.35;
}

/* ── Fields: 2×2 data grid ── */
.license-card .lc-fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 12px;
	gap: 4px 0;
	flex-shrink: 0;
}
.license-card .lc-field {
	padding: 0 8px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-height: 42px;
}
.license-card .lc-field:nth-child(odd) { padding-left: 0; border-right: 1px solid rgba(126,200,216,0.09); }
.license-card .lc-field:nth-child(even) { padding-right: 0; }
.license-card .lc-fk { font-size: 0.38em; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(126,200,216,0.38); margin-bottom: 1px; }
.license-card .lc-fv {
	font-size: 0.5em;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: rgba(215,232,238,0.9);
	line-height: 1.05;
	font-family: "Source Sans Pro", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}
.license-card .lc-fv.gold { color: rgba(255,208,88,0.92); }
.license-card .lc-fv.tier1 { color: rgba(145, 220, 255, 0.96); }
.license-card .lc-fs { font-size: 0.46em; line-height: 1.05; letter-spacing: 0.02em; color: rgba(126,200,216,0.34); margin-top: 1px; }

/* ── Mid block: balance white space around photo + fields ── */
.license-card .lc-mid {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
	padding: 2px 0 8px;
}
.license-card .lc-orn-block {
	padding: 3px 12px 2px;
	flex-shrink: 0;
}
.license-card .lc-orn-top-wrap {
	padding-top: 4px;
	padding-bottom: 3px;
}
.license-card .lc-orn {
	width: 100%;
	color: rgba(126,200,216,0.28);
	text-transform: uppercase;
	letter-spacing: 0.14em;
}
.license-card .lc-orn-top {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 0.3em;
	white-space: nowrap;
}
.license-card .lc-orn-line {
	flex: 1 1 auto;
	height: 1px;
	background: rgba(126,200,216,0.1);
}
/* ── Scope ── */
.license-card .lc-scope { padding: 3px 12px 3px; flex-shrink: 0; text-align: center; }
.license-card .lc-scope-k { font-size: 0.38em; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(126,200,216,0.36); margin-bottom: 3px; }
.license-card .lc-pills { display: flex; flex-wrap: wrap; gap: 2px; justify-content: center; align-items: center; }
.license-card .lc-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	min-height: 0;
	padding: 0 0.42em;
	line-height: 1.18;
	white-space: nowrap;
	box-sizing: border-box;
	border: 1px solid rgba(126,200,216,0.18);
	background: rgba(126,200,216,0.04);
	color: rgba(180,212,224,0.72);
	font-size: 0.4em;
	letter-spacing: 0.08em;
}

/* ── Footer strip ── */
.license-card .lc-foot {
	border-top: 1px solid rgba(126,200,216,0.1);
	background: rgba(126,200,216,0.03);
	padding: 4px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-shrink: 0;
	margin-top: auto;
}
.license-card .lc-foot-left { display: flex; align-items: center; gap: 5px; }
.license-card .lc-fi { font-size: 0.4em; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(126,200,216,0.42); }
.license-card .lc-fi.hi { color: rgba(126,200,216,0.75); font-weight: 700; }
.license-card .lc-fd { font-size: 0.36em; color: rgba(126,200,216,0.22); }
.license-card .lc-foot-verify {
	font-size: 0.38em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(126,200,216,0.38);
	text-align: right;
}
.license-card .lc-foot-verify span { color: rgba(126,200,216,0.65); font-weight: 700; }

}

.license-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1em;
}

.license-brand {
	display: flex;
	gap: 1em;
	align-items: center;
}

.license-brand-mark {
	width: 4.3em;
	height: 4.3em;
	border: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Courier New", monospace;
	font-size: 1em;
	letter-spacing: 0.18em;
	color: var(--accent);
	background: rgba(126, 200, 216, 0.05);
}

.license-brand-copy {
	min-width: 0;
}

.license-brand-eyebrow {
	font-size: 0.62em;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--accent);
	font-family: "Courier New", monospace;
}

.license-brand-zh {
	margin-top: 0.45em;
	font-size: 1.28em;
	color: var(--heading);
	letter-spacing: 0.06em;
	line-height: 1.35;
}

.license-brand-en {
	margin-top: 0.4em;
	font-size: 0.68em;
	letter-spacing: 0.16em;
	color: var(--muted);
	line-height: 1.55;
}

.license-status {
	border: 1px solid rgba(93, 232, 160, 0.28);
	padding: 0.5em 0.8em;
	font-family: "Courier New", monospace;
	font-size: 0.62em;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: #5de8a0;
	background: rgba(93, 232, 160, 0.05);
}

.license-hero {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: 1em;
	margin-top: 1.2em;
}

.license-avatar {
	min-height: 202px;
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.8);
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.license-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.license-avatar-fallback {
	font-family: "Courier New", monospace;
	font-size: 2em;
	letter-spacing: 0.1em;
	color: var(--accent);
}

.license-avatar-corner {
	position: absolute;
	width: 14px;
	height: 14px;
	border-color: var(--accent);
	border-style: solid;
	opacity: 0.76;
}

.license-avatar-corner.tl {
	top: 5px;
	left: 5px;
	border-width: 1px 0 0 1px;
}

.license-avatar-corner.tr {
	top: 5px;
	right: 5px;
	border-width: 1px 1px 0 0;
}

.license-avatar-corner.bl {
	bottom: 5px;
	left: 5px;
	border-width: 0 0 1px 1px;
}

.license-avatar-corner.br {
	bottom: 5px;
	right: 5px;
	border-width: 0 1px 1px 0;
}

.license-identity {
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.74);
	padding: 1em 1.1em;
	display: flex;
	flex-direction: column;
}

.license-name {
	font-size: 1.7em;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: var(--heading);
}

.license-name-en {
	margin-top: 0.5em;
	font-size: 0.72em;
	letter-spacing: 0.18em;
	color: var(--muted);
	text-transform: uppercase;
}

.license-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65em;
	margin-top: 1em;
}

.license-chip {
	border: 1px solid rgba(126, 200, 216, 0.22);
	padding: 0.45em 0.75em;
	font-family: "Courier New", monospace;
	font-size: 0.66em;
	letter-spacing: 0.18em;
	color: var(--accent);
	background: rgba(126, 200, 216, 0.05);
	text-transform: uppercase;
}

.license-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75em;
	margin-top: 1em;
}

.license-info-box {
	border: 1px solid var(--border);
	background: rgba(8, 11, 18, 0.72);
	padding: 0.9em;
}

.license-info-box.full {
	grid-column: 1 / -1;
}

.license-info-key {
	font-size: 0.58em;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--muted);
	font-family: "Courier New", monospace;
}

.license-info-val {
	margin-top: 0.55em;
	font-size: 0.92em;
	line-height: 1.6;
	color: var(--heading);
}

.license-info-sub {
	margin-top: 0.45em;
	font-size: 0.68em;
	line-height: 1.55;
	color: var(--accent);
}

.license-foot {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 130px;
	gap: 1em;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid var(--border);
}

.license-foot-note {
	font-size: 0.76em;
	line-height: 1.8;
	color: var(--text);
}

.license-verify {
	border: 1px solid var(--border);
	background: rgba(126, 200, 216, 0.04);
	padding: 0.8em;
	text-align: center;
}

.license-verify-label {
	font-size: 0.56em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--muted);
	font-family: "Courier New", monospace;
}

.license-verify-code {
	margin-top: 0.7em;
	font-family: "Courier New", monospace;
	font-size: 0.82em;
	letter-spacing: 0.18em;
	color: var(--accent);
}

@media screen and (max-width: 1280px) {
	.exam-toolbar {
		flex-direction: column;
	}

	.exam-stepper {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.exam-step-btn:nth-child(3n) {
		border-right: none;
	}

	.exam-step-btn:nth-child(-n + 3) {
		border-bottom: 1px solid var(--border);
	}

	.exam-result-grid,
	.exam-analysis-grid,
	.exam-runtime-bar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.exam-workspace {
		grid-template-columns: 1fr;
	}

	}

@media screen and (max-width: 980px) {
	.exam-hero,
	.exam-notice-grid,
	.exam-avatar-panel,
	.license-head,
	.license-hero,
	.license-foot {
		grid-template-columns: 1fr;
	}

	.exam-hero-meta,
	.exam-result-grid,
	.exam-analysis-grid,
	.exam-runtime-bar,
	.license-card-grid,
	.license-export-grid {
		grid-template-columns: 1fr;
	}

	.letter-signature {
		grid-template-columns: 1fr;
	}

	.exam-stepper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.exam-step-btn:nth-child(3n) {
		border-right: 1px solid var(--border);
	}

	.exam-step-btn:nth-child(2n) {
		border-right: none;
	}

	.exam-step-btn:nth-child(-n + 4) {
		border-bottom: 1px solid var(--border);
	}
	}

	@media screen and (max-width: 736px) {
	.exam-wrapper {
		padding: 1.4em 0 2.4em;
	}

	.exam-hero,
	.exam-form,
	.exam-stage-head,
	.exam-notice-grid,
	.exam-runtime-bar,
	.exam-workspace,
	.exam-result-grid,
	.exam-analysis-grid,
	.letter-shell,
	.exam-license-toolbar,
	.license-canvas-wrap {
		padding-left: 1em;
		padding-right: 1em;
	}

	.exam-stage-head {
		padding-top: 1.2em;
		padding-bottom: 1em;
	}

	.exam-stage-head,
	.exam-question-head,
	.exam-nav-head,
	.exam-panel-head,
	.license-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.exam-stepper {
		grid-template-columns: 1fr;
	}

	.exam-step-btn {
		border-right: none;
		border-bottom: 1px solid var(--border);
	}

	.exam-step-btn:last-child {
		border-bottom: none;
	}

	.exam-form-grid {
		grid-template-columns: 1fr;
	}

		.exam-question-text {
			font-size: 1.08em;
		}

	.exam-question-foot {
		flex-direction: column;
	}

	.exam-question-foot .exam-btn,
	.exam-question-foot .exam-btn.secondary,
	.exam-action-row .exam-btn,
	.exam-action-row .exam-btn.secondary,
	.exam-toolbar .exam-ghost-btn,
	.exam-license-toolbar .exam-btn {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.exam-action-row,
	.exam-license-toolbar,
	.license-export-actions {
		flex-direction: column;
		align-items: stretch;
	}

		.license-brand {
			align-items: flex-start;
		}

		.license-card .hero-row {
			grid-template-columns: 98px minmax(0, 1fr);
			gap: 0.75em;
		}

		.license-card .intern-name {
			font-size: 1.34em;
		}

		.license-card .info-grid,
		.license-card .metrics-row,
		.license-card .auth-row,
		.license-card .card-footer {
			grid-template-columns: 1fr;
		}

		.license-card .footer-right {
			text-align: left;
		}
	}