/* exam_hq — solid content only (glass belongs to the platform's floating layer). Scoped under .ehq for the
 * screens; the sheets live in the overlay layer, so their classes carry the ehq- prefix. */

.ehq .ehq-hero { text-align: center; padding: 22px 16px 18px; }
.ehq .ehq-big {
  font-size: 56px; line-height: 1; font-weight: 700; letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums; color: var(--text);
}
.ehq .ehq-hero.is-over .ehq-big { font-size: 34px; color: var(--subtitle); }
.ehq .ehq-unit { margin-top: 6px; font-size: 17px; font-weight: 600; color: var(--subtitle); }
.ehq .ehq-note { margin-top: 10px; font-size: 15px; line-height: 1.35; color: var(--accent); }

.ehq .ehq-after { display: grid; gap: 10px; }
.ehq .ehq-reply { margin: 2px 0 0; font-size: 15px; line-height: 1.45; color: var(--text); }
.ehq .ehq-verdict {
  margin: 10px 4px 0; font-size: 15px; line-height: 1.45; color: var(--text);
}

.ehq .ehq-inputs { display: flex; align-items: flex-end; gap: 10px; }
.ehq .ehq-field { display: grid; gap: 6px; flex: 1 1 0; min-width: 0; }
.ehq .ehq-slash { font-size: 28px; line-height: 46px; color: var(--hint); flex: none; }
.ehq .ehq-points, .ehq .ehq-outof { font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: center; }
.ehq .ehq-slider { width: 100%; accent-color: var(--accent); margin: 4px 0 0; min-height: 32px; }

.ehq-form { display: grid; gap: 10px; }
.ehq-stack, .ehq .ehq-stack { display: grid; gap: 10px; }
.ehq-label, .ehq .ehq-label {
  font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--section-header); margin-top: 6px;
}
.ehq-hint, .ehq .ehq-hint { margin: 0; font-size: 13px; line-height: 1.35; color: var(--hint); }
.ehq-error { margin: 0; font-size: 14px; line-height: 1.35; color: var(--destructive); }
.ehq-input, .ehq .ehq-input {
  width: 100%; min-height: 46px; padding: 0 14px; border: 0; border-radius: 12px; box-sizing: border-box;
  background: var(--bg2); color: var(--text); font: inherit; font-size: 16px;
  -webkit-user-select: text; user-select: text;
}
.ehq .group-pad .ehq-input { background: var(--bg); }
.ehq-input:focus, .ehq .ehq-input:focus { outline: 2px solid rgb(var(--accent-rgb) / 0.5); outline-offset: 0; }
.ehq-subjects .chip { max-width: 100%; }
.ehq-subjects .chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ehq-band { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ehq-band-label { font-size: 16px; color: var(--text); }

@media (prefers-contrast: more) {
  .ehq-input, .ehq .ehq-input { box-shadow: inset 0 0 0 1px var(--text); }
  .ehq .ehq-note { color: var(--text); }
}