.tylease{--tl-navy:#0f284d;--tl-green:#228b22;--tl-pale:#e1eff0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:12px;max-width:880px!important;margin:16px auto!important;align-items:start;overflow:visible!important;font-family:'Segoe UI',Arial,sans-serif;box-sizing:border-box}
.tylease *, .tylease *::before,.tylease *::after{box-sizing:border-box}
.tylease .tylease-main,.tylease .tylease-result{float:none!important;width:100%!important;max-width:none!important;margin:0!important;min-width:0;padding:12px!important}
.tylease .tylease-main{background:var(--tl-pale);border:1px solid var(--tl-navy)}
.tylease h2{font-size:17px!important;line-height:1.25;margin:0 0 10px!important;text-align:center;color:var(--tl-navy)}
.tylease .tylease-result h2{background:var(--tl-green);color:white;padding:6px}
.tylease .tylease-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px}
.tylease .tylease-field{min-width:0}.tylease .tylease-wide{margin-bottom:8px}
.tylease label{display:block!important;font-size:11px!important;line-height:1.3;color:var(--tl-navy);font-weight:650;margin:0 0 3px!important}
.tylease input,.tylease select{display:block;width:100%!important;min-width:0;height:36px!important;min-height:36px!important;margin:3px 0 0!important;border:1px solid var(--tl-navy)!important;border-radius:2px!important;padding:5px 8px!important;font-family:inherit;font-size:16px!important;line-height:1.25;background:#fff;color:var(--tl-navy)}
.tylease select{font-size:13px!important}.tylease input:focus-visible,.tylease select:focus-visible,.tylease button:focus-visible,.tylease summary:focus-visible{outline:2px solid var(--tl-green)!important;outline-offset:2px}
.tylease [hidden]{display:none!important}.tylease .tylease-error{display:block;font-size:10px;color:#a11b1b;min-height:0}.tylease [aria-invalid="true"]{border-color:#b42318!important;background:#fff8f8}
.tylease .tylease-actions{display:flex;gap:7px;margin-top:8px}
.tylease .tylease-actions .btn-style{flex:1;min-width:0;width:auto!important;margin:0!important;padding:9px 5px!important;font-size:14px!important;line-height:1.2;cursor:pointer}
.tylease .tylease-feedback,.tylease .tylease-feedback-result{font-size:11px;color:#a11b1b;margin-top:5px;min-height:0}
.tylease .tylease-ratings{margin:7px 0 0;text-align:center}
.tylease .tylease-hero{background:#e1eff0;text-align:center;border-left:4px solid var(--tl-green);padding:10px 6px}
.tylease .tylease-hero span{display:block;font-size:12px;color:#41556c}.tylease .tylease-hero strong{font-size:28px;color:var(--tl-navy);line-height:1.25}
.tylease .tylease-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.tylease .tylease-metrics>div{padding:7px;border:1px solid #dce4ea;background:#fff;min-width:0}.tylease .tylease-metrics span{display:block;font-size:10px;color:#516173}.tylease .tylease-metrics b{display:block;font-size:15px;color:var(--tl-navy);overflow-wrap:anywhere}
.tylease .tylease-charts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tylease .tylease-chart{border:1px solid #dce4ea;padding:7px;min-width:0}.tylease h3{font-size:11px!important;text-align:center;margin:0 0 5px!important;color:var(--tl-navy)}
.tylease .tylease-donut{width:100px;height:100px;margin:0 auto;border-radius:50%;background:conic-gradient(var(--tl-green) 0 70%,var(--tl-navy) 70% 100%);position:relative}.tylease .tylease-donut::after{content:"";position:absolute;inset:22px;background:white;border-radius:50%}
.tylease .tylease-legend{display:grid;grid-template-columns:1fr auto;gap:3px;font-size:10px;margin-top:7px}.tylease .tylease-legend b{text-align:right}.tylease .tylease-line{display:block;width:100%;height:auto;max-height:170px}
.tylease .tylease-details{margin-top:9px;border:1px solid #dce4ea;padding:8px}.tylease summary{font-size:12px;font-weight:bold;color:var(--tl-navy);cursor:pointer}.tylease .tylease-formula{font-size:11px;line-height:1.5}.tylease .tylease-table-scroll{max-height:240px;overflow:auto}.tylease table{border-collapse:collapse;width:100%;font-size:10px}.tylease th,.tylease td{padding:5px;border-bottom:1px solid #e1e5ea;text-align:right;white-space:nowrap}.tylease th:first-child,.tylease td:first-child{text-align:left}.tylease th{position:sticky;top:0;background:var(--tl-navy);color:#fff}
.tylease .tylease-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.tylease .tylease-tools button{flex:1;background:var(--tl-navy);color:#fff;border:0;border-radius:2px;padding:8px 5px;cursor:pointer;font-size:11px;margin:0}
@media(max-width:700px){.tylease{grid-template-columns:minmax(0,1fr);max-width:420px!important;padding:0 6px!important}.tylease .tylease-main,.tylease .tylease-result{padding:9px!important}.tylease .tylease-grid{gap:5px 7px}.tylease input,.tylease select{height:34px!important;min-height:34px!important}.tylease .tylease-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:335px){.tylease .tylease-charts{grid-template-columns:1fr}.tylease .tylease-grid{gap:5px}}
@media print{body *{visibility:hidden!important}.tylease,.tylease .tylease-result,.tylease .tylease-result *{visibility:visible!important}.tylease{display:block!important;margin:0!important}.tylease .tylease-main,.tylease .tylease-tools{display:none!important}.tylease .tylease-result{position:absolute;left:0;top:0;width:100%!important}.tylease .tylease-table-scroll{max-height:none;overflow:visible}.tylease .tylease-details{display:block}.tylease .tylease-details>*{display:block!important}}