.dc-tool{max-width:1120px;margin:auto;font-size:18px;line-height:1.5}
.dc-tool *{box-sizing:border-box;min-width:0}
.dc-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
.dc-editor{grid-column:1;grid-row:1}
.dc-answer{grid-column:2;grid-row:1;padding:24px}
.dc-total{display:block;font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin:8px 0}
.dc-bags{display:block;font-size:1.5rem;margin:16px 0 8px}
.dc-tool p{margin:12px 0}
.public-app-shell .dc-tool :is(p,small,figcaption){color:inherit}
.dc-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;align-items:center}
.dc-row{margin:0 0 24px;padding:24px}
.dc-row-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}
.dc-row-head h2{flex-shrink:0;max-width:100%;font-size:1.15em;margin:0}
.dc-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11em),1fr));gap:8px 24px;margin:20px 0}
.dc-field{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:8px}
.dc-field:has(#dc-minimum){grid-column:1/-1}
.dc-field>span:first-child{align-self:end}
.dc-hint,.dc-tool small{font-size:16px;line-height:1.5}
.public-app-shell .dc-tool figure.dc-visual{display:block;margin:20px 0 0}
.dc-visual svg{display:block;width:100%;height:auto;max-height:280px}
.dc-visual text{fill:currentColor;font-family:inherit;font-size:28px}
.dc-visual :is(path,ellipse,line){stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}
.dc-face{fill:var(--color-primary);fill-opacity:.18}
.dc-edge{fill:none}
.dc-tool[data-result-state="invalid"] .dc-visual{display:none}
.dc-help{margin:24px 0}
.dc-help h2,.dc-help h3{margin:20px 0 12px}
.dc-facts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;margin:24px 0}
.dc-facts dd{margin:0;text-align:end}
.dc-example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15em),1fr));gap:12px;margin:16px 0}
.dc-example-grid button{display:block;text-align:start;white-space:normal}
.dc-example-grid :is(strong,span){display:block}
.dc-example-grid span{font-size:16px;margin-top:8px}
.dc-quote-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14em),1fr));gap:24px;margin:24px 0}
.dc-quote-results strong{display:block;font-size:1.5rem;margin:12px 0}
.dc-print{display:none}
@media(max-width:767px){.dc-layout{grid-template-columns:1fr;gap:24px}.dc-answer{grid-column:1;grid-row:1;padding:0;border:0;background:none;box-shadow:none}.dc-editor{grid-column:1;grid-row:2}.dc-row{padding:0;border:0;background:none;box-shadow:none;margin:0 0 32px}.dc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-identity{grid-template-columns:1fr}.dc-field:has(input[id$="-volume"]){grid-column:1/-1}.dc-row-head{margin-top:8px}.dc-facts{grid-template-columns:1fr}.dc-facts dd{text-align:start;margin-top:-8px}.dc-help>.km-collapse-content{padding-inline:0}}
@media(max-width:360px){.dc-fields{grid-template-columns:1fr}}
@media print{.dc-tool .dc-print{display:block;white-space:pre-wrap;font:inherit}.dc-tool :is(.dc-layout,.dc-screen,.dc-help){display:none!important}}