#emonter-metal-calculator{--emc-paper:var(--background,#f8f7f3);--emc-panel:#fff;--emc-ink:var(--foreground,#222b2d);--emc-muted:var(--muted-foreground,#62696b);--emc-line:var(--border,#deddd5);--emc-sage:var(--muted,#efeee8);--emc-copper:var(--accent,#915e3b);--emc-red:#a32b2b;background:var(--emc-paper);color:var(--emc-ink);font:400 16px/1.65 var(--font-sans,Montserrat,Arial,sans-serif);color-scheme:light;border:1px solid var(--emc-line);border-radius:var(--radius,2px);scroll-margin-top:100px}
#emonter-metal-calculator *{box-sizing:border-box}
#emonter-metal-calculator [hidden]{display:none!important}
#emonter-metal-calculator .emc-content{padding:28px;max-width:1160px;margin:auto}
#emonter-metal-calculator h2{font-size:28px;line-height:1.22;font-weight:700;letter-spacing:-.025em;margin:0}
#emonter-metal-calculator h3{font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.025em;margin:0}
#emonter-metal-calculator p{margin:10px 0 0}
#emonter-metal-calculator .emc-intro{margin-bottom:18px}
#emonter-metal-calculator .emc-rates{display:flex;flex-wrap:wrap;gap:8px 24px;background:var(--emc-sage);padding:14px 18px;border-radius:var(--radius,2px);font-size:14px}
#emonter-metal-calculator .emc-rates span{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
#emonter-metal-calculator .emc-rates strong{font-size:14px;font-weight:600;white-space:normal}
#emonter-metal-calculator .emc-pricing-note{margin-top:12px;margin-bottom:10px}
#emonter-metal-calculator .emc-material-note{margin-top:0;margin-bottom:24px}
#emonter-metal-calculator summary{font-weight:600;min-height:28px;cursor:pointer}
#emonter-metal-calculator .emc-grid{display:grid;gap:18px}
#emonter-metal-calculator label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;min-width:0}
#emonter-metal-calculator input,#emonter-metal-calculator select{width:100%;min-width:0;font:400 16px/1.5 var(--font-sans,Montserrat,Arial,sans-serif);border:1px solid #cbd0ce;background:var(--emc-panel);color:var(--emc-ink);padding:11px 14px;border-radius:var(--radius,2px);min-height:48px;transition:border-color .2s}
#emonter-metal-calculator input:focus-visible,#emonter-metal-calculator select:focus-visible,#emonter-metal-calculator button:focus-visible,#emonter-metal-calculator summary:focus-visible,#emonter-metal-calculator a:focus-visible{outline:2px solid var(--emc-copper);outline-offset:3px}
#emonter-metal-calculator .emc-small{font-size:14px;color:var(--emc-muted);line-height:1.65}
#emonter-metal-calculator .emc-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:28px;align-items:start}
#emonter-metal-calculator .emc-products{min-width:0}
#emonter-metal-calculator .emc-line{background:var(--emc-panel);border:1px solid var(--emc-line);padding:24px;margin-bottom:20px;border-radius:var(--radius,2px)}
#emonter-metal-calculator .emc-line-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
#emonter-metal-calculator .emc-line-head h3{font-size:17px}
#emonter-metal-calculator .emc-remove{background:transparent;border:0;text-decoration:underline;color:var(--emc-muted);font:inherit;font-size:14px;min-height:44px;padding:6px;cursor:pointer}
#emonter-metal-calculator .emc-main-fields{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
#emonter-metal-calculator .emc-profile-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:20px}
#emonter-metal-calculator .emc-segments{border:0;padding:0;margin:24px 0 0;min-width:0}
#emonter-metal-calculator legend{font-size:14px;font-weight:500;padding:0;margin-bottom:12px}
#emonter-metal-calculator .emc-segment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#emonter-metal-calculator .emc-segment-input{gap:5px;font-size:13px}
#emonter-metal-calculator .emc-segment-input input{padding:11px 8px;min-width:0}
#emonter-metal-calculator .emc-width-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:13px;color:var(--emc-muted);margin-top:14px}
#emonter-metal-calculator .emc-example-note{margin:0 0 10px}
#emonter-metal-calculator .emc-profile-figure{margin:0 0 18px}
#emonter-metal-calculator .emc-profile-svg{display:block;width:100%;height:auto;max-height:260px;overflow:visible}
#emonter-metal-calculator .emc-profile-svg text{fill:var(--emc-ink);font:500 15px var(--font-sans,Montserrat,Arial,sans-serif);paint-order:stroke;stroke:var(--emc-panel);stroke-width:5px;stroke-linejoin:round}
#emonter-metal-calculator .emc-profile-known text{font-size:18px}
#emonter-metal-calculator .emc-profile-leader{stroke:var(--emc-muted);stroke-width:1;vector-effect:non-scaling-stroke}
#emonter-metal-calculator .emc-profile-outline{fill:none;stroke:var(--emc-copper);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#emonter-metal-calculator .emc-profile-segment{fill:var(--emc-sage)}
#emonter-metal-calculator .emc-profile-figure figcaption{margin-top:8px;font-size:13px}
#emonter-metal-calculator .emc-help-link{display:inline-block;max-width:100%;margin-top:12px;padding-block:6px;color:var(--emc-copper);font-size:14px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#emonter-metal-calculator .emc-line-result{margin-top:22px;border-top:1px solid var(--emc-line);padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:14px;font-variant-numeric:tabular-nums}
#emonter-metal-calculator .emc-material-choice{margin-top:22px}
#emonter-metal-calculator .emc-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;font:600 15px/1.5 var(--font-sans,Montserrat,Arial,sans-serif);min-height:56px;padding:15px 24px;border:1px solid var(--emc-ink);border-radius:var(--radius,2px);background:var(--emc-ink);color:#fff;text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer;transition:background .2s}
#emonter-metal-calculator .emc-secondary{background:transparent;color:var(--emc-ink)}
#emonter-metal-calculator .emc-enquiry{width:100%;margin-top:22px}
#emonter-metal-calculator .emc-summary{background:var(--emc-sage);padding:28px;border-top:2px solid var(--emc-copper);border-radius:var(--radius,2px);min-width:0}
#emonter-metal-calculator dl{margin:16px 0 0}
#emonter-metal-calculator dl>div{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:9px 0;font-size:14px}
#emonter-metal-calculator dt{max-width:65%;color:var(--emc-muted)}
#emonter-metal-calculator dd{margin:0;text-align:right;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#emonter-metal-calculator .emc-total{border-top:1px solid var(--emc-line);margin-top:16px;padding-top:22px;display:flex;flex-direction:column;gap:8px}
#emonter-metal-calculator .emc-total>span{font-size:14px;color:var(--emc-muted)}
#emonter-metal-calculator .emc-total strong{font-size:32px;line-height:1.22;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#emonter-metal-calculator .emc-summary-foot{border-top:1px solid var(--emc-line);padding-top:20px;margin-top:24px}
#emonter-metal-calculator #emc-errors{color:var(--emc-red);font-size:14px;margin-top:14px}
#emonter-metal-calculator #emc-errors:empty{display:none}
#emonter-metal-calculator #emc-result-note:empty{display:none}
#emonter-metal-calculator .emc-empty{padding:20px;border:1px dashed var(--emc-line);margin-bottom:16px;color:var(--emc-muted)}
#emonter-metal-calculator .emc-cutting{margin-top:22px;border-top:1px solid var(--emc-line);padding-top:18px}
#emonter-metal-calculator .emc-cutting summary{font-size:14px}
#emonter-metal-calculator .emc-cutting dl{margin-top:10px}
#emonter-metal-calculator .emc-cut-row{margin-top:18px}
#emonter-metal-calculator .emc-cut-label{font-size:14px;margin-bottom:8px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}
#emonter-metal-calculator .emc-sheet-plan{width:100%;height:auto;aspect-ratio:2;display:block}
#emonter-metal-calculator .emc-sheet-stock{fill:var(--emc-panel)}
#emonter-metal-calculator .emc-sheet-piece{fill:var(--emc-copper);stroke:var(--emc-panel);stroke-width:1;vector-effect:non-scaling-stroke}
#emonter-metal-calculator .emc-sheet-piece:nth-of-type(odd){fill:var(--accent-light,#c69772)}
#emonter-metal-calculator .emc-cut-caption{font-size:13px;color:var(--emc-muted);margin-top:8px;overflow-wrap:anywhere}
#emonter-metal-calculator .emc-line-errors{font-size:14px;color:var(--emc-red)}
#emonter-metal-calculator .emc-line-errors:empty{display:none}
#emonter-metal-calculator input[aria-invalid=true]{border-color:var(--emc-red)}
@media(max-width:900px){#emonter-metal-calculator .emc-layout{grid-template-columns:1fr}#emonter-metal-calculator .emc-content{padding:28px}}
@media(max-width:600px){#emonter-metal-calculator .emc-content{padding:24px 20px}}
@media(max-width:460px){#emonter-metal-calculator .emc-content{padding:24px 14px}#emonter-metal-calculator h2{font-size:24px}#emonter-metal-calculator .emc-rates{padding:12px 14px}#emonter-metal-calculator .emc-line{padding:18px 14px}#emonter-metal-calculator .emc-summary{padding:22px 18px}#emonter-metal-calculator .emc-main-fields{grid-template-columns:1fr}#emonter-metal-calculator .emc-segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#emonter-metal-calculator .emc-button{padding-inline:18px}#emonter-metal-calculator .emc-profile-known text{font-size:24px}}
@media(max-width:360px){#emonter-metal-calculator .emc-profile-fields{grid-template-columns:1fr}#emonter-metal-calculator .emc-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#emonter-metal-calculator input,#emonter-metal-calculator select,#emonter-metal-calculator .emc-button{transition:none}}

/* Metres are the main entry; exact piece quantities stay visible in the result. */
#emonter-metal-calculator .emc-length-summary{margin-top:16px;padding:12px 14px;background:var(--emc-sage);border-left:2px solid var(--emc-copper);font-size:15px;font-weight:600;line-height:1.55;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#emonter-metal-calculator .emc-length-note{font-size:13px;margin-top:8px}
#emonter-metal-calculator .emc-quantity-mode{display:inline-block;max-width:100%;margin-top:4px;padding:8px 0;min-height:44px;background:transparent;border:0;color:var(--emc-copper);font:500 13px/1.5 var(--font-sans,Montserrat,Arial,sans-serif);text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
