/* ---------- Result Table ---------- */
.result-wrap{display:flex;gap:24px;flex-wrap:wrap}

.result-main table{
  border-collapse:collapse;width:380px;min-width:320px;font-size:.9rem;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
}
.result-main thead tr{background:#333;color:#fff;font-weight:600}
.result-main th,.result-main td{border:1px solid #ddd;padding:6px 10px;text-align:right}
.result-main td:first-child,.result-main th:first-child{text-align:left}
.result-main tbody tr:nth-child(odd){background:#fafafa}

/* ---------- Small Summary ---------- */
.result-side{
  border:1px solid #eaeaea;border-radius:10px;font-size:.88rem;min-width:190px;
}
.result-side table{width:100%;border-collapse:collapse}
.result-side td{padding:6px 10px;border-bottom:1px solid #f1f1f1;text-align:right}
.result-side td:first-child{text-align:left}
.result-side tr:last-child td{border-bottom:none;font-weight:600}
.result-side .total{font-size:1.05rem;color:#d9901a}

@media (max-width: 768px) {
  .result-wrap {
    flex-direction: column;
    gap: 16px;
  }

  .result-main table,
  .result-side {
    width: 100% !important;
    min-width: unset !important;
  }

  .result-main table th,
  .result-main table td,
  .result-side td {
    font-size: 0.85rem;
    padding: 6px 8px;
  }

  .result-side .total {
    font-size: 1rem;
  }
}