/* Mining Fan · Shared unit-converter CSS v3.0.15. Replaces mf-tools-zh.css. */
#mfz-tools:is(.mf-tools-zh,.mf-tools){
  --mf-navy:#02185a;--mf-text:#272626;--mf-muted:#70747b;--mf-line:#e2e5e9;
  --mf-kind-width:72px;--mf-kind-medium:50px;--mf-mobile-label:32px;--mf-mobile-label-small:26px;
  --mf-slide-in:-100%;--mf-slide-out:100%;
  --mf-soft:#f6f7f9;--mf-orange:#ff6119;--mf-accent:#a63a09;
  --mf-font:'Roboto','Noto Sans CJK SC','Microsoft YaHei','PingFang SC',Arial,sans-serif;
  box-sizing:border-box;container:mf-converter / inline-size;min-width:0;width:100%;max-width:100%;
  margin:0;padding:0;color:var(--mf-text);font:400 15px/1.8 var(--mf-font);
  text-align:start;overflow-wrap:break-word;
}
#mfz-tools *,#mfz-tools *::before,#mfz-tools *::after{box-sizing:border-box}
#mfz-tools [hidden]{display:none!important}
#mfz-tools p{margin:0 0 12px;color:inherit;font:inherit}
#mfz-tools p:last-child{margin-bottom:0}
#mfz-tools h2,#mfz-tools h3{margin:0;padding:0;color:var(--mf-navy);font:600 20px/1.5 var(--mf-font);letter-spacing:0;text-transform:none}
#mfz-tools strong{color:inherit}
#mfz-tools a{color:var(--mf-navy);text-decoration:none}
#mfz-tools a:hover{color:var(--mf-accent);text-decoration:underline;text-underline-offset:4px}
#mfz-tools :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--mf-navy);outline-offset:3px}
#mfz-tools .mfz-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#mfz-tools .mfz-intro{margin:0 0 20px;padding:12px 16px;border-inline-start:3px solid var(--mf-orange);border-radius:2px;background:#f7f8fb;color:#515a69;font:400 16px/1.85 var(--mf-font)}
#mfz-tools .mfz-intro strong{color:var(--mf-navy);font-weight:600}
#mfz-tools .mfz-intro-note{color:#687180;font-size:14px}
#mfz-tools .mfz-tool-block{min-width:0;margin:0;padding:0}

/* 快捷入口为轻量辅助操作。 */
#mfz-tools .mfz-quick{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 16px}
#mfz-tools .mfz-quick-label{font-size:13px;color:var(--mf-muted);white-space:nowrap}
#mfz-tools .mfz-quick-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
#mfz-tools .mfz-quick-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:0;height:30px;margin:0;padding:3px 9px;border:1px solid #e3e6eb;border-radius:2px;background:#fff;color:var(--mf-navy);font:400 12px/22px var(--mf-font);box-shadow:none;cursor:pointer;white-space:nowrap;letter-spacing:0;text-transform:none}
#mfz-tools .mfz-quick-button:hover{border-color:#acb6ca;background:#f6f8fc}
#mfz-tools .mfz-quick-button[aria-pressed=true]{color:var(--mf-navy);border-color:#8f9db7;background:#f0f3f9}

/* Language-aware fonts; all names are system/site font fallbacks, no font files are bundled. */
#mfz-tools:lang(ja){--mf-font:'Roboto','Noto Sans CJK JP','Yu Gothic','Hiragino Kaku Gothic ProN',Arial,sans-serif}
#mfz-tools:lang(ko){--mf-font:'Roboto','Noto Sans CJK KR','Malgun Gothic','Apple SD Gothic Neo',Arial,sans-serif}
#mfz-tools:is(:lang(ar),:lang(fa)){--mf-font:'Roboto','Noto Sans Arabic','Noto Naskh Arabic',Tahoma,Arial,sans-serif}
#mfz-tools:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)){--mf-kind-width:108px;--mf-kind-medium:88px}
#mfz-tools:dir(rtl){--mf-slide-in:100%;--mf-slide-out:-100%}

/* 一个表格化换算区；输入和结果分别成组，单位紧邻数值。 */
#mfz-tools .mfz-batch-box{border:1px solid var(--mf-line);border-radius:4px;background:#fff;overflow:clip;min-width:0;margin:0;padding:0}
#mfz-tools form{display:block;margin:0;padding:0}
#mfz-tools .mfz-batch-head,#mfz-tools fieldset.mfz-batch-row{display:grid;grid-template-columns:var(--mf-kind-width) minmax(0,1fr) 38px minmax(0,1fr);align-items:center;column-gap:22px}
#mfz-tools .mfz-batch-head{padding:12px 24px;background:var(--mf-soft);border-bottom:1px solid var(--mf-line);font:500 13px/1.7 var(--mf-font);color:var(--mf-navy)}
#mfz-tools fieldset.mfz-batch-row{position:relative;min-width:0;border:0;border-bottom:1px solid var(--mf-line);margin:0;padding:23px 24px}
#mfz-tools .mfz-batch-row>*{min-width:0}
#mfz-tools .mfz-batch-kind{font:600 15px/1.6 var(--mf-font);color:var(--mf-navy)}
#mfz-tools .mfz-batch-source,#mfz-tools .mfz-batch-result{min-width:0}
#mfz-tools :is(input[type=number],input[type=text],select,textarea){display:block;min-width:0;max-width:100%;width:100%;height:46px;margin:0;padding:10px 13px;border:1px solid #dce0e5;border-radius:2px;background:#fff;color:var(--mf-text);box-shadow:none;font:400 15px/1.5 var(--mf-font);letter-spacing:0;text-transform:none}
#mfz-tools input[type=number]{font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;font-size:17px}
#mfz-tools input[type=number]::-webkit-inner-spin-button,#mfz-tools input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#mfz-tools select{appearance:auto;padding-inline-end:24px;cursor:pointer}
#mfz-tools :is(input,select,textarea):focus{border-color:#7385a7}
#mfz-tools [aria-invalid=true]{border-color:#b3261e!important}
#mfz-tools .mfz-input-group,#mfz-tools .mfz-result-group{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:stretch;min-width:0}
#mfz-tools .mfz-input-group>input{border-radius:2px 0 0 2px}
#mfz-tools .mfz-input-group>select{border-inline-start:0;border-radius:0 2px 2px 0;font-size:14px;background:#fafbfc}
#mfz-tools .mfz-result-group{border:1px solid #e1e5eb;border-radius:2px;background:#f4f6f9}
#mfz-tools .mfz-result-group>select{height:44px;border:0;border-inline-start:1px solid #dce2e9;border-radius:0;background:transparent;font-size:14px}
#mfz-tools .mfz-batch-output{display:flex;align-items:center;min-width:0;margin:0;padding:7px 13px;border:0;background:transparent;color:var(--mf-text);font:inherit}
#mfz-tools .mfz-batch-output strong{display:block;min-width:0;margin:0;font:500 20px/1.4 var(--mf-font);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--mf-text);letter-spacing:0}
#mfz-tools .mfz-batch-output:not([data-state=valid]) strong{font-size:13px;font-weight:400;color:#787d85}
#mfz-tools .mfz-batch-output[data-state=invalid] strong{color:#91231d}
#mfz-tools .mfz-swap-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:0;margin:0;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--mf-navy);cursor:pointer;box-shadow:none}
#mfz-tools .mfz-swap-button:hover{border-color:#d7dfe9;background:#f4f6fa}
#mfz-tools .mfz-swap-button svg{display:block;width:19px;height:19px;flex:none}
#mfz-tools .mfz-mobile-caption{display:none}
#mfz-tools .mfz-row-error{margin:6px 0 0!important;color:#91231d!important;font:400 12px/1.6 var(--mf-font)!important}
#mfz-tools .mfz-error,#mfz-tools .mfz-alert{margin:0 0 14px;padding:10px 13px;border:1px solid #ecc6c2;background:#fff8f7;color:#91231d;font:400 13px/1.7 var(--mf-font)}

/* 所有主要操作集中在同一条底栏。 */
#mfz-tools .mfz-batch-footer{padding:19px 24px 16px;background:#fff}
#mfz-tools .mfz-batch-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px}
#mfz-tools .mfz-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:0}
#mfz-tools .mfz-primary-actions{flex:1 1 auto}
#mfz-tools .mfz-link-button{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:0;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent;color:var(--mf-navy);box-shadow:none;font:400 13px/1.7 var(--mf-font);text-decoration:none;white-space:nowrap;cursor:pointer;letter-spacing:0;text-transform:none}
#mfz-tools .mfz-link-button:hover{color:var(--mf-accent);text-decoration:underline;text-underline-offset:4px}
#mfz-tools .mfz-primary-actions>.mfz-link-button{color:#65696f}
#mfz-tools button[data-enquiry-open]{border:1px solid #dce2eb;border-radius:2px;padding:8px 13px;color:var(--mf-navy);background:#fff;text-decoration:none}
#mfz-tools button[data-enquiry-open]:hover{border-color:var(--mf-navy);background:#f6f8fb}
#mfz-tools button:disabled{opacity:.42;cursor:not-allowed}
#mfz-tools .mfz-batch-status{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;margin:9px 0 0;color:#767b83;font:400 12px/1.6 var(--mf-font)}
#mfz-tools .mfz-status{display:block;min-height:0;margin:0;color:#46634b;font:400 12px/1.7 var(--mf-font)}
#mfz-tools .mfz-status:empty{display:none}
#mfz-tools .mfz-batch-print-result{display:none}

/* 原站文字 / 箭头分区按钮。 */
#mfz-tools .main-btn-two{position:relative;display:inline-flex;align-items:stretch;width:auto;min-width:144px;height:44px;line-height:44px;flex-shrink:0;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#fff;box-shadow:none;text-decoration:none;white-space:nowrap;cursor:pointer;font-family:var(--mf-font)}
#mfz-tools .main-btn-two .text-btn{position:relative;display:block;float:none;flex:0 0 auto;min-width:104px;overflow:hidden;text-align:center;font-size:13px;font-weight:600;letter-spacing:0}
#mfz-tools .main-btn-two :is(.text-btn-one,.text-btn-two){display:block;float:none;margin:0;min-width:104px;height:44px;line-height:44px;padding:0 17px;transition:transform .25s;color:#fff!important;background:var(--mf-orange)}
#mfz-tools .main-btn-two::after,#mfz-tools .main-btn-two .text-btn::before,#mfz-tools .main-btn-two .text-btn::after,#mfz-tools .main-btn-two .arrow-btn::after{display:none;content:none}
#mfz-tools .main-btn-two .text-btn-one{position:absolute;inset:0;transform:translateX(var(--mf-slide-in));background:var(--mf-navy)}
#mfz-tools .main-btn-two .arrow-btn{position:relative;display:block;float:none;flex:0 0 40px;width:40px;height:44px;line-height:44px;overflow:hidden;border-inline-start:1px solid #e9530f;background:var(--mf-orange);text-align:center;font-size:12px}
#mfz-tools .main-btn-two :is(.arrow-one,.arrow-two){display:block;float:none;margin:0;width:40px;height:44px;line-height:44px;color:#fff!important;transition:transform .25s;background:var(--mf-orange)}
#mfz-tools .main-btn-two .arrow-one{position:absolute;inset:0;transform:translateX(var(--mf-slide-in));background:var(--mf-navy)}
#mfz-tools .main-btn-two:is(:hover,:focus-visible) :is(.text-btn-one,.arrow-one){transform:translateX(0)}
#mfz-tools .main-btn-two:is(:hover,:focus-visible) :is(.text-btn-two,.arrow-two){transform:translateX(var(--mf-slide-out))}

/* 辅助资料回到文章内容流中，不与换算区竞争。 */
#mfz-tools .mfz-support{margin-top:38px}
#mfz-tools details.mfz-info{display:block;min-width:0;margin:0;padding:0;border:0;background:transparent}
#mfz-tools details.mfz-info>summary{position:relative;display:block;margin:0;padding:0 0 15px;padding-inline-end:32px;list-style:none;border:0;color:var(--mf-navy);font:600 19px/1.5 var(--mf-font);cursor:pointer}
#mfz-tools details.mfz-info>summary::-webkit-details-marker{display:none}
#mfz-tools details.mfz-info>summary::after{content:'+';position:absolute;inset-inline-end:0;top:0;width:26px;height:26px;line-height:26px;text-align:center;color:#7d8798;font-size:18px;font-weight:400}
#mfz-tools details.mfz-info[open]>summary::after{content:'−'}
#mfz-tools .mfv3-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--mf-line);border-radius:3px;background:#fff}
#mfz-tools table.mfv3-table{width:100%;min-width:0;table-layout:fixed;margin:0;border:0;border-collapse:collapse;background:#fff;color:var(--mf-text);font:400 13px/1.75 var(--mf-font)}
#mfz-tools .mfv3-table :is(th,td){padding:10px 16px;margin:0;border:0;border-bottom:1px solid var(--mf-line);background:#fff;text-align:start;vertical-align:top;overflow-wrap:break-word}
#mfz-tools .mfv3-table th{font-weight:500;color:var(--mf-navy)}
#mfz-tools .mfv3-table thead th{background:var(--mf-soft);font-weight:500}
#mfz-tools .mfv3-table tbody tr:last-child>*{border-bottom:0}
#mfz-tools .mfz-supported-units col:first-child{width:120px}
#mfz-tools .mfz-note{margin:12px 0 0;color:var(--mf-muted);font:400 12px/1.75 var(--mf-font)}
#mfz-tools .mfz-references{display:inline-block;margin:3px 0 0;color:var(--mf-muted);font:400 12px/1.75 var(--mf-font)}
#mfz-tools .mfz-references a{color:var(--mf-navy);text-decoration:underline;text-underline-offset:3px}
#mfz-tools .mfz-selection{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.45fr);gap:38px;min-width:0;margin:29px 0 0;padding:24px 0 0;border:0;border-top:1px solid var(--mf-line);background:transparent}
#mfz-tools .mfz-selection h2{margin:0 0 8px;font-size:18px}
#mfz-tools .mfz-selection p{max-width:360px;margin:0;color:var(--mf-muted);font:400 13px/1.8 var(--mf-font)}
#mfz-tools a.mfz-contact-link{display:inline-flex;align-items:center;gap:10px;margin:8px 0 0;padding:3px 0;border:0;color:var(--mf-accent);font:500 13px/1.7 var(--mf-font)}
#mfz-tools .mfz-fan-links{position:static;z-index:auto;min-width:0;width:auto;margin:0;padding:0;border:0}
#mfz-tools .mfz-fan-list{display:grid;grid-template-columns:1fr 1.35fr;column-gap:25px;row-gap:0;margin:0;padding:0;list-style:none}
#mfz-tools .mfz-fan-list>li{display:block;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;border-bottom:1px solid #eff0f2;background:transparent}
#mfz-tools a.mfz-fan-link{display:block;min-width:0;padding:10px 0;border:0;color:var(--mf-navy);font:400 13px/1.7 var(--mf-font);text-decoration:none}
#mfz-tools a.mfz-fan-link:hover{color:var(--mf-accent);text-decoration:underline;text-underline-offset:4px}
#mfz-tools .mfz-fan-list>li:last-child{grid-column:1/-1;border-bottom:0}

/* 询价只在主动点击后展开。 */
#mfz-tools .mfz-enquiry{min-width:0;margin:0;padding:26px 24px;border-top:1px solid var(--mf-line);background:#fafbfc}
#mfz-tools .mfz-enquiry-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 4px}
#mfz-tools .mfz-enquiry-head h2{margin:0;font-size:19px}
#mfz-tools .mfz-enquiry-recipient{margin:0 0 20px;color:var(--mf-muted);font:400 12px/1.8 var(--mf-font);overflow-wrap:anywhere}
#mfz-tools .mfz-enquiry-fields{max-width:100%}
#mfz-tools .mfz-enquiry-field{min-width:0;margin:0 0 18px}
#mfz-tools .mfz-enquiry-field>label{display:block;margin:0 0 8px;padding:0;color:var(--mf-navy);font:500 13px/1.7 var(--mf-font)}
#mfz-tools .mfz-enquiry-field>label>span{margin-inline-start:10px;font-weight:400;color:var(--mf-muted);font-size:12px}
#mfz-tools .mfz-enquiry textarea[data-enquiry-body]{height:330px;min-height:220px;padding:14px 16px;resize:vertical;background:#fff;color:var(--mf-text);font:400 14px/1.8 var(--mf-font)}
#mfz-tools .mfz-enquiry-actions{gap:10px 22px;margin:0}
#mfz-tools a.mfz-enquiry-mail{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #d8dfe9;border-radius:2px;background:#fff;color:var(--mf-navy);font:500 13px/1.6 var(--mf-font);text-decoration:none;cursor:pointer}
#mfz-tools a.mfz-enquiry-mail:hover{border-color:var(--mf-navy);background:#f2f5fa}
#mfz-tools a.mfz-enquiry-mail[aria-disabled=true]{opacity:.4;cursor:not-allowed}
#mfz-tools .mfz-enquiry-update{margin:0 0 12px;padding:8px 12px;border-inline-start:2px solid var(--mf-orange);background:#fff8f3;font-size:13px;line-height:1.7}
#mfz-tools .mfz-copy-fallback{margin-top:18px;padding-top:16px;border-top:1px solid var(--mf-line)}
#mfz-tools .mfz-copy-fallback label{display:block;margin-bottom:8px;color:var(--mf-text);font-size:13px}
#mfz-tools .mfz-copy-fallback textarea{height:190px;resize:vertical;font-size:13px;line-height:1.8}

/* 使用容器宽度，而不是仅按屏幕宽度适配有侧栏的原站模板。 */
@container mf-converter (max-width:850px){
  #mfz-tools .mfz-batch-head,#mfz-tools fieldset.mfz-batch-row{grid-template-columns:var(--mf-kind-medium) minmax(0,1fr) 30px minmax(0,1fr);column-gap:12px;padding-inline-start:18px;padding-inline-end:18px}
  #mfz-tools .mfz-input-group,#mfz-tools .mfz-result-group{grid-template-columns:minmax(0,1fr) 106px}
  #mfz-tools .mfz-batch-output strong{font-size:18px}
  #mfz-tools .mfz-batch-output{padding-inline-start:10px;padding-inline-end:8px}
  #mfz-tools .mfz-selection{grid-template-columns:minmax(180px,.8fr) minmax(0,1.3fr);gap:25px}
  #mfz-tools .mfz-fan-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  #mfz-tools .mfz-fan-list>li:nth-last-child(2){border-bottom:1px solid #eff0f2}
}
@container mf-converter (max-width:600px){
  #mfz-tools .mfz-intro{margin-bottom:18px;padding:11px 13px;font-size:14px}
  #mfz-tools .mfz-intro-note{font-size:inherit}
  #mfz-tools .mfz-quick{display:block;margin-bottom:15px}
  #mfz-tools .mfz-quick-label{display:block;margin:0 0 7px;font-size:12px}
  #mfz-tools .mfz-quick-buttons{gap:6px}
  #mfz-tools .mfz-quick-button{padding-inline-start:8px;padding-inline-end:8px}
  #mfz-tools .mfz-batch-head{display:none}
  #mfz-tools fieldset.mfz-batch-row{grid-template-columns:minmax(0,1fr) 34px;row-gap:12px;column-gap:8px;padding:16px}
  #mfz-tools .mfz-batch-kind{grid-column:1;grid-row:1;font-size:15px}
  #mfz-tools .mfz-swap-button{grid-column:2;grid-row:1;width:30px;height:28px}
  #mfz-tools .mfz-batch-source{grid-column:1/-1;grid-row:2}
  #mfz-tools .mfz-batch-result{grid-column:1/-1;grid-row:3}
  #mfz-tools .mfz-batch-source,#mfz-tools .mfz-batch-result{display:grid;grid-template-columns:var(--mf-mobile-label) minmax(0,1fr);align-items:center;column-gap:8px}
  #mfz-tools .mfz-mobile-caption{display:block;color:var(--mf-muted);font:400 12px/1.6 var(--mf-font)}
  #mfz-tools .mfz-input-group,#mfz-tools .mfz-result-group{grid-template-columns:minmax(0,1fr) 106px}
  #mfz-tools .mfz-input-group>input{font-size:16px}
  #mfz-tools .mfz-row-error{grid-column:2}
  #mfz-tools .mfz-batch-footer{padding:18px 16px 15px}
  #mfz-tools .mfz-batch-toolbar{display:block}
  #mfz-tools .mfz-primary-actions{gap:10px 16px}
  #mfz-tools .mfz-result-actions{margin-top:16px;padding-top:12px;border-top:1px solid var(--mf-line);justify-content:space-between;gap:6px 10px}
  #mfz-tools button[data-enquiry-open]{padding:7px 10px;font-size:12px}
  #mfz-tools .mfz-link-button{font-size:12px}
  #mfz-tools .mfz-batch-status{margin-top:9px;font-size:11px}
  #mfz-tools .mfz-support{margin-top:28px}
  #mfz-tools details.mfz-info>summary{font-size:18px}
  #mfz-tools .mfz-supported-units col:first-child{width:84px}
  #mfz-tools .mfv3-table :is(th,td){padding:10px 11px}
  #mfz-tools .mfv3-table{font-size:12px}
  #mfz-tools .mfz-selection{display:block;margin-top:24px;padding-top:22px}
  #mfz-tools .mfz-selection h2{font-size:18px}
  #mfz-tools .mfz-selection p{max-width:none}
  #mfz-tools .mfz-fan-links{margin-top:12px}
  #mfz-tools .mfz-fan-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  #mfz-tools .mfz-fan-list>li{border-bottom:1px solid #eff0f2}
  #mfz-tools .mfz-fan-list>li:last-child{border-bottom:0}
  #mfz-tools .mfz-enquiry{padding:22px 16px}
  #mfz-tools .mfz-enquiry-field>label>span{display:block;margin:2px 0 0}
  #mfz-tools .mfz-enquiry textarea[data-enquiry-body]{height:365px;font-size:16px;padding:12px}
  #mfz-tools .mfz-enquiry input[type=text]{font-size:16px}
}
@container mf-converter (max-width:330px){
  #mfz-tools .mfz-batch-source,#mfz-tools .mfz-batch-result{grid-template-columns:var(--mf-mobile-label-small) minmax(0,1fr);column-gap:6px}
  #mfz-tools .mfz-batch-output strong{font-size:16px}
  #mfz-tools .mfz-batch-output{padding-inline-start:8px;padding-inline-end:6px}
  #mfz-tools .mfz-quick-button{font-size:11px;padding-inline-start:7px;padding-inline-end:7px}
  #mfz-tools .mfz-result-actions{gap:6px}
  #mfz-tools button[data-enquiry-open]{padding-inline-start:8px;padding-inline-end:8px}
}
/* 无容器查询的旧浏览器使用保守的整行模式，避免挤出。 */
@supports not (container-type:inline-size){
  @media(max-width:700px){
    #mfz-tools .mfz-batch-head{display:none}
    #mfz-tools fieldset.mfz-batch-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
    #mfz-tools .mfz-swap-button{position:absolute;inset-inline-end:16px;top:12px}
    #mfz-tools .mfz-selection{display:block}
    #mfz-tools .mfz-fan-links{margin-top:18px}
  }
}
@media(prefers-reduced-motion:reduce){#mfz-tools .main-btn-two span{transition:none!important}}
@media print{
  #mfz-tools .mfz-no-print,#mfz-tools form,#mfz-tools .mfz-actions,#mfz-tools .mfz-enquiry,#mfz-tools .mfz-support{display:none!important}
  #mfz-tools{container-type:normal!important;font-size:12px}
  #mfz-tools .mfz-batch-box{border:0;overflow:visible}
  #mfz-tools .mfz-batch-print-result{display:block}
  #mfz-tools .mfz-batch-print-result table{font-size:12px}
  #mfz-tools [data-result-valid=false] .mfz-batch-print-result{display:none}
}

/* Technical values / symbols keep their written order inside RTL interfaces. */
#mfz-tools :is(.mfz-input-group,.mfz-result-group,.mfz-quick-button){direction:ltr;unicode-bidi:isolate}
#mfz-tools :is(input[type=number],select){direction:ltr;unicode-bidi:isolate;text-align:left}
#mfz-tools .mfz-input-group>select{border-left:0;border-right:1px solid #dce0e5}
#mfz-tools .mfz-result-group>select{border-left:1px solid #dce2e9;border-right:0}
#mfz-tools .mfz-batch-output[data-state=valid] strong{direction:ltr;unicode-bidi:isolate;text-align:left}
#mfz-tools .mfz-supported-units td{unicode-bidi:plaintext}
#mfz-tools :is(.mfz-unit,.mfz-number-run,a[href^="mailto:"],a[href^="tel:"]){direction:ltr;unicode-bidi:isolate}
#mfz-tools :is([data-enquiry-subject],[data-enquiry-body],.mfz-copy-fallback textarea){unicode-bidi:plaintext;text-align:start}
#mfz-tools .main-btn-two:dir(rtl) :is(.arrow-one,.arrow-two){scale:-1 1}

/* Long translated controls may wrap rather than stretch the page. */
#mfz-tools .mfz-quick-label{white-space:normal;max-width:100%}
#mfz-tools .mfz-link-button{white-space:normal;max-width:100%;text-align:center;overflow-wrap:anywhere}
#mfz-tools .mfz-actions{min-width:0;max-width:100%}
#mfz-tools .main-btn-two{min-width:min(144px,100%);max-width:100%;height:auto;min-height:44px;white-space:normal;flex-shrink:1}
#mfz-tools .main-btn-two .text-btn{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
#mfz-tools .main-btn-two :is(.text-btn-one,.text-btn-two){display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;height:100%;line-height:1.5;padding:11px 17px}
#mfz-tools .main-btn-two .arrow-btn{height:auto;min-height:44px;align-self:stretch}
#mfz-tools .main-btn-two :is(.arrow-one,.arrow-two){display:flex;align-items:center;justify-content:center;height:100%;min-height:44px}
#mfz-tools :is(.mfz-enquiry-head,.mfz-enquiry-actions){flex-wrap:wrap}
#mfz-tools :is(.mfz-batch-kind,.mfz-fan-link){overflow-wrap:anywhere;hyphens:auto}
@container mf-converter (max-width:600px){
  #mfz-tools:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) :is(.mfz-batch-source,.mfz-batch-result){grid-template-columns:minmax(0,1fr);row-gap:5px}
  #mfz-tools:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .mfz-row-error{grid-column:1/-1}
  #mfz-tools .mfz-supported-units col:first-child{width:40%}
  #mfz-tools:lang(zh) .mfz-supported-units col:first-child{width:84px}
}

#mfz-tools [data-enquiry-recipient]{direction:ltr;unicode-bidi:isolate}
#mfz-tools:dir(rtl) .mfz-batch-output:not([data-state=valid]){direction:rtl}

/* Locale-aware numeric text inputs use the same style as legacy number inputs. */
#mfz-tools input[data-mf-number]{font-variant-numeric:tabular-nums;font-size:17px;direction:ltr;unicode-bidi:isolate;text-align:left}
@container mf-converter (max-width:600px){#mfz-tools input[data-mf-number]{font-size:16px}}

/* RTL-only details: Arabic prose stays RTL; engineering values remain LTR. */
#mfz-tools:dir(rtl) .mfz-supported-units td{unicode-bidi:normal}
#mfz-tools .mfz-unit{display:inline-block;white-space:nowrap}
#mfz-tools .mfz-unit-item{display:inline-block;white-space:nowrap}
#mfz-tools:dir(rtl) a.mfz-enquiry-mail{direction:rtl}
#mfz-tools:dir(rtl) :is(a.mfz-enquiry-mail,a.mfz-contact-link)>span[aria-hidden]{display:inline-block;scale:-1 1}
#mfz-tools:dir(rtl) .mfz-batch-print-result tbody td{direction:ltr;unicode-bidi:isolate;text-align:left}
#mfz-tools:dir(rtl) .mfz-batch-print-result thead th:not(:first-child){text-align:left}


/* Standalone CMS page: match the existing site container without changing content. */
body > #mfz-tools:is(.mf-tools-zh,.mf-tools) {
  padding: 56px 15px 64px;
  background: #fff;
}
@media (min-width:1200px) {
  body > #mfz-tools:is(.mf-tools-zh,.mf-tools) {
    padding-inline: max(15px, calc((100% - 1170px) / 2 + 15px));
  }
}
@media (max-width:767px) {
  body > #mfz-tools:is(.mf-tools-zh,.mf-tools) {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}

/* The site enhances every select. This calculator must retain native controls:
   shortcuts and swaps set the native value directly, so its displayed unit is authoritative. */
#mfz-tools select { display: block !important; height: 46px !important; }
#mfz-tools .mfz-result-group > select { height: 44px !important; }
#mfz-tools .nice-select { display: none !important; }

@media print {
  body > #mfz-tools:is(.mf-tools-zh,.mf-tools) { padding: 0; }
  body:has(> #mfz-tools) > :not(#mfz-tools) { display: none !important; }
}
