/* Minimal styles */
.tgd-wrap { max-width: 760px; margin: 0 auto; }
.tgd-h2 { font-size: 1.6rem; margin: 0.5rem 0; }
.tgd-note { color: #666; margin-bottom: 1rem; }
.tgd-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 16px; }
.tgd-row { display:flex; justify-content:space-between; align-items:center; margin-bottom: 8px; }
.tgd-progress { font-size: .9rem; color:#374151; }
.tgd-q { border-top: 1px solid #f1f3f5; padding-top: 12px; margin-top: 12px; }
.tgd-qtitle { font-weight: 600; margin-bottom: 8px; }
.tgd-grid { display:grid; grid-template-columns: 1fr; gap:8px; }
@media (min-width: 640px){ .tgd-grid { grid-template-columns: 1fr 1fr; } }
.tgd-opt { border:1px solid #e5e7eb; border-radius: 12px; padding: 10px; cursor: pointer; display:flex; gap:8px; align-items:center; }
.tgd-opt input { margin: 0; }
.tgd-active { outline: 2px solid #000; }
.tgd-btn { padding: 12px 16px; border-radius: 12px; font-weight: 600; border:1px solid #111; background:#111; color:#fff; width:100%; margin-top: 12px; text-align:center; }
.tgd-disabled { opacity: .45; pointer-events: none; }
.tgd-primary { background:#111; color:#fff; border-color:#111; }
.tgd-outline { background:#fff; color:#111; }
.tgd-sub { color:#6b7280; font-size:.9rem; }
.tgd-title { font-size:1.8rem; font-weight:800; margin-top: 4px; }
.tgd-desc { color:#374151; margin-top: 12px; }
.tgd-actions { display:flex; gap:12px; margin-top: 12px; flex-direction: column; }
@media (min-width: 640px){ .tgd-actions{ flex-direction: row; } }
.tgd-foot { color:#6b7280; font-size:.8rem; margin-top: 8px; }