.solution-title .title-hero span{background:linear-gradient(90deg,#7dd3fc,#5eead4 55%,#c4b5fd);-webkit-background-clip:text;background-clip:text}.solution .sl-pad{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.solution .sl-btn{border:1.5px solid var(--line);min-width:0;min-height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:14px;flex-direction:column;flex:64px;justify-content:center;align-items:center;gap:1px;padding:8px 10px;font-size:14px;font-weight:800;display:inline-flex}.solution .sl-btn .sl-label{font-size:14px;line-height:1.15}.solution .sl-btn .sl-sub{opacity:.72;font-size:12px;font-weight:700}.solution .sl-btn:active:not(:disabled){transform:translateY(2px)scale(.98)}.solution .sl-btn[aria-pressed=true]{background:#e0f2fe;border-color:#38bdf8}.solution .sl-sliders{gap:6px;display:grid}.solution .sl-sliders:has(.param:nth-child(2)){gap:4px}.solution .sl-sliders:has(.param:nth-child(2)) .param{border-radius:12px;grid-template-columns:auto auto 1fr;grid-template-areas:"head value row";gap:0 8px;padding:2px 8px}.solution .sl-sliders:has(.param:nth-child(2)) .param-head{letter-spacing:0;text-transform:none;font-size:12px}.solution .sl-sliders:has(.param:nth-child(2)) .param-value{font-size:18px}.solution .sl-sliders:has(.param:nth-child(2)) .param-unit{margin-left:2px;font-size:12px}.solution-title .brand{color:#bae6fd}:is(.ex-figure:has(svg.example-art),.note-diagram:has(svg.example-art)){background:#0b1220;border-color:#1e293b;padding:0;overflow:hidden}@media (height<=700px) and (width<=700px){.solution .dock{gap:5px;padding:8px 10px;bottom:8px}.solution .coach{min-height:30px;padding:6px 10px;font-size:13px;line-height:1.3}.solution .launch{box-shadow:0 4px 0 var(--accent-deep);margin-bottom:4px;padding:4px 18px;font-size:19px}.solution .launch kbd{display:none}}.solution .sl-sliders:has(.param:nth-child(2)) .param-head{white-space:nowrap}.solution .sl-sliders:has(.param:nth-child(2)) .param-row{gap:3px;min-width:0}.solution .sl-sliders:has(.param:nth-child(2)) .slider-wrap{min-width:48px}.solution .sl-sliders:has(.param:nth-child(2)) .step{flex:0 0 28px;width:28px}