.sc-btn { background: #2563eb; color: #fff; border: 0; padding: .7em 1.4em; border-radius: 6px; cursor: pointer; font-size: 1em; }
.sc-btn:hover { background: #1d4ed8; }
.sc-table { width: 100%; margin-top: 1em; border-collapse: collapse; }
.sc-table th, .sc-table td { text-align: left; padding: .5em; border-bottom: 1px solid #eee; word-break: break-word; }
.sc-table th { width: 35%; color: #555; }

.sc-mail-wrap { max-width: 800px; }
.sc-input {
  padding: 12px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 16px;
  margin-right: 8px;
  min-width: 240px;
}
.sc-mail-result { margin-top: 20px; }
.sc-mail-result code { word-break: break-all; font-size: 13px; }
.sc-error { color: #b91c1c; }

.sc-web-wrap { max-width: 800px; }
.sc-web-result { margin-top: 20px; }
.sc-web-result code { word-break: break-all; font-size: 13px; }
.sc-score {
  padding: 14px 18px;
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 16px;
}
.sc-score-ok   { background: #dcfce7; color: #166534; }
.sc-score-warn { background: #fef9c3; color: #854d0e; }
.sc-score-bad  { background: #fee2e2; color: #991b1b; }

.sc-pw-wrap { max-width: 800px; }
.sc-pw-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.sc-pw-row .sc-input { flex: 1; min-width: 220px; margin-right: 0; }
.sc-btn-ghost {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 11px 14px;
  font-size: 16px;
  cursor: pointer;
}
.sc-btn-ghost:hover { background: #e2e8f0; }
.sc-pw-note { font-size: 13px; color: #64748b; margin-top: 10px; }
.sc-pw-result { margin-top: 16px; }
.sc-pw-result code { font-size: 13px; }

.sc-link-wrap { max-width: 800px; }
.sc-link-wrap .sc-input { width: 100%; max-width: 560px; margin-bottom: 8px; box-sizing: border-box; }
.sc-link-result { margin-top: 16px; }
.sc-link-result code { word-break: break-all; font-size: 13px; }
.sc-score small { font-weight: normal; opacity: .85; }