:root{color-scheme:light;--background:#f3f6f8;--paper:#fff;--inset:#f7f9fb;--section:#dce7ef;--blue:#2d5474;--navy:#183b53;--ink:#203748;--muted:#526775;--line:#d8e1e7;--input:#8296a5;--orange:#ec7813;--warning:#9a4a08;--error:#b33d35;font-family:"Inter","Noto Sans SC","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;font-size:14px;line-height:1.6;color:var(--ink);background:var(--paper)}
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}body{min-width:280px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}a{color:var(--blue);text-decoration:none}button:disabled{cursor:not-allowed}button:disabled{background:#e8edf1;color:var(--muted);border-color:var(--line)}[hidden]{display:none!important}h1,h2,h3,strong{font-weight:600}h1{font-size:28px;line-height:1.35}h2{font-size:16px;line-height:1.5}h3{font-size:14px;line-height:1.6;font-weight:500}small{font-size:12px}button,input,select,textarea,summary,a{touch-action:manipulation}input,select,textarea{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:32px}.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-200%);background:var(--paper);padding:12px 16px;z-index:5}.skip-link:focus{transform:none}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:24px}.brand{display:flex;align-items:center;min-height:44px;padding-block:12px}.brand img{width:154px;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{display:flex;align-items:center;min-height:44px;color:var(--muted);position:relative;font-weight:500}.site-header nav a.active{color:var(--blue)}.active::after{content:"";height:2px;background:var(--blue);position:absolute;inset:auto 0 0}.test-band{background:var(--inset);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.test-band .container{display:flex;gap:16px;padding-block:10px}.test-label{flex:none;color:var(--blue);font-weight:500}.intro{padding-top:32px;padding-bottom:24px}.chapter{font-size:13px;font-weight:500;line-height:1.5;display:flex;align-items:center;gap:8px;margin-bottom:12px}.chapter::before{content:"";height:14px;width:3px;background:var(--orange);flex:none}.lead{margin-top:12px;max-width:720px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:24px;align-items:stretch;padding-bottom:40px;scroll-margin-top:24px}.input-panel{background:var(--inset);padding:24px;border-top:3px solid var(--blue);min-width:0}.result-panel{background:var(--paper);border-top:3px solid var(--blue);padding:24px;min-width:0}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.step,.mode{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.mode.pending{color:var(--warning)}.field{margin-top:20px;min-width:0}label{display:block;font-size:13px;font-weight:500;line-height:1.5}input,select,textarea{display:block;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--input);border-radius:4px;background:var(--paper);font-size:16px;line-height:1.5;margin-top:8px;font-variant-numeric:tabular-nums}textarea{resize:vertical}input:disabled{opacity:1;background:#eef2f5;border-color:var(--line);color:var(--muted)}input::placeholder,textarea::placeholder{font-size:14px;color:var(--muted)}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hint{font-size:12px;line-height:1.65;color:var(--muted);margin-top:8px}.draft-kit{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.draft-kit strong{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-top:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:10px 16px;border:1px solid var(--blue);border-radius:4px;font-size:14px;font-weight:500;line-height:1.6;min-height:44px;transition:background-color 140ms,border-color 140ms}.button.primary{background:var(--blue);color:var(--paper);min-height:48px}.button.primary:hover:enabled{background:#21415d}.button.primary:disabled{background:#e8edf1;color:var(--muted);border-color:var(--line)}.button.secondary{background:var(--paper);color:var(--blue)}.button.secondary:hover:enabled{background:var(--inset)}.button.secondary:disabled{color:var(--muted);border-color:var(--line);background:var(--inset)}.button.full{width:100%;justify-content:space-between;margin-top:24px}.bounds{margin-top:12px}.error{font-size:13px;margin-top:8px;color:var(--error);overflow-wrap:anywhere}[aria-invalid="true"]{border-color:var(--error)}.result-context{font-size:14px;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}.result-status{font-size:12px;line-height:1.6;margin:0;color:var(--muted);min-width:0;max-width:100%;overflow-wrap:anywhere}.result-status.pending{color:var(--warning)}.quantity-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:20px;font-variant-numeric:tabular-nums}.quantity-table th,.quantity-table td{padding:12px 12px;border-bottom:1px solid var(--line);text-align:right;overflow-wrap:anywhere}.quantity-table thead th{font-size:13px;background:var(--inset);color:var(--muted);font-weight:500;line-height:1.5}.quantity-table thead small{display:block;margin-top:4px;font-weight:400}.quantity-table th:first-child{width:32%;text-align:left}.quantity-table tbody th{font-size:14px;font-weight:400}.quantity-table td{font-size:16px;font-weight:500;line-height:1.6}.quantity-table tfoot th{font-size:14px;color:var(--muted);font-weight:400}.quantity-table tfoot td{font-size:16px}.kit-section,.weight-section{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.value-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px;color:var(--muted);font-size:13px}.value-line>*{min-width:0;overflow-wrap:anywhere}.value-line strong{font-size:16px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.result-actions{margin-top:24px}.references{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}summary{padding-block:12px;min-height:44px;font-size:13px;color:var(--blue);font-weight:500;overflow-wrap:anywhere}summary::marker{font-size:11px}.records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.records section{min-width:0}.records dl{margin:8px 0 0}.records dl div{padding-block:8px;border-bottom:1px solid var(--line)}.records dt{font-size:12px;color:var(--muted)}.records dd{font-size:13px;margin:4px 0 0;overflow-wrap:anywhere}.rules{background:var(--section);padding-block:32px;scroll-margin-top:24px}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:24px}.rule-grid p,.scope p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.8}.scope{border-top:1px solid #b9cbd8;padding-top:8px;margin-top:24px}.contact{background:var(--navy);color:#edf4f8;padding-block:24px;scroll-margin-top:16px}.contact-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.contact-button{color:#edf4f8;border-color:#9bb2c2;background:transparent}.contact-button:hover{background:#254b66}.contact .button:focus-visible,.contact input:focus-visible,.contact select:focus-visible,.contact textarea:focus-visible,.contact .text-button:focus-visible{outline-color:#b7d8ee}.channel-note,.contact .hint{font-size:12px;color:#c6d6e1;line-height:1.7}.channel-note{margin-top:8px}.contact .error{color:#ffb5aa}.contact .field input,.contact .field select,.contact textarea{color:var(--ink)}.inquiry-form{border-top:1px solid #47677e;margin-top:20px;padding-top:4px}.inquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.wide{grid-column:1/-1}.quantity-unit{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px}.inquiry-form>.button{margin-top:16px}.reference-block{margin-top:24px;padding:16px;background:#23485f;border-left:2px solid #91b9d4}.reference-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.text-button{border:0;background:none;color:#e4f0f8;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0;font-size:13px}.reference-text{white-space:pre-wrap;font-size:13px;line-height:1.9;overflow-wrap:anywhere;margin-top:8px}.form-status{font-size:13px;color:#e4f0f8}.form-status:not(:empty){margin-top:12px}.inquiry-preview{border-top:1px solid #47677e;padding-top:20px;margin-top:24px}.inquiry-preview textarea{font-size:14px;line-height:1.8;background:#f7f9fb}.inquiry-preview button{margin-top:12px}.site-footer{background:var(--inset);padding-block:24px;font-size:12px;color:var(--muted)}.site-footer .container{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"company slogan" "registration registration";gap:12px 24px}.site-footer strong{font-weight:500;color:var(--ink)}.site-footer p{margin-top:4px}.runtime-error{padding:20px;color:var(--error);background:var(--inset)}
@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1fr)}.result-panel{padding:20px}.quantity-table{margin-top:16px}.intro{padding-top:24px}.site-header nav{gap:24px}}
@media(max-width:600px){.container{padding-inline:20px}.header-inner{min-height:76px;gap:16px;flex-wrap:wrap;padding-block:12px}.brand{padding:0}.brand img{width:130px}.site-header nav{gap:20px;flex-wrap:wrap}.site-header nav a{font-size:13px}.test-band .container{display:block}.test-label{display:block;margin-bottom:4px}h1{font-size:24px}.intro{padding-bottom:24px}.workspace{gap:24px;padding-bottom:32px}.input-panel{padding:20px}.field-pair,.records,.rule-grid,.inquiry-grid{grid-template-columns:minmax(0,1fr);gap:0}.records{gap:20px}.rule-grid{gap:24px}.quantity-table th,.quantity-table td{padding:12px 8px}.rules{padding-block:24px}.contact{padding-block:20px}.contact-head{align-items:flex-start;gap:16px;flex-wrap:wrap}.site-footer .container{grid-template-columns:minmax(0,1fr);grid-template-areas:"slogan" "company" "registration";gap:12px}.button{max-width:100%}.result-context{line-height:1.8}.inquiry-grid .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.weight-section .value-line{margin-top:0;padding:12px 12px;font-size:14px;font-weight:400;line-height:1.6;color:var(--ink)}.weight-section .value-line strong{line-height:1.6}.weight-total{border-top:1px solid var(--line)}#model-note{margin-top:16px}#records dd{word-break:break-word}
@media(max-width:600px){.weight-section .value-line{padding-inline:8px}}
.input-panel .field{margin-top:16px}.input-panel input,.input-panel select{min-height:48px}.result-panel .weight-section{margin-top:24px;padding-top:24px}.result-actions .button{min-height:48px;width:100%;justify-content:space-between}
#rules-title{font-size:16px;font-weight:600;line-height:1.5}
.result-heading{font-size:16px;font-weight:600;line-height:1.5;color:var(--ink)}
.result-unit{font-size:12px;font-weight:400;line-height:1.5;color:var(--muted);white-space:nowrap}
.hint,.channel-note,.contact .hint{line-height:1.6}
#calculator-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23526775%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4.5%206.25%203.5%203.5%203.5-3.5%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:40px}
@media(min-width:801px){
  @supports(grid-template-rows:subgrid){
    .workspace{grid-template-rows:auto auto auto;row-gap:0}
    .input-panel,.result-panel{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3}
    .input-panel{grid-column:1}.result-panel{grid-column:2}
    #calculator-form{display:contents}
    .input-content,.result-content{grid-row:1}
    #calculate,.result-actions{grid-row:2;align-self:start}
    .bounds{grid-row:3;margin-top:8px;align-self:start}
    .result-footer{grid-row:3;padding-top:8px;align-self:start}
    .result-footer>.hint{margin-top:0}
  }
}
.site-footer .footer-slogan{grid-area:slogan;align-self:center;font-size:14px;font-weight:400;line-height:1.6}

.consultation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.contact .channel-note{max-width:760px;font-size:13px;line-height:1.8;color:#c6d6e1}
#calculation-copy-text{font-size:13px;line-height:1.8}
#calculation-copy-status:empty{margin-top:0}

.site-footer .footer-company{grid-area:company}
.site-footer .footer-registration{grid-area:registration;margin:0;padding-top:12px;border-top:1px solid var(--line)}
.site-footer .footer-registration a{color:inherit;font-weight:400}
.site-footer .footer-registration a:hover{text-decoration:underline;text-underline-offset:3px}

/* Shared SVG arrow: fixed geometry, independent of platform fonts. */
.arrow-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h10M8%203l5%205-5%205%22%2F%3E%3C%2Fsvg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h10M8%203l5%205-5%205%22%2F%3E%3C%2Fsvg%3E") center/16px 16px no-repeat}
.arrow-icon--up-right{transform:rotate(-45deg)}
.arrow-icon--left{transform:rotate(180deg)}
.arrow-icon--up{transform:rotate(-90deg)}
.arrow-icon--down{transform:rotate(90deg)}

/* Mobile registration hit area; keep the visible footer geometry unchanged. */
@media(max-width:600px){.site-footer .footer-registration a{position:relative}.site-footer .footer-registration a::after{content:"";position:absolute;left:0;right:0;top:50%;height:32px;transform:translateY(-50%)}}