.ot-load{--otl-border:#e5e7eb;--otl-muted:#667085;--otl-surface:#f8fafc;--otl-text:#18202a;--otl-primary:#1d4ed8;--otl-good:#15803d;--otl-good-bg:#f0fdf4;--otl-warn:#9a6700;--otl-warn-bg:#fffbeb;display:grid;gap:20px;max-width:1180px;margin:24px auto;font-family:inherit;color:var(--otl-text)}
.ot-load *{box-sizing:border-box}.otl-card{border:1px solid var(--otl-border);border-radius:16px;padding:20px;background:#fff;box-shadow:0 4px 18px rgba(16,24,40,.04)}.otl-kicker{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--otl-primary);margin-bottom:6px}.otl-card h2{margin:0 0 8px;font-size:28px;line-height:1.2}.otl-muted{color:var(--otl-muted);margin:0 0 18px;line-height:1.55}.otl-grid{display:grid;gap:14px}.otl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.otl-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.otl-field{display:grid;gap:7px}.otl-field>span{font-weight:650;font-size:14px}.otl-field small{font-weight:400;color:var(--otl-muted)}.otl-field input,.otl-field select{width:100%;min-height:44px;border:1px solid var(--otl-border);border-radius:10px;padding:9px 11px;background:#fff;color:var(--otl-text);font:inherit}.otl-field input:focus,.otl-field select:focus,.otl-row input:focus{outline:2px solid rgba(29,78,216,.14);border-color:var(--otl-primary)}.otl-info{margin:15px 0 0;padding:12px 14px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;color:#1e3a8a;font-size:13px;line-height:1.5}.otl-info strong{color:#1e40af}.otl-section-title{font-weight:750;font-size:16px;margin:20px 0 10px}.otl-compare{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:14px;font-weight:650}.otl-compare input{width:18px;height:18px;margin:0;accent-color:var(--otl-primary)}.otl-rows{display:grid;gap:8px}.otl-row-head,.otl-row{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(100px,.8fr) 120px 120px 42px;gap:8px;align-items:center}.otl-row-head{padding:0 8px;color:var(--otl-muted);font-size:12px;font-weight:700}.otl-row{padding:9px;border:1px solid var(--otl-border);border-radius:11px;background:var(--otl-surface)}.otl-row input{width:100%;min-width:0;min-height:40px;border:1px solid var(--otl-border);border-radius:8px;padding:7px 9px;background:#fff;color:var(--otl-text);font:inherit}.otl-row input[type=number]{text-align:center}.otl-remove{border:0;border-radius:8px;background:#fff;color:#b42318;font-size:22px;line-height:1;min-height:40px;cursor:pointer;border:1px solid var(--otl-border)}.otl-remove:hover{background:#fff1f0}.otl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.otl-button{appearance:none;border:0;border-radius:10px;background:var(--otl-primary);color:#fff;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.otl-button:hover{filter:brightness(.96)}.otl-button-secondary{background:#eef2ff;color:#1e3a8a}.otl-button[disabled]{opacity:.5;cursor:not-allowed}.otl-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.otl-stat{border:1px solid var(--otl-border);border-radius:12px;background:var(--otl-surface);padding:13px}.otl-stat strong{display:block;font-size:27px;line-height:1.1}.otl-stat span{display:block;color:var(--otl-muted);font-size:12px;line-height:1.35;margin-top:5px}.otl-meaning{border:1px solid var(--otl-border);border-radius:12px;padding:13px 14px;margin:12px 0;line-height:1.5}.otl-meaning.good{border-color:#bbf7d0;background:var(--otl-good-bg);color:#166534}.otl-meaning.warn{border-color:#fde68a;background:var(--otl-warn-bg);color:#713f12}.otl-meaning.neutral{background:#f8fafc}.otl-meaning strong{display:block;margin-bottom:2px}.otl-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 18px}.otl-target{border:1px solid var(--otl-border);border-radius:11px;padding:10px;background:#fff}.otl-target b{display:block;font-size:15px}.otl-target span{display:block;color:var(--otl-muted);font-size:12px;margin-top:3px}.otl-table-wrap{overflow:auto;border:1px solid var(--otl-border);border-radius:12px;margin-top:10px}.otl-table{width:100%;border-collapse:collapse;min-width:680px}.otl-table th,.otl-table td{padding:9px 10px;border-bottom:1px solid var(--otl-border);text-align:left;vertical-align:top}.otl-table th{background:var(--otl-surface);font-weight:750;font-size:13px}.otl-table tr:last-child td{border-bottom:0}.otl-num{text-align:right!important;font-variant-numeric:tabular-nums}.otl-delta-pos{color:#15803d;font-weight:700}.otl-delta-neg{color:#b42318;font-weight:700}.otl-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.otl-breakdown{border:1px solid var(--otl-border);border-radius:12px;overflow:hidden}.otl-breakdown h3{margin:0;padding:11px 12px;background:var(--otl-surface);font-size:15px}.otl-breakdown table{width:100%;border-collapse:collapse}.otl-breakdown td{padding:8px 10px;border-top:1px solid var(--otl-border);font-size:13px}.otl-breakdown td:last-child{text-align:right;font-weight:700}.otl-legal{margin-top:16px;padding:12px 14px;border-left:3px solid #94a3b8;background:#f8fafc;color:#475467;font-size:12px;line-height:1.5}.otl-legal a{color:#1d4ed8}.otl-privacy{font-size:12px;color:var(--otl-muted);margin:11px 0 0}.otl-empty{padding:18px;text-align:center;color:var(--otl-muted)}.otl-compare-off .otl-prev-head,.otl-compare-off [data-prev-wrap]{display:none}.otl-compare-off .otl-row-head,.otl-compare-off .otl-row{grid-template-columns:minmax(190px,1.5fr) minmax(110px,.8fr) 130px 42px}.otl-export-note{font-size:12px;color:var(--otl-muted);margin:10px 0 0}
@media(max-width:850px){.otl-summary,.otl-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.otl-breakdowns{grid-template-columns:1fr}.otl-row-head{display:none}.otl-row,.otl-compare-off .otl-row{grid-template-columns:1fr 1fr}.otl-row>input:first-child{grid-column:1/-1}.otl-remove{grid-column:2;justify-self:end;width:42px}.otl-row input::placeholder{opacity:1}.otl-row [data-current-wrap]::before,.otl-row [data-prev-wrap]::before{display:block;font-size:11px;color:var(--otl-muted);margin-bottom:3px}}
@media(max-width:620px){.otl-card{padding:16px}.otl-card h2{font-size:23px}.otl-grid-2,.otl-grid-3{grid-template-columns:1fr}.otl-summary,.otl-targets{grid-template-columns:1fr 1fr}.otl-row,.otl-compare-off .otl-row{grid-template-columns:1fr}.otl-row>input:first-child{grid-column:auto}.otl-remove{grid-column:auto;justify-self:end}.otl-actions .otl-button{width:100%}}