@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Serif:wght@400;700&display=swap');
:root{
  --tuvi2-primary:#111827;
  --tuvi2-card:#ffffff;
  --tuvi2-text:#111827;
  --tuvi2-muted:#6b7280;
}
.tuvi2tech-wrap[data-theme="dark"]{
  --tuvi2-card:#0f172a;
  --tuvi2-text:#e5e7eb;
  --tuvi2-muted:#94a3b8;
}
.tuvi2tech-wrap{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.tuvi2tech-card{ border:1px solid rgba(0,0,0,.06); border-radius:18px; padding:18px; margin:14px 0; background:var(--tuvi2-card); box-shadow:0 8px 30px rgba(0,0,0,.06); }
.tuvi2tech-header{ padding:18px; border-radius:16px; background:linear-gradient(135deg, #720101, #720101); color:white; margin-bottom:14px; }
.tuvi2tech-header h3{ margin:0; font-size:20px; font-weight:700 }
.tuvi2tech-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
@media(max-width:680px){ .tuvi2tech-grid{ grid-template-columns:1fr } }
.tuvi2tech-field{ display:flex; flex-direction:column; gap:6px }
.tuvi2tech-label{ font-weight:600; color:var(--tuvi2-text) }
.tuvi2tech-input,.tuvi2tech-select{
  padding:12px 14px; border:1px solid #d1d5db; border-radius:12px; background:#fff;
  min-height: 44px; line-height: 1.2;
}
.tuvi2tech-select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; }
.tuvi2tech-btn{ padding:12px 18px; border:none; border-radius:12px; cursor:pointer; background:var(--tuvi2-primary); color:#fff; font-weight:600 }
.tuvi2tech-output{ margin-top:12px }
.tuvi2tech-result{ display:grid; gap:10px }
.tuvi2-row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center }
.tuvi-badge{ display:inline-block; padding:4px 10px; border-radius:999px; background:#eef2ff; color:#3730a3; font-weight:600; font-size:12px }
.tuvi-tag{ display:inline-block; padding:4px 8px; border-radius:999px; background:#f1f5f9; color:#0f172a; font-size:12px }
.tuvi-title{ font-weight:700; color:var(--tuvi2-text) }
.tuvi-muted{ color:var(--tuvi2-muted) }
.tuvi-section{ border-top:1px dashed #e5e7eb; margin-top:8px; padding-top:8px }
.tuvi-pill{ background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; padding:4px 8px; border-radius:999px }
.tuvi-warn{ background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; padding:4px 8px; border-radius:999px }
.tuvi2tech-icons{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:8px }
.tuvi2tech-icons img, .tuvi2tech-icons svg{ width:42px; height:42px }
.tuvi-card{ border:1px solid #e5e7eb; border-radius:14px; padding:12px }
.tuvi-card h4{margin:0 0 8px 0;font-size:15px;background:#720101;color:#fff;padding:8px 12px;border-radius:10px}