.sl{padding:24px 12px 48px}.sl-hero{padding:28px;border-radius:24px;background:#122d29;color:#fff;margin:18px 0}.sl-hero span{font-size:12px;letter-spacing:.12em;color:#a9e5ce}.sl-hero h1{font-size:clamp(28px,4vw,44px);margin:12px 0}.sl-hero p{max-width:70ch;line-height:1.6}.sl-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.sl-card{background:var(--card,#fff);border:1px solid #dce5e1;border-radius:20px;padding:22px}.sl h2{margin:0 0 16px}.sl label{display:block;margin:12px 0 6px;font-weight:600}.sl input{padding:12px;border:1px solid #bbc9c2;border-radius:10px;min-width:0;max-width:100%;box-sizing:border-box}.sl button{cursor:pointer;padding:11px 14px;border:1px solid #c2d3c9;border-radius:10px;color:#13352b;background:#eef7f2;font:inherit}.sl button:hover{background:#d8edde}.sl-row,.sl-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sl-row input{flex:1}.sl-title{justify-content:space-between}.sl-note{color:#536b60;font-size:13px;line-height:1.6}#slLists{display:grid;gap:8px;margin-top:16px}#slActions{display:flex;gap:6px;flex-wrap:wrap}#slResults{display:grid;gap:6px;margin-top:14px}.sl-item{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #e4ece7}.sl-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.sl-total{display:block;font-size:30px;font-weight:800;margin:10px 0}.sl-breakdown{line-height:1.8;padding-left:20px}.sl-empty{padding:24px 0;color:#64746c}#slStatus{min-height:24px;color:#174931}.sl-error{color:#b42318!important}@media(max-width:760px){.sl-layout{grid-template-columns:1fr}.sl-hero{padding:22px}.sl-item{grid-template-columns:minmax(0,1fr) 80px}.sl-item button{grid-column:1/-1}.sl-plan-grid{grid-template-columns:1fr}.sl-row button{flex:1}.sl-card{padding:18px}}