/* Entire tool scoped to .tyf. Shared ToolYak CSS remains unmodified. */
.tyf{--tyf-navy:#0F284D;--tyf-blue:#e1eff0;--tyf-green:#228B22;--tyf-muted:#526173;max-width:940px;margin:20px auto;font-family:'Segoe UI',Arial,sans-serif;color:#0F284D;font-size:14px;overflow:visible}
.tyf *{box-sizing:border-box}.tyf [hidden]{display:none!important}.tyf-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px;align-items:start}.tyf .leftinput,.tyf .rightresult{float:none;width:auto;max-width:none;margin:0;box-sizing:border-box}.tyf .tyf-input{padding:18px;background:var(--tyf-blue);border:1px solid var(--tyf-navy);border-radius:5px}.tyf .tyf-result{padding:0;background:none;min-width:0}.tyf .tyf-input h2,.tyf .tyf-result h2{font-size:19px;line-height:1.3;font-weight:700;margin:0 0 13px;text-align:center}.tyf .tyf-result h2{background:var(--tyf-green);color:#fff;padding:10px;border-radius:4px}.tyf label{font-size:12px;font-weight:650;line-height:1.4;color:var(--tyf-navy);display:block;margin-bottom:5px}.tyf input,.tyf select{width:100%;height:42px;min-height:42px;padding:8px 11px;font:500 16px/1.25 'Segoe UI',Arial,sans-serif;border:1px solid #74869b;border-radius:4px;color:var(--tyf-navy);background:#fff;box-shadow:none}.tyf :is(input,select,button,summary):focus-visible{outline:3px solid #65a7e4;outline-offset:2px}.tyf-entry{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0 13px;flex-wrap:wrap}.tyf-operand{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;flex:1 1 90px;max-width:144px}.tyf-operand .tyf-whole-wrap{width:100%}.tyf-pair{width:100%;display:flex;flex-direction:column;gap:3px}.tyf-pair label{margin:0;text-align:center;font-size:11px}.tyf-pair input{text-align:center;margin-top:4px;font-size:17px;font-weight:700}.tyf-rule{height:3px;width:100%;background:var(--tyf-navy);border-radius:5px;margin:3px 0}.tyf-operation-wrap{width:64px;flex:0 0 64px;text-align:center}.tyf .tyf-operation-wrap select{text-align:center;font-size:20px;font-weight:700;padding:2px}.tyf-label{display:block;font-size:11px;margin-bottom:4px}.tyf-decimal-wrap{width:100%}.tyf-decimal-wrap .tyf-hint{display:block;color:#526173;font-size:11px;margin-top:5px}.tyf-precision-wrap{display:grid;grid-template-columns:1fr 145px;gap:10px;align-items:center}.tyf-precision-wrap label{margin:0}.tyf-actions{display:flex;gap:9px;margin-top:14px}.tyf .tyf-actions .btn-style{flex:1;width:auto;height:43px;margin:0;padding:10px;font-size:15px;font-weight:700;border-radius:4px;border:0;cursor:pointer}.tyf .tyf-submit{background:var(--tyf-navy)!important;color:#fff}.tyf .tyf-reset{background:#4c4c4c!important;color:#fff}.tyf .tyf-error{background:#fff0f0;color:#8e2020;border-left:4px solid #bb2929;padding:10px;font-size:13px;margin-top:11px}.tyf-placeholder{border:1px dashed #aebec7;background:#f7fafb;padding:26px 16px;text-align:center;color:#4b5d68;line-height:1.6}.tyf-answer-card{border-left:5px solid var(--tyf-green);background:#fff;box-shadow:0 2px 9px #0f284d14;padding:13px 15px}.tyf-overline{display:block;color:#5a6875;font-size:12px;margin-bottom:7px}.tyf-answer{display:flex;justify-content:center;align-items:center;gap:15px;min-height:68px;color:var(--tyf-navy);font-size:28px;font-weight:750;overflow-wrap:anywhere}.tyf-fraction{display:inline-flex;flex-direction:column;min-width:48px;text-align:center;font-size:26px;line-height:1.2}.tyf-fraction span:first-child{border-bottom:3px solid currentColor;padding:0 6px 4px}.tyf-fraction span:last-child{padding:4px 6px 0}.tyf-mixed{text-align:center;font-size:13px;margin-top:8px;color:#43576c;overflow-wrap:anywhere}.tyf-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.tyf-facts>div{padding:10px;border:1px solid #dbe4ea;background:#f7f9fa;min-width:0}.tyf-facts small{display:block;color:#526173;font-size:11px}.tyf-facts strong{display:block;font-size:17px;color:var(--tyf-navy);overflow-wrap:anywhere;margin-top:3px}.tyf-result-actions{display:flex;gap:7px;margin-top:9px}.tyf .tyf-result-actions button{flex:1;margin:0;background:#fff;color:var(--tyf-navy);border:1px solid var(--tyf-navy);border-radius:4px;padding:9px;font-size:12px;font-weight:650;cursor:pointer}.tyf-status{font-size:12px;color:#215b21;min-height:16px;margin:5px 0}.tyf-steps,.tyf-graph{background:#fff;border:1px solid #d9e2e8;margin-top:9px;padding:11px;border-radius:4px}.tyf summary{font-weight:700;cursor:pointer}.tyf-step-list{margin:10px 0 0;padding-left:21px;color:#34465a;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.tyf-graph h3{font-size:15px;margin:0 0 7px;color:var(--tyf-navy)}.tyf-graph-note{margin:0 0 9px;color:#526173;font-size:12px}.tyf-diagrams{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tyf-diagram-set{flex:0 1 124px;text-align:center}.tyf-diagram-set svg{width:104px;height:104px;display:block;margin:auto}.tyf-bar{display:flex;min-height:20px;border:1px solid var(--tyf-navy);margin:7px auto 3px;max-width:120px}.tyf-bar span{flex:1;background:var(--tyf-blue);border-right:1px solid #a6b9c8}.tyf-bar span:last-child{border-right:0}.tyf-bar span.is-filled{background:var(--tyf-green)}.tyf-diagram-set small{font-weight:700;font-size:12px}.tyf button:hover{filter:brightness(.95)}
@media(max-width:760px){.tyf{max-width:540px;margin:12px auto;padding:0 10px}.tyf-layout{grid-template-columns:1fr;gap:12px}.tyf .tyf-input{padding:14px}.tyf .tyf-operand{max-width:155px}.tyf .tyf-answer{font-size:24px}}
@media(max-width:360px){.tyf-entry{gap:6px}.tyf-operand{flex-basis:75px}.tyf-operation-wrap{flex-basis:49px;width:49px}.tyf .tyf-operation-wrap select{font-size:17px}.tyf-facts strong{font-size:14px}}
@media print{body *{visibility:hidden!important}.tyf.tyf-print-active,.tyf.tyf-print-active *{visibility:visible!important}.tyf.tyf-print-active{position:absolute;left:0;top:0;width:100%;max-width:none}.tyf.tyf-print-active .tyf-input,.tyf.tyf-print-active .tyf-result-actions{display:none!important}.tyf.tyf-print-active .tyf-layout{display:block}.tyf.tyf-print-active .tyf-result{width:100%}.tyf.tyf-print-active .tyf-steps{break-inside:avoid}}

/* Equation-like explanation: responsive and screen-reader friendly. */
.tyf .tyf-step-list{margin:12px 0 2px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 8px;line-height:1.3;color:var(--tyf-navy);font-size:16px;overflow-wrap:anywhere}
.tyf .tyf-equation{display:flex;align-items:center;flex-wrap:wrap;gap:10px 8px;width:100%;border-bottom:1px solid #e7edf0;padding:9px 2px}
.tyf .tyf-equation:last-child{border:0}
.tyf .tyf-eq-op{font-weight:750;font-size:19px;white-space:nowrap}
.tyf .tyf-eq-frac{display:inline-flex;flex-direction:column;align-items:stretch;vertical-align:middle;line-height:1.3;min-width:32px;max-width:100%;font-variant-numeric:tabular-nums;text-align:center;font-size:17px;font-weight:650}
.tyf .tyf-eq-top{padding:0 5px 4px;border-bottom:2px solid var(--tyf-navy);overflow-wrap:anywhere}
.tyf .tyf-eq-bottom{padding:4px 5px 0;overflow-wrap:anywhere}
.tyf .tyf-eq-word{font-weight:650;font-size:16px}
.tyf .tyf-equation-note{font-size:12px;color:#465e6d;line-height:1.5;margin:4px 0 7px}
.tyf .tyf-rating{display:block;text-align:center;margin:8px 0;padding:0;background:transparent;border:0;border-radius:0;max-width:none;clear:both}
@media(max-width:480px){.tyf .tyf-equation{gap:7px 6px}.tyf .tyf-eq-frac{font-size:15px}.tyf .tyf-eq-op{font-size:17px}}
@media print{.tyf.tyf-print-active .tyf-rating{display:none!important}}

/* Keep result visible below common sticky headers after Calculate. */
.tyf .tyf-result{scroll-margin-top:90px}