.check-hero {
  background: linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);
  color: var(--soft-white);
  text-align: center;
  padding: 3rem 0 2.5rem;
}
.check-hero .hero-eyebrow { font-size: 0.72rem; letter-spacing: 0.18em; font-weight: 600; margin: 0 0 0.9rem; }
.check-hero h1 { font-size: clamp(1.9rem, 4.5vw, 2.6rem); margin: 0 0 0.6rem; }
.check-hero .lede { color: rgba(247,250,255,0.82); max-width: 30rem; margin: 0 auto; }

.workspace-wrap { max-width: 40rem; padding-top: 2.25rem; padding-bottom: 4rem; }

.entry-tabs-wrap { text-align: center; margin-bottom: 1.75rem; }
.turnstile-wrap { display: flex; justify-content: center; margin-bottom: 1.25rem; }
.entry-tabs {
  display: inline-flex;
  background: var(--very-pale-ice);
  border-radius: 999px;
  padding: 4px;
  flex-wrap: wrap;
  justify-content: center;
}
.entry-tab {
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.55rem 1.05rem;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: var(--ink-soft);
  cursor: pointer;
}
.entry-tab.active { background: var(--navy); color: #fff; }

.entry-panel { display: none; }
.entry-panel.active { display: block; }

.pre-submit-note {
  font-size: 0.85rem;
  color: var(--ink-soft);
  margin: 0 0 0.9rem;
}
.pre-submit-note a { color: var(--electric-deep); }

form { display: flex; flex-direction: column; gap: 0.6rem; margin-bottom: 0.7rem; }
form .btn { align-self: flex-end; }
#message-check-form, #screenshot-check-form, #file-check-form { display: block; }
#message-check-form .btn, #screenshot-check-form .btn, #file-check-form .btn { display: block; margin-left: auto; }

@media (min-width: 30rem) {
  form#check-form { flex-direction: row; }
  form#check-form .btn { align-self: stretch; }
}

#message-only-input { width: 100%; resize: vertical; min-height: 6.5rem; margin-bottom: 0.7rem; }

.upload-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 6.5rem;
  border: 2px dashed var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink-soft);
  font-size: 0.95rem;
  text-align: center;
  padding: 1rem;
  margin-bottom: 0.9rem;
  cursor: pointer;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.upload-dropzone:hover, .upload-dropzone.dragover { border-color: var(--electric); background: var(--bright-ice); }
#upload-filename, #file-upload-filename { font-weight: 600; color: var(--ink); }

input[type=text], textarea {
  font-family: inherit;
  font-size: 1rem;
  padding: 0.8rem 1rem;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  width: 100%;
}
#url-input { flex: 1; }

button.btn:disabled { background: #B8BFC6; cursor: progress; }

.add-message {
  background: none; border: none; color: var(--electric-deep);
  font: inherit; font-size: 0.9rem; padding: 0; cursor: pointer;
  text-decoration: underline; text-underline-offset: 2px;
}
#message-field { display: none; margin-top: 0.8rem; }
#message-field textarea { resize: vertical; min-height: 4.5rem; }
#message-field label { display: block; font-size: 0.9rem; color: var(--ink-soft); margin-bottom: 0.4rem; }

.inline-error {
  color: var(--high); font-size: 0.92rem; margin: 0.5rem 0 0; display: none;
}
.progress-label {
  color: var(--ink-soft); font-size: 0.92rem; margin: 0.9rem 0 0; display: none;
}
.progress-label.active { display: block; }

#result {
  display: none;
  margin-top: 2.5rem;
  border-top: 1px solid var(--line);
  padding-top: 2rem;
}

.verdict-panel {
  border-left: 6px solid var(--unknown);
  background: var(--unknown-bg);
  border-radius: 4px;
  padding: 1.5rem 1.5rem 1.2rem;
}
.verdict-panel.low     { border-left-color: var(--low);     background: var(--low-bg); }
.verdict-panel.caution { border-left-color: var(--caution); background: var(--caution-bg); }
.verdict-panel.high    { border-left-color: var(--high);    background: var(--high-bg); }
.verdict-panel.unknown { border-left-color: var(--unknown); background: var(--unknown-bg); }

.verdict-word { font-size: 1.7rem; font-weight: 600; margin: 0 0 1.1rem; }
.verdict-word.low { color: var(--low); }
.verdict-word.caution { color: var(--caution); }
.verdict-word.high { color: var(--high); }
.verdict-word.unknown { color: var(--unknown); }

.result-part { margin-bottom: 1.1rem; }
.result-part:last-child { margin-bottom: 0; }
.result-part-label {
  display: block;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  color: var(--ink-soft);
  margin-bottom: 0.35rem;
}
.result-part p { margin: 0; color: var(--ink); }

.evidence-list { font-size: 0.92rem; color: var(--ink); }
.evidence-list .ev-row { padding: 0.3rem 0; }
.evidence-list .ev-row + .ev-row { border-top: 1px dashed rgba(0,0,0,0.08); }
.evidence-tag {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.08rem 0.4rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.6);
  color: var(--ink-soft);
  margin-right: 0.4rem;
}

.result-actions { margin-top: 1.3rem; }
.check-another {
  background: none; border: 1.5px solid var(--line); border-radius: 8px;
  padding: 0.55rem 1rem; font: inherit; font-size: 0.92rem; color: var(--ink); cursor: pointer;
}
.check-another:hover { border-color: var(--electric); }