/* Scoped refinement of the existing calculator: profile grid, drawing, inputs, blue result. */
.mc-page h1{font-weight:700}
.mc-page .mc-method-help{background:#f2f6f9;padding:12px 15px;border-radius:4px}.mc-page .mc-option-fields .mc-note{margin:8px 0 0}
#mc-sheet-mode{flex-direction:row;align-items:center}#mc-sheet-mode select{flex:1;width:auto}
.mc-table-fields{display:grid;grid-template-columns:1fr;gap:7px}.mc-table-fields:has(#mc-table-dimension:not([hidden])){grid-template-columns:1fr 1fr}.mc-table-fields:has(#mc-table-dimension:not([hidden]))>label:last-child{grid-column:1/-1}
.mc-page{--mc-blue:#003b7e;--mc-ink:#263746;--mc-muted:#536b82;--mc-line:#ccd9e5;color:var(--mc-ink);padding-bottom:48px}
.mc-page *{box-sizing:border-box}.mc-page [hidden]{display:none!important}.mc-symbols{position:absolute;width:0;height:0;overflow:hidden}.mc-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.mc-page h1{font-size:30px;line-height:1.2;margin:0 0 8px}.mc-page h2{font-size:24px;line-height:1.3;margin:0}.mc-page h3{font-size:18px;margin:20px 0 10px}.mc-page p{line-height:1.6;margin:0 0 12px}.mc-intro{margin:8px 0 18px}.mc-intro p{font-size:15px;color:var(--mc-muted);margin:0}
.mc-page .breadcrumbs-nav{padding-top:12px;padding-bottom:8px}.mc-tool{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 24px;scroll-margin-top:85px}
.mc-types h2,.mc-parameter-title h2{font-size:16px;line-height:24px;color:var(--mc-blue)}.mc-types h2{margin-bottom:12px}.mc-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--mc-line);border-radius:4px;gap:3px;padding:9px}
.mc-profiles button{font:inherit;line-height:1.2;font-size:12px;background:#fff;border:1px solid transparent;border-radius:3px;color:#64798e;cursor:pointer;min-height:67px;padding:6px 2px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0}
.mc-profiles svg{width:31px;height:31px;fill:currentColor;stroke:currentColor;stroke-width:0;flex-shrink:0}.mc-profiles button[aria-pressed=true]{background:#edf3f8;color:var(--mc-blue);border-color:#bfd1e3;font-weight:700}.mc-profiles button:hover{color:var(--mc-blue);background:#f4f7fa}.mc-mobile-profile{display:none!important}
.mc-workspace{min-width:0}.mc-parameter-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mc-text-button{font:inherit;font-size:13px;border:0;background:none;color:var(--mc-blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:28px;padding:3px 0}.mc-text-button:disabled{opacity:.5;cursor:default}
.mc-page label{font-size:13px;font-weight:400;color:var(--mc-ink);line-height:1.3;display:flex;flex-direction:column;gap:5px;min-width:0}.mc-page :is(input:not([type=hidden]),select){font:inherit;font-size:14px;font-weight:400;background:white;border:1px solid #adc2d6;border-radius:4px;width:100%;height:36px;padding:6px 9px;color:var(--mc-ink);min-width:0}.mc-page select{padding-right:22px}.mc-page input[readonly],.mc-page select:disabled{background:#f0f4f7;color:var(--mc-muted)}
.mc-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mc-materials:has(#mc-alloy-wrap:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))}
.mc-parameters{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,2fr);gap:22px;align-items:center;margin-top:12px;min-height:194px}#mc-diagram{margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:0}#mc-diagram img{display:block;width:180px;max-width:100%;height:180px;object-fit:contain}#mc-diagram svg{width:145px;height:145px;fill:var(--mc-blue)}#mc-diagram figcaption{font-size:12px;color:var(--mc-muted)}
.mc-inputs{display:flex;flex-direction:column;gap:10px}.mc-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.mc-dimensions label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;font-size:12px}.mc-dimensions input{width:79px;flex:0 0 79px}.mc-quantity{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:12px}.mc-calculate-row{display:flex;align-items:center;gap:15px}.mc-page .mc-calculate{min-height:37px;min-width:180px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;padding:7px 22px;color:#fff}.mc-page .mc-note{font-size:13px;color:var(--mc-muted);line-height:1.55;margin:12px 0}
.mc-result{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--mc-blue);color:#fff;border-radius:3px;padding:12px 16px;min-height:72px;margin-top:10px}.mc-result-actions{display:flex;align-items:center;gap:9px}.mc-page .mc-outline,.mc-page .mc-enquiry{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;font-size:13px;white-space:nowrap;border-radius:10px;cursor:pointer;font-weight:700}.mc-page .mc-outline{background:white;border:1px solid #b3c7da;color:var(--mc-blue)}.mc-result .mc-outline{color:white;background:transparent;border-color:#98b1cd}.mc-page .mc-enquiry{color:white;min-width:165px}.mc-page .mc-enquiry[aria-disabled=true],.mc-page button:disabled{opacity:.55;cursor:default}
#mc-result-content{display:grid;grid-template-columns:auto auto;gap:1px 10px;align-items:baseline;min-width:0}#mc-result-content>span{font-size:12px;grid-column:1/-1}#mc-result-content>strong{font-size:27px;line-height:1.25;overflow-wrap:anywhere}#mc-result-content small{font-size:12px;line-height:1.25;font-weight:400}#mc-result-content strong small{font-size:17px}.mc-under-result{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:31px}.mc-under-result a{font-size:12px;text-decoration:underline;text-underline-offset:3px}#mc-product-link{min-width:0}
.mc-saved-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;background:#f2f6f9;padding:7px 14px;border-radius:4px}.mc-saved-bar p{font-size:12px;color:var(--mc-muted);margin:0}.mc-saved-bar .mc-text-button{font-size:14px;font-weight:700;text-decoration:none}.mc-saved-bar #mc-count{display:inline-block;color:#fff;background:var(--mc-blue);border-radius:3px;min-width:23px;padding:2px 5px;text-align:center;margin-left:6px}.mc-saved-bar #mc-list-mass{font-weight:400}
.mc-page .mc-error{color:#922a22;background:#fff2ef;border-radius:3px;font-size:13px;line-height:1.4;padding:7px 10px;margin:8px 0}.mc-page dialog{position:fixed;inset:0;margin:auto;width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 36px);overflow:auto;border:0;border-radius:8px;padding:25px;background:white;color:var(--mc-ink);box-shadow:0 10px 80px #182d4640}.mc-page dialog::backdrop{background:#142b4773}.mc-page dialog.mc-order{width:min(850px,calc(100% - 28px))}.mc-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.mc-dialog-head h2{font-size:23px}.mc-dialog-head button{width:40px;height:40px;flex:0 0 40px;font-size:29px;line-height:1;border:0;border-radius:4px;background:#edf3f8;color:var(--mc-blue);cursor:pointer}.mc-option-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mc-page dialog .mc-outline{margin-top:12px}
.mc-item{display:grid;grid-template-columns:20px minmax(0,1fr) 130px;gap:12px;padding:16px;background:#f4f7fa;border-radius:4px;margin-bottom:8px}.mc-item-number{font-size:13px;color:var(--mc-muted)}.mc-item h3{font-size:16px;color:var(--mc-blue);margin:0 0 6px}.mc-item p{font-size:13px;margin:0 0 4px}.mc-item small{font-size:12px;color:var(--mc-muted);line-height:1.4}.mc-item-mass{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.mc-item-mass strong{font-size:20px;color:var(--mc-blue)}.mc-item button{font:inherit;font-size:13px;background:none;border:0;color:var(--mc-blue);padding:5px;cursor:pointer;text-decoration:underline}.mc-order-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--mc-blue);color:white;border-radius:4px}.mc-order-footer>div{display:grid;gap:3px}.mc-order-footer span,.mc-order-footer small{font-size:12px}.mc-order-footer strong{font-size:26px}
.mc-page dl{margin:14px 0}.mc-page dl div{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:6px 0}.mc-page dd{margin:0;font-weight:700;white-space:nowrap}.mc-copy{max-width:1000px;margin-top:44px}.mc-copy h2{margin:32px 0 16px}.mc-copy p,.mc-copy li{font-size:15px;color:var(--mc-muted);line-height:1.65}.mc-copy ul{margin:12px 0 24px;padding-left:23px;list-style:disc}.mc-copy ol{padding-left:23px;list-style:decimal}.mc-copy li{margin:7px 0}.mc-copy a{text-decoration:underline}.mc-table-scroll{overflow:auto;margin:20px 0;max-width:100%}.mc-copy table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.mc-copy td,.mc-copy th{padding:11px 14px;text-align:left;border-bottom:1px solid var(--mc-line)}.mc-copy th{background:#edf3f8;color:var(--mc-blue)}.mc-copy tbody tr:nth-child(even){background:#f7f9fb}.mc-local-note{font-size:12px;margin:30px 0 0;color:var(--mc-muted)}
.mc-page :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #dc9c17;outline-offset:3px}body:has(.mc-page) #form_order textarea{min-height:210px;font-size:14px;line-height:1.45}
@media(max-width:1100px) and (min-width:761px){.mc-tool{grid-template-columns:215px minmax(0,1fr);column-gap:18px}.mc-parameters{grid-template-columns:135px minmax(0,1fr);gap:14px}.mc-dimensions label{flex-direction:column;align-items:stretch}.mc-dimensions input{width:100%;flex-basis:auto}.mc-result{flex-wrap:wrap}.mc-result-actions{margin-left:auto}.mc-page h1{font-size:28px}}
@media(max-width:760px){.mc-page h1{font-size:24px;line-height:1.2;margin-bottom:7px}.mc-intro{margin:4px 0 14px}.mc-intro p{font-size:13px;line-height:1.4}.mc-page .breadcrumbs-nav{padding-top:9px;padding-bottom:7px}.mc-tool{display:block}.mc-types h2{display:none}.mc-profiles{display:none}.mc-mobile-profile{display:flex!important;margin-bottom:10px}.mc-page :is(input:not([type=hidden]),select){height:40px;font-size:16px;padding:7px 9px}.mc-page label{font-size:12px;gap:4px}.mc-parameter-title{margin-bottom:8px}.mc-parameter-title h2{font-size:14px}.mc-text-button{min-height:30px;font-size:12px}.mc-materials,.mc-materials:has(#mc-alloy-wrap:not([hidden])){grid-template-columns:1fr 1fr;gap:8px 10px}.mc-materials>label:nth-child(3){grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:10px}.mc-materials>label:nth-child(3)>select{width:auto;flex:1}.mc-materials:has(#mc-alloy-wrap:not([hidden]))>label:nth-child(3){grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:4px}.mc-materials:has(#mc-alloy-wrap:not([hidden]))>label:nth-child(3)>select{width:100%;flex:auto}.mc-parameters{display:block;min-height:0;margin-top:10px}#mc-diagram{display:none}.mc-inputs{gap:10px}.mc-dimensions{gap:8px 10px}.mc-dimensions label{flex-direction:column;align-items:stretch;font-size:12px;gap:4px}.mc-dimensions input{width:100%;flex-basis:auto}.mc-quantity{gap:10px}.mc-quantity select{padding-right:16px}.mc-calculate-row{gap:12px}.mc-page .mc-calculate{min-height:40px;width:100%;min-width:0}.mc-result{margin-top:10px;display:block;padding:10px 12px;min-height:0}#mc-result-content{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}#mc-result-content>span{flex:0 0 100%;font-size:11px}#mc-result-content>strong{font-size:26px}#mc-result-content>small{font-size:12px}.mc-result-actions{gap:9px;margin-top:9px}.mc-page .mc-outline,.mc-page .mc-enquiry{min-width:0;min-height:40px;padding:8px 10px;font-size:13px}.mc-result-actions .mc-outline{flex:1}.mc-result-actions .mc-enquiry{flex:1.5}.mc-under-result{gap:10px;min-height:30px}.mc-under-result a{font-size:11px}.mc-under-result .mc-text-button{flex-shrink:0;font-size:11px}.mc-saved-bar{margin-top:4px;display:block;padding:6px 10px}.mc-saved-bar .mc-text-button{font-size:13px}.mc-saved-bar p{font-size:11px;line-height:1.35}.mc-copy{margin-top:34px}.mc-copy h2{font-size:23px}.mc-page dialog{padding:18px;max-height:calc(100dvh - 28px)}.mc-dialog-head{gap:10px;margin-bottom:16px}.mc-dialog-head h2{font-size:20px}.mc-option-fields{grid-template-columns:1fr;gap:15px}.mc-item{grid-template-columns:1fr;gap:8px;padding:13px}.mc-item-number{display:none}.mc-item-mass{flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap}.mc-item-mass strong{margin-right:auto}.mc-item button{min-height:36px}.mc-order-footer{flex-wrap:wrap}.mc-order-footer .mc-enquiry{flex:1}.mc-copy td,.mc-copy th{padding:9px;font-size:13px}.mc-page dl div{flex-wrap:wrap;gap:5px}.mc-page .mc-error{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mc-page *{scroll-behavior:auto!important}}
/* Fit the ordinary calculation, result and saved-list access in the first viewport. */
body:has(.mc-page){padding-top:var(--mc-header-expanded,161px)}
.mc-page .breadcrumbs-nav{padding:7px 0}.mc-page .breadcrumbs-nav .breadcrumbs{margin:0}
.mc-intro{margin:6px 0 14px}.mc-parameters{min-height:160px;gap:18px}#mc-diagram img{height:160px;width:160px}
.mc-quantity{grid-template-columns:1fr 1fr .8fr 1fr;align-items:end}.mc-calculate-row{flex-wrap:wrap;gap:2px}.mc-page .mc-calculate{min-width:0;width:100%}.mc-page #mc-cancel-edit{font-size:12px;min-height:22px}
@media(min-width:811px) and (max-height:800px){body:has(.mc-page) .header:not(.active) .header-bottom{padding-top:4px;padding-bottom:12px}}
@media(max-width:760px){body:has(.mc-page){padding-top:var(--mc-header-expanded,65px)}.mc-intro{margin:5px 0 12px}.mc-page .breadcrumbs-nav{padding:5px 0}.mc-parameters{min-height:0}.mc-quantity{grid-template-columns:1.1fr 1fr .9fr;row-gap:10px}.mc-calculate-row{grid-column:1/-1;display:flex;flex-wrap:nowrap}.mc-result{padding-top:8px;padding-bottom:8px}#mc-result-content>span{line-height:1.2}.mc-under-result{min-height:26px}.mc-saved-bar{padding:4px 10px}.mc-saved-bar .mc-text-button{min-height:26px}.mc-saved-bar p{line-height:1.25}}
@media(min-width:761px){.mc-parameter-title{margin-bottom:6px}.mc-parameter-title .mc-text-button{min-height:24px}.mc-parameters{min-height:152px;margin-top:8px}#mc-diagram img{width:152px;height:152px}.mc-under-result{min-height:28px}.mc-saved-bar{padding-top:4px;padding-bottom:4px;margin-top:8px}#mc-manual-wrap{display:grid;grid-template-columns:1fr 1.7fr;gap:12px}}
@media(max-width:760px){#mc-result-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;align-items:center}#mc-result-content>span{grid-column:1;grid-row:1}#mc-result-content>small{grid-column:1;grid-row:2}#mc-result-content>strong{grid-column:2;grid-row:1/3;max-width:180px;font-size:25px;text-align:right}#mc-manual-wrap{display:grid;grid-template-columns:1fr 1.7fr;gap:10px}}
/* Keep controls readable while reducing space between mobile groups. */
@media(max-width:760px){.mc-page h1{font-size:22px}.mc-intro{margin-bottom:8px}.mc-mobile-profile{margin-bottom:6px}.mc-parameter-title{margin-bottom:4px}.mc-materials,.mc-materials:has(#mc-alloy-wrap:not([hidden])){row-gap:6px}.mc-parameters{margin-top:6px}.mc-inputs{gap:6px}.mc-dimensions{row-gap:6px}.mc-page label,.mc-dimensions label{gap:3px}.mc-quantity{row-gap:6px}.mc-result{margin-top:6px}.mc-under-result:not(:has(a)):has(button[hidden]){display:none}}
