/* --- Minimal, site-friendly styles --- */
.tr-wrapper{
padding:32px 48px;
border-radius:20px;
box-shadow:0 8px 24px rgba(0,0,0,.08);
background:#fff;
max-width:100%;      /* 親要素の幅に従う */
box-sizing:border-box;
margin:0 auto;       /* 親が狭い場合は中央寄せ */
}
h2{margin:0 0 24px;font-size:1.9rem;font-weight:700;letter-spacing:.05em;text-align:center;}
.tr-input{display:flex;gap:12px;align-items:center;font-size:1.2rem;font-weight:700;margin-bottom:20px;justify-content:center;flex-wrap:wrap;}
.tr-input input{width:180px;max-width:100%;padding:10px 14px;font-size:1.2rem;border:1px solid #bbb;border-radius:8px;text-align:right;}
table{width:100%;border-collapse:collapse;font-size:1.05rem;}
th,td{padding:10px 8px;border-bottom:1px solid #e0e0e0;text-align:right;}
th:first-child,td:first-child{text-align:left;}
th{background:#fafafa;font-weight:600;}
.cost{font-weight:700;color:#d32f2f;white-space:nowrap;}