
.tsd-wrap{max-width:1080px;margin:0 auto;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a}
.tsd-head{display:flex;align-items:center;gap:10px;margin:8px 0 12px}
.badge{background:#111827;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}
.tsd-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}
.tsd-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}
.row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.row.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input,select{border:1px solid #e5e7eb;border-radius:10px;padding:10px}
.actions{display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}
.btn.primary{background:#111827;color:#fff;border-color:#111827}
.tsd-result .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kbox{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;text-align:center}
.kbox .num{font-size:28px;font-weight:800}
.kbox .lbl{font-size:12px;color:#6b7280}
#tsd-explain{margin-top:10px;font-size:14px;line-height:1.6}
@media(max-width:980px){.tsd-grid{grid-template-columns:1fr}}
