/* Inches variant – ft+in default & ft³ volumes + selectable price unit */
:root{--tcc-bg:#ffffff;--tcc-surface:#f8fafc;--tcc-border:#e5e7eb;--tcc-muted:#64748b;--tcc-text:#0b1220;--tcc-primary:#0f3d4c;--tcc-primary-ink:#e6f3f6;--tcc-primary-soft:#d6e9ee}
.tcc-wrap{max-width:1200px;margin:1.5rem auto;padding:1.25rem;border:1px solid var(--tcc-border);border-radius:12px;background:var(--tcc-bg);box-shadow:0 1px 2px rgba(0,0,0,.04);font-size:2rem}
.tcc-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:1rem}
.tcc-title{font-size:1.1em;font-weight:800;color:var(--tcc-primary)}
.tcc-card{border:1px solid var(--tcc-border);border-radius:12px;padding:14px;background:var(--tcc-surface)}

.tcc-layout-lr{display:grid;grid-template-columns:minmax(380px,540px) 1fr;gap:18px;align-items:center}

/* Inputs column */
.tcc-inputs-col .tcc-field{margin-bottom:14px}
.tcc-field label{font-weight:800;margin-bottom:.4rem;color:var(--tcc-primary);font-size:1em}
.tcc-input{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tcc-field input, .tcc-field select{padding:1rem 1.1rem;border:1px solid var(--tcc-border);border-radius:12px;background:#fff;font-size:1em}
.tcc-field input{min-width:140px}
.tcc-field select{min-width:200px}
.tcc-prefix, .tcc-suffix{font-size:1em;color:#1f2937}

/* Sketch */
.iso-wrap{display:flex;justify-content:center}
.tcc-iso-svg{max-width:100%;height:auto}

/* Results */
.tcc-results-list{margin-top:18px;border:1px solid var(--tcc-border);border-radius:12px;background:#fff}
.tcc-results-list .tcc-out{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:18px 20px;border-top:1px solid var(--tcc-border)}
.tcc-results-list .tcc-out:first-child{border-top:none;border-top-left-radius:12px;border-top-right-radius:12px}
.tcc-results-list .tcc-out:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.tcc-results-list .label{font-size:1em;color:var(--tcc-primary);font-weight:800}
.tcc-results-list .val{font-size:1.2em;font-weight:900;color:#0b1220}
.tcc-results-list .unit{margin-left:8px;color:var(--tcc-muted);font-size:1em}
.tcc-note{font-size:.6em;color:#475569;margin-top:1rem}