.typrop{max-width:850px;margin:25px auto;font-family:'Segoe UI',Arial,sans-serif;color:#0f284d;overflow:visible}.typrop *{box-sizing:border-box}.typrop .typrop-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.typrop .leftinput,.typrop .rightresult{float:none!important;width:auto!important;max-width:none!important;margin:0!important}.typrop .typrop-input{background:#e1eff0;border:1px solid #0f284d;border-radius:3px;padding:16px}.typrop .rightresult{background:transparent;padding:0}.typrop .typrop-input h2{font-size:18px;text-align:center;margin:0 0 12px;color:#0f284d}.typrop .typrop-results>h2{background:#228b22;color:#fff;padding:7px;font-size:18px;text-align:center;margin:0 0 10px}.typrop label{font-size:12px!important;font-weight:600!important;color:#0f284d!important;margin-bottom:4px;display:block}.typrop select,.typrop input[type=text]{display:block;width:100%;height:40px!important;min-height:40px;padding:8px 10px!important;border:1px solid #0f284d!important;border-radius:2px!important;background:#fff;color:#0f284d;font-size:14px!important;line-height:1.3!important}.typrop :is(input,select,button,summary):focus-visible{outline:3px solid #228b22;outline-offset:2px}.typrop .typrop-field{min-width:0}.typrop .typrop-form>.typrop-field{margin-bottom:10px}.typrop .typrop-hint{font-size:12px;line-height:1.4;margin:8px 0;color:#3c526a}.typrop fieldset{min-width:0;margin:10px 0;padding:12px 8px;border:1px solid #9db0c4}.typrop legend{font-size:12px;font-weight:700;padding:0 5px}.typrop-equation{display:flex;align-items:center;justify-content:center;gap:13px}.typrop-ratio{min-width:0;width:42%;max-width:145px;display:grid;gap:5px;text-align:center}.typrop-ratio label{text-align:center}.typrop-fracline{height:2px;background:#0f284d}.typrop-equals{font-size:24px;font-weight:700}.typrop .typrop-buttons{display:flex;gap:8px}.typrop .typrop-buttons .btn-style{width:50%!important;font-size:15px!important;padding:10px 7px!important;margin:0;height:auto}.typrop .typrop-error{color:#a11b1b;font-size:12px;min-height:18px;margin:6px 0}.typrop .typrop-ratings{text-align:center;margin:8px 0 0}.typrop .typrop-empty{font-size:13px;color:#4b5965;padding:15px;background:#f6f9fa}.typrop .typrop-answer{border-left:4px solid #228b22;padding:12px;background:#f3faf3;display:grid;gap:5px;font-size:12px}.typrop .typrop-answer strong{font-size:25px;color:#0f284d;overflow-wrap:anywhere}.typrop .typrop-answer span{line-height:1.5}.typrop .typrop-output h3{font-size:15px;margin:14px 0 7px;color:#0f284d}.typrop .typrop-output ol{padding-left:22px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.typrop .typrop-bars{display:grid;gap:8px}.typrop .typrop-chart-note{font-size:11px;color:#4d5863}.typrop .typrop-bar-row{display:grid;grid-template-columns:60px minmax(0,1fr) 76px;align-items:center;gap:6px;font-size:11px}.typrop .typrop-track{height:18px;display:flex;position:relative;background:#e3ecf1;border-radius:3px;overflow:hidden}.typrop .typrop-track:after{content:'';position:absolute;left:50%;top:0;height:100%;border-left:1px dashed #778797}.typrop .typrop-fill{position:absolute;height:100%;background:#228b22}.typrop .typrop-fill.is-alt{background:#0f284d}.typrop .typrop-bar-row>span:last-child{text-align:right;overflow:hidden;text-overflow:ellipsis}.typrop .typrop-action-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.typrop .typrop-action-row button{flex:1 1 80px;background:#0f284d;color:white;border:0;border-radius:2px;padding:9px 7px;font-size:12px;cursor:pointer;margin:0}.typrop .typrop-action-row button:hover{background:#228b22}.typrop .typrop-action-status{font-size:11px;min-height:15px;color:#276027}.typrop .typrop-article{padding:18px 20px;margin-top:22px;border:1px solid #dce4e9;background:#fff;font-size:14px;line-height:1.65}.typrop .typrop-article h2{font-size:18px;border-left:4px solid #228b22;background:#e1eff0;padding:8px;color:#0f284d}.typrop .typrop-article h3{font-size:16px;margin:18px 0 5px}.typrop .typrop-article details{border-bottom:1px solid #ddd;padding:10px 0}.typrop .typrop-article summary{cursor:pointer;font-weight:600}.typrop [hidden]{display:none!important}@media(max-width:720px){.typrop .typrop-layout{grid-template-columns:1fr}.typrop .typrop-input,.typrop .typrop-results{width:100%!important;max-width:none!important}.typrop .typrop-article{padding:14px}}@media print{body *{visibility:hidden!important}.typrop .typrop-results,.typrop .typrop-results *{visibility:visible!important}.typrop .typrop-results{position:absolute!important;top:0;left:0;width:100%!important}.typrop .typrop-action-row,.typrop .typrop-action-status{display:none!important}}