.concrete-tool{max-width:1100px;margin:auto;padding:32px 20px 64px}.cc-panel{background:var(--light);color:var(--ink);padding:26px;border-radius:8px;margin-bottom:20px}.cc-panel h2{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:0 0 20px}.concrete-tool label{display:block;font-size:16px;font-weight:700;margin:0 0 8px}.concrete-tool input:not([type=checkbox]),.concrete-tool select{font:inherit;font-size:18px;min-height:50px;width:100%;max-width:100%;padding:12px;border:1px solid #73816d;border-radius:5px;background:#fff;color:#202522;margin:0}.concrete-tool select:focus-visible{outline:3px solid #387d25;outline-offset:3px}.cc-controls>select{margin-bottom:20px}.cc-help{font-size:14px;line-height:1.65;color:#43503e}.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.cc-measure{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:10px}.cc-number{margin:22px 0;max-width:360px}.cc-mode{max-width:420px}.cc-sections{margin:20px 0}.cc-section{border:1px solid #899580;padding:18px;border-radius:6px;margin-bottom:16px;min-width:0}.cc-section legend{font-weight:700;padding:0 8px}.cc-secondary,.cc-reset{font:inherit;min-height:48px;border:1px solid #7d8c72;border-radius:5px;padding:12px 18px;cursor:pointer;background:transparent;color:inherit}.cc-check{display:flex!important;gap:12px;align-items:center;margin:24px 0!important}.cc-check input{width:22px;height:22px;flex-shrink:0;accent-color:#387d25}.cc-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.cc-actions .button{font-size:17px}.cc-results{margin-top:32px}.cc-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cc-result-card{background:#fff;border:1px solid #a4b29b;border-radius:6px;padding:18px;overflow-wrap:anywhere}.cc-result-card h3{font-size:16px;margin:0 0 14px}.cc-result-card strong{font-size:26px;display:block;color:#285d1d}.cc-result-card p{font-size:14px;line-height:1.6}.cc-result-card.cc-total{border:2px solid #387d25;background:#f5ffef}.cc-truck-result{border-top:1px solid #a4b29b;padding-top:18px;font-size:20px}.cc-notes{max-width:760px;line-height:1.75;color:var(--muted);margin-top:40px}.cc-notes h2{color:#fff;font-size:26px;letter-spacing:-.5px}.cc-notes a{text-decoration:underline;color:var(--green)}#cc-error{padding:18px;background:#fff0ec;color:#802719;border-left:5px solid #a13a28;border-radius:4px}.concrete-tool [hidden]{display:none!important}.cc-method{line-height:1.6;color:#43503e}.cc-section .cc-grid{margin:16px 0}@media(max-width:650px){.cc-grid,.cc-result-grid{grid-template-columns:1fr}.cc-panel{padding:20px}.concrete-tool{padding:24px 14px 40px}.cc-measure{grid-template-columns:minmax(0,1fr) 95px}.cc-actions .button{flex:1;justify-content:center}.cc-result-card strong{font-size:30px}}

.cc-diagram{margin:24px 0;background:#fff;border:1px solid #cad2c4;border-radius:8px;padding:12px}.cc-diagram svg{display:block;width:100%;max-width:440px;height:auto;margin:auto;overflow:visible}.cc-diagram text{font:18px Arial,Helvetica,sans-serif;fill:#263324}.cc-shape{fill:#dceccc;stroke:#426633;stroke-width:2;stroke-linejoin:round}.cc-shape-side{fill:#bfd5ad;stroke:#426633;stroke-width:2;stroke-linejoin:round}.cc-hole{fill:white;stroke:#426633;stroke-width:2}.cc-dimension{stroke:#285d1d;stroke-width:2}.cc-end{fill:#285d1d}.cc-diagram figcaption{text-align:center;font-size:12px;color:#52604d;margin-top:8px}.cc-section .cc-diagram svg{max-width:360px}@media(max-width:650px){.cc-diagram{padding:6px}.cc-diagram text{font-size:19px}}

.cc-volumes{display:grid;gap:12px}.cc-volume{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:26px;font-weight:700;line-height:1.3}.cc-volume-value{color:var(--ink);font-variant-numeric:tabular-nums}.cc-volume-unit{color:#387d25;text-decoration:none;font:inherit;white-space:nowrap}