/* SVG_ICON_DETAILS.md — only icon and vector rendering refinements. */
.mini-icon{width:16px;height:16px;margin-right:8px;vertical-align:-3px;stroke-width:1.8}
.eye{width:34px;height:24px;color:#126ff0;stroke:#082044;stroke-width:1.75}
.eye use{color:#126ff0}

.common-conversions h3 span,.formula-box h3 span{
  display:inline-grid;
  place-items:center;
  width:27px;
  height:27px;
  margin-right:8px;
  border-radius:50%;
  vertical-align:middle;
}
.common-conversions h3 span{background:#f5b840;color:#fff}
.common-conversions h3 span svg{width:16px;height:16px;vertical-align:0;stroke-width:1.8}
.formula-box h3 span{width:22px;height:22px;background:#1677f2;color:#fff}
.formula-box h3 span svg{width:14px;height:14px;vertical-align:0;stroke-width:1.9}

.formula-title h2{gap:7px}
.formula-title .how-globe{width:14px;height:14px;color:var(--navy);stroke-width:1.7;flex:none}
.formula-title a{display:inline-flex;align-items:center;gap:5px}
.formula-link-arrow{width:14px;height:14px;stroke-width:1.65}

.input-unit,.split-input{position:relative}
.custom-stepper{position:absolute;z-index:2;display:grid;place-items:center;width:26px;height:35px;pointer-events:none;color:#526985;background:#fff}
.custom-stepper svg{width:13px;height:20px;stroke-width:1.65}
.input-unit .custom-stepper{right:34px;top:0;border-left:1px solid #e1e9f2}
.split-input .custom-stepper{right:95px;top:1px;border-left:1px solid #e1e9f2}
#width,#height{padding-right:38px}
#diagonal,#distance{padding-right:34px}

.metrics dt svg{stroke-width:1.8}
.swap svg{stroke-width:1.9}
.button-icon{stroke-width:1.9}