.tpc-wrap { max-width: 960px; margin: 0 auto; font-family: "Noto Nastaliq Urdu", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.tpc-title { text-align:center; font-weight:800; font-size:28px; margin-bottom:16px; }
.tpc-grid { display:grid; grid-template-columns: 1fr; gap:10px; margin-bottom:12px; }
@media (min-width: 768px) { .tpc-grid { grid-template-columns: repeat(3, 1fr); } }
.tpc-label { display:block; margin-bottom:6px; }
.tpc-select { width:100%; padding:10px; border:1px solid #cbd5e1; border-radius:10px; text-align:right; }
.tpc-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:100%; background:#2563eb; color:#fff; padding:12px; border-radius:10px; border:none; cursor:pointer; margin-top:10px; }
.tpc-btn:hover { background:#1d4ed8; }
.section { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin-top:16px; }
.tpc-result p { font-size:18px; line-height:1.8; margin: 6px 0; }
.tpc-table { width:100%; border-collapse:collapse; text-align:center; }
.tpc-table th, .tpc-table td { border:1px solid #e2e8f0; padding:8px; }
.tpc-head { background:#f8fafc; font-weight:700; }
.note { color:#64748b; font-size:14px; }