.hhtc-container{border:1px solid #e5e7eb;padding:16px;border-radius:16px;max-width:720px;background:#fff}
.hhtc-header h2{margin:0 0 4px 0;font-size:1.25rem}
.hhtc-note{color:#6b7280;font-size:.85rem;margin:0}
.hhtc-field{margin-top:16px;display:grid;gap:6px}
.hhtc-field input[type=number]{max-width:120px;padding:8px;border:1px solid #d1d5db;border-radius:10px}
.hhtc-help{font-size:.8rem;color:#6b7280}

.hhtc-group{margin-top:16px;border:1px solid #e5e7eb;border-radius:12px;padding:12px}
.hhtc-item{display:block;padding:10px;border-radius:10px;border:1px solid #f3f4f6;margin-top:8px}
.hhtc-item:hover{background:#f9fafb}
.hhtc-title{display:block;font-weight:600}
.hhtc-hint{display:block;font-size:.8rem;color:#6b7280}

.hhtc-result{margin-top:16px;display:grid;gap:6px}
.hhtc-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:700}
.hhtc-badge-secondary{background:#f3f4f6;color:#111827}
.hhtc-badge-warning{background:#fef3c7;color:#92400e}
.hhtc-badge-danger{background:#fee2e2;color:#991b1b}
.hhtc-score{font-size:.9rem;color:#374151}
.hhtc-detail{margin:0;color:#374151}

.hhtc-actions{display:flex;gap:8px;margin-top:12px}
.hhtc-btn{appearance:none;border:none;background:#111827;color:#fff;padding:8px 12px;border-radius:10px;cursor:pointer}
.hhtc-btn:hover{opacity:.9}
.hhtc-btn-outline{background:#fff;color:#111827;border:1px solid #d1d5db}

.hhtc-disclaimer{margin-top:12px;font-size:.8rem;color:#6b7280}
.hhtc-footer{margin-top:8px;font-size:.75rem;color:#9ca3af;text-align:right}