/* Shared service enhancement: original content and artwork, native touch rails. */
#main-content .sm-controls{display:flex;align-items:center;gap:12px;margin-top:24px;color:#38086f}
#main-content .sm-controls[hidden]{display:none}
#main-content .sm-controls button{width:48px;height:48px;border:1px solid #d8c8e1;border-radius:50%;font-size:24px;background:transparent;transition:background .18s,transform .15s}
#main-content .sm-controls button:disabled{opacity:.35}
#main-content .sm-controls button:active{transform:scale(.94)}
#main-content .sm-controls output{font-size:14px;font-variant-numeric:tabular-nums;margin-right:auto}
#main-content .sm-track{height:3px;width:70px;background:#e4d6eb;overflow:hidden}
#main-content .sm-track span{display:block;height:100%;background:#38086f;transform-origin:left}
#main-content .sm-rail{scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
#main-content .sm-rail::-webkit-scrollbar{display:none}
#main-content .sm-rail>*{scroll-snap-align:start}
#main-content .sm-rail:focus-visible,#main-content .sm-controls button:focus-visible{outline:3px solid #9855d8;outline-offset:4px}
@media(max-width:639px){
 #main-content .cl-trust .grid.sm-rail{display:flex;overflow-x:auto;gap:16px;padding-bottom:8px}
 #main-content .cl-trust .grid.sm-rail>div{flex:0 0 calc(100% - 24px);align-content:start;padding:24px 20px;border:1px solid #d8c8e1;border-radius:20px;background:#faf7fc}
}
@media(prefers-reduced-motion:reduce){#main-content .sm-rail{scroll-behavior:auto}#main-content .sm-controls button{transition:none}}
