.tmdq-theme { border:1px solid #e5e7eb; background:#fff; padding:22px; border-radius:12px; }

.tmdq-header { text-align:center; margin-bottom:18px; }

.tmdq-title { font-size:2rem; line-height:1.2; margin:0 0 6px; }

.tmdq-desc { max-width:900px; margin:0 auto 14px; color:#444; }

.tmdq-qtext { font-weight:700; margin:12px 0 6px; }

.tmdq-req { color:#d00; margin-left:4px; }

.tmdq-option { display:block; margin:6px 0; }

.tmdq-actions { display:flex; gap:10px; align-items:center; margin-top:16px; }
.tmdq-btn { display:inline-block; padding:10px 26px; border-radius:24px; background:#1a73e8; color:#fff; border:0; font-weight:600; letter-spacing:.3px; }
.tmdq-back-btn { background:#6b7280; }
.tmdq-back-btn:hover { background:#4b5563; }

.tmdq-btn:hover { filter:brightness(1.05); cursor:pointer; }

.tmdq-already { margin-top:12px; padding:10px; background:#f6ffed; border:1px solid #b7eb8f; border-radius:8px; }

.tmdq-note { color:#666; font-style:italic; }

.tmdq-next-block {
  margin-top: 18px;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
}
.tmdq-next-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 14px;
}
.tmdq-next-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 28px;
  background: #1a73e8;
  color: #fff;
  font-weight: 700;
  letter-spacing: .3px;
  text-decoration: none;
}
.tmdq-next-btn:hover {
  filter: brightness(1.05);
}
.tmdq-next-disabled {
  opacity: .55;
  pointer-events: none;
}

.tmdq-feedback {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f8fafc;
}
.tmdq-feedback h4 {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
}
.tmdq-feedback ul {
  margin: 0;
  padding-left: 18px;
}
.tmdq-feedback li {
  margin: 6px 0;
}