.tyratio {max-width:850px!important;overflow:visible!important;color:#0f284d;font-family:'Segoe UI',Arial,sans-serif}
.tyratio *{box-sizing:border-box}.tyratio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;align-items:start}
.tyratio .leftinput,.tyratio .rightresult{width:auto!important;float:none!important;max-width:none!important;margin:0!important}
.tyratio .leftinput{padding:18px!important;background:#e1eff0;border:1px solid #0f284d;border-radius:2px}
.tyratio .leftinput h2{font-size:18px;text-align:center;color:#0f284d;margin:0 0 12px}
.tyratio .rightresult{padding:0 0 12px!important;background:transparent}
.tyratio .rightresult>h2{margin:0 0 12px;padding:7px;background:#228b22;color:#fff;font-size:18px;text-align:center}
.tyratio label{display:block;font-size:12px!important;font-weight:600;margin-bottom:5px;color:#0f284d}
.tyratio .tyratio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tyratio .tyratio-field{min-width:0}.tyratio .tyratio-field.tyratio-wide{grid-column:1/-1}
.tyratio input,.tyratio select{width:100%!important;min-height:40px!important;height:40px!important;padding:8px 10px!important;border:1px solid #0f284d!important;border-radius:0!important;background:#fff!important;color:#0f284d!important;font-size:15px!important;line-height:1.25!important}
.tyratio input:focus-visible,.tyratio select:focus-visible,.tyratio button:focus-visible,.tyratio summary:focus-visible{outline:3px solid #228b22!important;outline-offset:2px}
.tyratio .tyratio-invalid{border-color:#b42318!important;box-shadow:0 0 0 1px #b42318!important}.tyratio .tyratio-field-error{font-size:11px;color:#a32020;margin:3px 0 0;min-height:0}
.tyratio .tyratio-hint{font-size:12px;line-height:1.5;margin:8px 0;color:#364653}
.tyratio .tyratio-general-error{font-size:12px;color:#a32020;background:#fae3e3;padding:7px;margin:10px 0}
.tyratio .tyratio-buttons{display:flex;gap:8px;margin-top:12px}.tyratio .tyratio-buttons .btn-style{width:50%!important;font-size:15px!important;padding:10px!important;margin:0!important;line-height:1.3!important;min-height:42px}
.tyratio .tyratio-ratings{text-align:center;margin:8px 0}
.tyratio .tyratio-empty{padding:12px;background:#e1eff0;border-left:4px solid #0f284d;font-size:13px}
.tyratio .tyratio-card{background:#fff;border-left:4px solid #228b22;padding:11px 12px;box-shadow:0 1px 5px #00000015;margin-bottom:10px;overflow-wrap:anywhere}
.tyratio .tyratio-card small{display:block;font-size:12px;color:#555}.tyratio .tyratio-primary{font-size:clamp(18px,2.5vw,26px);font-weight:700;color:#0f284d;line-height:1.3}
.tyratio .tyratio-details{font-size:13px;line-height:1.55;color:#293540;overflow-wrap:anywhere}
.tyratio .tyratio-chart{margin-top:14px}.tyratio .tyratio-chart h3{font-size:14px;color:#0f284d;margin:0 0 8px}
.tyratio .tyratio-chart-row{display:grid;grid-template-columns:72px 1fr 64px;align-items:center;gap:8px;font-size:12px;margin:8px 0}
.tyratio .tyratio-bar-track{height:17px;background:#e7edf0;overflow:hidden;border-radius:2px}.tyratio .tyratio-bar{height:100%;background:#0f284d}.tyratio .tyratio-chart-row:nth-child(even) .tyratio-bar{background:#228b22}
.tyratio .tyratio-chart-note{font-size:11px;color:#59616a}.tyratio .tyratio-result-actions{display:flex;gap:8px;flex-wrap:wrap}.tyratio .tyratio-result-actions[hidden]{display:none}
.tyratio .tyratio-result-actions button{font-size:12px!important;padding:8px 12px!important;background:#0f284d!important;color:white!important;border:0!important;border-radius:2px;cursor:pointer;margin:0!important}
.tyratio .tyratio-action-message{font-size:12px;color:#228b22}.tyratio .tyratio-info{max-width:none;margin-top:22px;padding:16px 20px}.tyratio .tyratio-info h2{font-size:18px}.tyratio .tyratio-info p,.tyratio .tyratio-info details{font-size:14px}.tyratio .tyratio-info details{margin:12px 0}.tyratio .tyratio-info summary{cursor:pointer;font-weight:600}
@media(max-width:680px){.tyratio-layout{grid-template-columns:1fr}.tyratio .leftinput,.tyratio .rightresult{width:100%!important;max-width:none!important}.tyratio .tyratio-chart-row{grid-template-columns:60px 1fr 58px}.tyratio .tyratio-info{padding:14px}}
@media print{body *{visibility:hidden!important}.tyratio .tyratio-results,.tyratio .tyratio-results *{visibility:visible!important}.tyratio .tyratio-results{position:absolute;left:0;top:0;width:100%!important}.tyratio .tyratio-result-actions,.tyratio .tyratio-action-message{display:none!important}.tyratio .tyratio-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Accessible numbered calculation explanations beside every answer. */
.tyratio .tyratio-steps{background:#fff;border:1px solid #d6e1e7;border-left:4px solid #0f284d;padding:11px 14px;margin:10px 0;}
.tyratio .tyratio-steps h3{font-size:15px;font-weight:700;color:#0f284d;margin:0 0 8px;}
.tyratio .tyratio-step-list{margin:0;padding-left:24px;color:#26394b;font-size:13px;line-height:1.65;}
.tyratio .tyratio-step-list li{padding:3px 0;overflow-wrap:anywhere;}
.tyratio .tyratio-step-list li::marker{color:#228b22;font-weight:700;}
@media print{.tyratio .tyratio-steps{break-inside:avoid;}}