:root{font:17px/1.6 system-ui,sans-serif;color:#183047;background:#f6f5ef;--teal:#087e77;--line:#cbd8d5}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:24px}header,nav,.row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}header{justify-content:space-between;border-bottom:1px solid var(--line)}a{color:#155a78}h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.1;letter-spacing:-.04em;max-width:850px}h2{line-height:1.2}.lead{max-width:760px;font-size:1.2rem;color:#4b6272}.eyebrow{color:var(--teal);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card,.panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fffefb;margin:20px 0}.card{margin:0}.card h2{font-size:1.3rem}.button,button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:10px 16px;min-height:44px;background:white;color:#183047;text-decoration:none}button.primary,.button.primary{background:var(--teal);color:white;border-color:var(--teal)}button:disabled{opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d18724;outline-offset:4px}input,select{font:inherit;max-width:100%;padding:10px;border:1px solid #9bafad;border-radius:8px}input[type=number]{width:110px}label{display:block}.equation{font:clamp(1.6rem,4vw,2.6rem)/1.5 Georgia,serif;text-align:center;padding:16px;background:#edf4f1;border-radius:12px;overflow-wrap:anywhere}.muted,small{color:#5e6c78}.feedback{padding:14px;border-left:4px solid var(--teal);background:#edf5ef}.error{border-color:#b34938;background:#fff1e8}.balance{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:8px;margin:16px 0}.pan{border:2px solid #bdcfc9;border-radius:16px;padding:20px;text-align:center;background:#f3f8f6;min-height:90px}.pan button{margin:3px;font-family:Georgia,serif}.operation{color:#af541f;font-size:1.15rem;text-align:center}.lab svg{max-width:100%;height:auto;display:block;margin:auto}.links{display:flex;flex-wrap:wrap;gap:14px}.graph-label{font-size:12px}.steps{color:#5e6c78}#storage{background:#fff0d1;padding:16px}footer{font-size:.85rem}summary{cursor:pointer;font-weight:600;padding:10px 0}@media(max-width:500px){header,main,footer{padding:16px}.panel{padding:16px}.balance{grid-template-columns:1fr 20px 1fr}.pan{padding:7px}.pan button{padding:8px}.row{gap:10px}}@media(prefers-reduced-motion:no-preference){.changed{animation:show .4s ease-out}@keyframes show{from{transform:translateY(-6px);opacity:.3}to{transform:none;opacity:1}}}

.operation,.pan{overflow-wrap:anywhere}.pan button{max-width:100%;white-space:normal}
label,input[type=file]{max-width:100%;min-width:0}