.tdc-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid #111;border-radius:50%;font-size:11px;font-weight:800;margin-left:6px;cursor:help;position:relative;color:#111;background:#fff}
.tdc-help:hover:after,.tdc-help:focus:after{content:attr(data-help);position:absolute;z-index:30;left:50%;top:24px;transform:translateX(-50%);width:min(270px,75vw);padding:10px 12px;background:#111;color:#fff;border-radius:10px;font-size:12px;line-height:1.4;font-weight:500;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.pro-source-note{margin:18px 0 0;padding:14px 16px;border-left:4px solid #23923f;background:#f2fbf4;border-radius:10px;color:#111}
.pro-formula{margin-top:18px;padding:16px;border:1px solid #dce7de;border-radius:14px;background:#fff}
.pro-formula strong{display:block;margin-bottom:5px;color:#111}
.pro-formula code{white-space:normal;color:#1f7e35;background:#f5faf6;padding:2px 5px;border-radius:5px}

.tdc-basic-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:560px;margin:18px 0 24px}.tdc-basic-keypad button{min-height:58px;border:1px solid #d8e2da;border-radius:14px;background:#fff;color:#111;font-size:20px;font-weight:800;cursor:pointer}.tdc-basic-keypad button:hover{border-color:#23923f;background:#f4fbf5}.tdc-basic-keypad .op,.tdc-basic-keypad .equals{background:#23923f;color:#fff;border-color:#23923f}.tdc-basic-keypad .equals{font-size:25px}