.tysc{max-width:1120px!important;margin:18px auto!important;font-family:'Segoe UI',Arial,sans-serif;color:#0f284d;overflow:visible!important}.tysc *{box-sizing:border-box}.tysc-layout{display:grid;grid-template-columns:minmax(320px,425px) minmax(0,1fr);gap:18px;align-items:start}.tysc .leftinput,.tysc .rightresult{float:none!important;width:auto!important;max-width:none!important;margin:0!important}.tysc .leftinput{padding:16px;background:#e1eff0;border:1px solid #0f284d;border-radius:5px}.tysc .rightresult{padding:0;background:transparent}.tysc h2{font-size:19px;margin:0 0 12px}.tysc .rightresult>h2{background:#228b22;color:#fff;padding:8px 12px;margin:0;border-radius:4px 4px 0 0}.tysc label{font-size:13px!important;color:#0f284d;display:block;font-weight:650;margin:0 0 9px}.tysc label small{font-weight:400}.tysc input,.tysc select{height:40px!important;width:100%!important;font-size:15px!important;border:1px solid #0f284d!important;border-radius:4px!important;padding:8px 10px!important;background:#fff;color:#0f284d!important;margin:5px 0 0!important}.tysc :is(button,input,select):focus-visible,.tysc :is(summary):focus-visible{outline:3px solid #228b22!important;outline-offset:2px}.tysc-row{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.tysc-hint{color:#536374;font-size:11px;line-height:1.4;margin:5px 0 11px}.tysc-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tysc-params[hidden],.tysc-computed[hidden],.tysc-error[hidden]{display:none!important}.tysc-pad{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:8px 0}.tysc .tysc-key{margin:0!important;min-width:0!important;min-height:39px;padding:5px 1px!important;font-size:13px!important;line-height:1.2;background:#fff!important;border:1px solid #c5d3d9!important;color:#0f284d!important;border-radius:4px!important;font-weight:600}.tysc .tysc-key:hover{background:#d4e5e9!important}.tysc-actions{display:flex;gap:8px}.tysc .tysc-actions .btn-style{width:50%!important;min-height:43px!important;margin:0!important;font-size:15px!important}.tysc .btn-calculate{background:#0f284d!important}.tysc .btn-reset{background:#4c4c4c!important}.tysc-rating{text-align:center;margin:9px auto 0}.tysc-error{color:#a61b1b;background:#fff0f0;border-left:4px solid #b52525;padding:9px;font-size:13px;margin:10px 0 0}.tysc-placeholder{border:1px solid #dae3e7;padding:17px;background:#fff;font-size:14px;color:#526170}.tysc-computed{padding:13px;border:1px solid #dce4e8;background:#fff}.tysc-answer-label{font-size:12px;color:#536374}.tysc-answer{display:block;font-size:clamp(22px,3.3vw,34px);font-weight:750;overflow-wrap:anywhere;color:#0f284d;margin:4px 0}.tysc-explanation{font-size:13px;line-height:1.5;color:#465365}.tysc-toolbar{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.tysc .tysc-toolbar button,.tysc .tysc-plot-controls button{background:#e1eff0!important;color:#0f284d!important;border:1px solid #bdcbd4!important;border-radius:4px!important;font-size:12px!important;padding:7px 10px!important;margin:0!important;width:auto!important;min-height:34px}.tysc-plot-box{border:1px solid #dde4e8;padding:8px;border-radius:4px;margin-top:12px}.tysc-plot-head{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px;font-size:13px}.tysc-plot-controls{display:flex;gap:4px}.tysc-plot{width:100%;height:auto;display:block;aspect-ratio:39/20;background:#fcfdff;border:1px solid #e1e6ec}.tysc-graph-description{font-size:12px;color:#475569;margin-top:6px;overflow-wrap:anywhere}.tysc-steps,.tysc-info details{font-size:13px;margin:12px 0;line-height:1.6}.tysc summary{cursor:pointer;font-weight:650}.tysc-info{margin:20px auto;max-width:910px;line-height:1.65;color:#26394e;font-size:14px}.tysc-info h2{font-size:18px;background:#e1eff0;border-left:4px solid #228b22;padding:8px 12px}.tysc-info details{border-bottom:1px solid #dce4e8;padding:9px 0}.tysc-info code{font-size:13px}.tysc-results{scroll-margin-top:80px}@media(max-width:780px){.tysc-layout{grid-template-columns:1fr}.tysc .leftinput,.tysc .rightresult{width:100%!important;max-width:none!important}.tysc .tysc-key{min-height:40px!important}.tysc{padding:0 8px!important}}@media(max-width:420px){.tysc .leftinput{padding:11px}.tysc .tysc-key{font-size:12px!important}.tysc-row{grid-template-columns:1fr 1fr}}@media print{.tysc .leftinput,.tysc .tysc-toolbar,.tysc .tysc-plot-controls,.tysc-info{display:none!important}.tysc-layout{display:block}.tysc .rightresult{width:100%!important}.tysc .tysc-plot{max-width:100%}}
