.sample {
  border-radius: 14px; padding: 26px 20px; margin-bottom: 18px;
  display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--border);
}
.sample .big { font-size: 1.7rem; font-weight: 700; }
.sample .small { font-size: 1rem; }
input[type="color"] { width: 100%; height: 46px; padding: 4px; border: 1.5px solid var(--border); border-radius: 10px; background: #fff; cursor: pointer; }
.pass { color: var(--good); font-weight: 700; }
.fail { color: var(--bad); font-weight: 700; }