
.tool-card{background:#ffffff;color:#1e2a32;border:1px solid #d5dde3;border-left:6px solid #e5a100;border-radius:14px;padding:22px;margin:20px 0}
.tool-form{display:grid;gap:16px}
.tool-form label{display:block;font-weight:700;margin-bottom:6px;color:#0f3b5c}
.tool-form select{width:100%;min-height:48px;padding:12px 14px;font-size:1.05rem;border:2px solid #b9c4cc;border-radius:8px;background:#ffffff;color:#1e2a32}
.tool-form select:focus{outline:3px solid #e5a100;outline-offset:2px}
.tool-btn{display:inline-block;background:#0f3b5c;color:#ffffff;font-weight:700;font-size:1.05rem;padding:14px 24px;border:0;border-radius:8px;cursor:pointer}
.tool-btn:hover{background:#0a2c46}
.tool-btn:focus{outline:3px solid #e5a100;outline-offset:2px}
.tool-error{color:#8b1a1a;font-weight:700}
.tool-result{background:#ffffff;color:#1e2a32;border:1px solid #d5dde3;border-radius:14px;padding:22px;margin-top:20px}
.tool-result h3{color:#0f3b5c;margin-top:0}
.tool-range{font-size:1.6rem;font-weight:800;color:#0f3b5c}
.tool-bar{width:100%;height:auto}
@media (min-width:700px){.tool-form{grid-template-columns:1fr 1fr}.tool-form .tool-btn{grid-column:1 / -1;justify-self:start}}
