#eit-sl-app {
    --sl-blue: #1a6fba;
    --sl-dark: #16324b;
    --sl-border: #d3dfeb;
    max-width: 920px;
    margin: 0 auto;
    padding: 18px;
    color: var(--sl-dark);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#eit-sl-app * { box-sizing: border-box; }
.eit-sl-hero { text-align: center; margin: 10px 0 24px; }
.eit-sl-hero h1 { margin: 8px 0; color: var(--sl-blue); font-size: clamp(26px, 5vw, 38px); }
.eit-sl-hero p { margin: 0 auto; max-width: 680px; color: #5a6a7e; }
.eit-sl-badge { display: inline-block; padding: 5px 12px; border-radius: 20px; background: #e6f2fc; color: var(--sl-blue); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.eit-sl-card, .eit-sl-note { padding: 22px; border: 1px solid var(--sl-border); border-radius: 14px; background: #fff; box-shadow: 0 3px 15px rgba(26,111,186,.08); }
.eit-sl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.eit-sl-grid label { display: flex; flex-direction: column; gap: 7px; font-weight: 700; }
.eit-sl-grid input, .eit-sl-grid select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #b9cad9; border-radius: 8px; background: #fff; color: var(--sl-dark); font: inherit; }
.eit-sl-input { display: flex; align-items: center; }
.eit-sl-input input { border-radius: 8px 0 0 8px; }
.eit-sl-input b { align-self: stretch; display: flex; align-items: center; min-width: 58px; justify-content: center; border: 1px solid #b9cad9; border-left: 0; border-radius: 0 8px 8px 0; background: #eef4f9; }
.eit-sl-value-label { grid-column: 1 / -1; }
.eit-sl-error { margin-top: 16px; padding: 10px 12px; border-radius: 8px; background: #fff2f0; color: #a52b1e; }
.eit-sl-results { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.eit-sl-results article { min-width: 0; padding: 18px 10px; border-radius: 12px; background: var(--sl-blue); color: #fff; text-align: center; }
.eit-sl-results span, .eit-sl-results small { display: block; opacity: .85; font-size: 12px; }
.eit-sl-results strong { display: block; overflow-wrap: anywhere; margin: 6px 0 2px; font-size: clamp(19px, 3vw, 27px); }
.eit-sl-note { margin: 0; color: #526578; font-size: 13px; line-height: 1.6; box-shadow: none; }
@media (max-width: 720px) {
    .eit-sl-grid { grid-template-columns: 1fr; }
    .eit-sl-value-label { grid-column: auto; }
    .eit-sl-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .eit-sl-results article:last-child { grid-column: 1 / -1; }
}