.tool-panel{border:1px solid #cdddeb;background:#f4f8fc;border-radius:16px;padding:28px;margin:0 0 40px}.tool-panel h2{margin-top:0}.tool-panel label{display:block;font-size:14px;font-weight:650;margin:0 0 6px}.tool-panel input,.tool-panel select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #acbfd1;border-radius:6px;padding:10px;background:white;color:#13263b;font:inherit}.tool-panel input:focus-visible,.tool-panel select:focus-visible,.tool-panel button:focus-visible{outline:3px solid #1776cc;outline-offset:3px}.tool-grid,.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;margin-bottom:16px}.tool-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;border-bottom:1px solid #d8e3ed;padding-bottom:16px}.cost-row{grid-template-columns:2fr 1fr 1fr auto}.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.tool-secondary{border:1px solid #53728e;border-radius:6px;padding:10px 14px;color:#173853;background:#fff;font:inherit;cursor:pointer;min-height:44px}.tool-secondary:hover{background:#e4edf5}.tool-result{background:white;border-left:4px solid #136cc0;margin-top:24px;padding:18px 22px;overflow-wrap:anywhere}.tool-result p:first-child{margin-top:0}.tool-result p:last-child{margin-bottom:0}.tool-result li{margin:8px 0}.tool-error{border-left-color:#a1371e;background:#fff4f0}.tool-number{display:block;font-size:clamp(1.35rem,3vw,2rem)}.tool-note{font-size:14px;line-height:1.6;color:#465d73}.check-items{list-style:none;padding:0}.check-item{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #d4e0eb}.check-item input{width:22px;min-height:22px}.check-item label{margin:0;font-weight:400}.check-item:has(input:checked) label{text-decoration:line-through;color:#4a6277}.tool-panel [hidden]{display:none!important}.tool-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.tool-links a{border:1px solid #cbdbea;padding:12px 18px;border-radius:8px;background:#fff}.footer nav{flex-wrap:wrap;gap:14px}.footer nav a{white-space:nowrap}
@media(max-width:780px){.tool-panel{padding:18px}.cost-row{grid-template-columns:1fr 1fr}.cost-row>div:first-child{grid-column:1/-1}.tool-row:not(.cost-row){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool-row>.tool-secondary{grid-column:1/-1;justify-self:start}.check-item{grid-template-columns:24px 1fr}.check-item button{grid-column:2;justify-self:start}.tool-grid{grid-template-columns:1fr}.nav{gap:12px}}

/* Keep native date controls usable on narrow phones. */
.tool-grid>div,.tool-row>div{min-width:0}
@media(max-width:420px){.tool-row:not(.cost-row){grid-template-columns:minmax(0,1fr)}}