.metal-page [hidden]{display:none!important}
.metal-page .hero-shell{padding:24px 28px}
.metal-page h1{margin:0 0 10px;font-size:clamp(29px,3.4vw,44px)}
.metal-page .lead{margin:0;max-width:960px}
.metal-page .calculator-layout{align-items:start}
.metal-page .field{display:grid;gap:8px;margin-bottom:16px;min-width:0}
.metal-page .label-row{font-weight:700;color:var(--ink-strong)}
.metal-page .input,.metal-page .select{width:100%;min-width:0}
.metal-page .select{font-size:14px}
.metal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.metal-unit-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}
.metal-page .hint,.metal-note{font-size:14px;line-height:1.6;color:var(--muted)}
.metal-note{padding:12px 14px;background:var(--warm-soft);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}
.metal-actions{display:flex;gap:10px;flex-wrap:wrap}
.metal-actions .button{min-height:46px}
.metal-page .button:disabled{opacity:.55;cursor:default}
.metal-main{padding:18px;margin:18px 0;background:var(--pearl-soft);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:inset 3px 3px 8px rgba(85,108,91,.14),inset -3px -3px 8px rgba(249,252,245,.6)}
.metal-main span{display:block;font-weight:700}
.metal-main strong{display:block;margin-top:10px;font-size:clamp(28px,3.3vw,42px);line-height:1.35;color:var(--ink-strong);overflow-wrap:anywhere}
.metal-solution{padding:26px;min-width:0}
.metal-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}
.metal-table th,.metal-table td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line-strong);vertical-align:top;overflow-wrap:anywhere}
.metal-table th{width:55%}
.metal-table caption{text-align:left;font-weight:700;margin:12px 0}
#metal-equation{line-height:1.7;overflow-wrap:anywhere}
#metal-copy-area{margin-top:18px}
#metal-copy-text{display:block;width:100%;margin-top:8px;resize:vertical}
#metal-message{font-weight:650;color:var(--ink-strong);overflow-wrap:anywhere}
.metal-page .seo-article{max-width:none}
.metal-page .seo-article p,.metal-page .seo-article li{line-height:1.7}
.metal-faq details{padding:14px 0;border-bottom:1px solid var(--line-strong)}
.metal-faq summary{cursor:pointer;font-weight:700;line-height:1.6}
.metal-faq summary:focus-visible{outline:2px solid var(--ink-strong);outline-offset:4px;border-radius:4px}
@media(max-width:640px){.metal-page .hero-shell,.metal-solution{padding:20px}.metal-grid{grid-template-columns:1fr}.metal-actions .button{flex:1 1 160px}.metal-main{padding:15px}.metal-unit-row{grid-template-columns:minmax(0,1fr) 108px}}