.j-site .j-stories{overflow:hidden;background:#f7f9fd}
.story-rail{--story-width:300px;--story-gap:20px}
.story-viewport{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto;touch-action:pan-x pan-y;overflow-anchor:none;padding:8px 0 22px}
.story-viewport::-webkit-scrollbar{display:none}
.story-track{display:flex;width:max-content;align-items:stretch}
.story-group{display:flex;gap:var(--story-gap);padding-right:var(--story-gap);align-items:stretch;flex:none}
.j-site .story-group .j-case{flex:0 0 var(--story-width);width:var(--story-width);height:auto;min-width:0;border:1px solid #d8e1ef;border-radius:18px;background:white;box-shadow:0 6px 20px #1b36500a;overflow:hidden;touch-action:pan-x pan-y}
.j-site .story-group .j-case-photo{aspect-ratio:1.52}
.j-site .story-group .j-case-photo img{height:100%;width:100%;object-fit:cover}
.j-site .story-group .j-case-body{padding:20px}
.j-site .story-group .j-case-body h3{display:block;min-height:54px;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.j-site .story-group .j-case-body>p{font-size:12px;margin:5px 0 18px}
.j-site .story-group .j-case-price{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:14px}
.j-site .story-group .j-case-price>span{font-size:12px;margin:0}
.j-site .story-group .j-case-price strong{font-size:29px;white-space:nowrap}
.j-site .story-group .j-case-price small{font-size:13px}
.j-site .story-group .j-case-comparison{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:11px;gap:7px;padding-top:12px}
.j-site .story-group .j-case-comparison b{font-size:11px;white-space:nowrap}
.j-site .story-group .j-case-label{font-size:10px;padding:6px 9px;top:13px;left:13px}
.j-site .story-group .j-case-arrow{width:32px;height:32px;right:13px;bottom:13px;font-size:20px}
.story-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px}
.story-toolbar>p{font-size:13px;color:#59708d}
.story-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}
.story-buttons[hidden]{display:none}
.j-site .story-buttons button{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;min-width:44px;border:1px solid #bfd0e9;border-radius:12px;padding:0 13px;background:#fff;color:#214066;box-shadow:0 3px 8px #17395808;cursor:pointer}
.story-buttons button b{font-size:12px;font-weight:700}
.j-site .story-buttons button:hover{background:#eaf1ff;border-color:#244ddd;color:#2049ce}
.j-site .story-buttons button:focus-visible{outline:3px solid #6989f0;outline-offset:3px}
.j-site .j-stories .j-disclaimer{color:#697b94;line-height:1.8;margin-inline:auto}
@media(max-width:700px){
 .story-rail{--story-width:246px;--story-gap:14px}
 .j-site .j-stories .j-section-heading h2{font-size:27px;white-space:nowrap;letter-spacing:-1px}
 .j-site .j-stories .j-section-heading>.j-textlink{margin-top:0}
 .story-toolbar{flex-direction:column;align-items:flex-start;gap:12px}
 .story-toolbar>p{font-size:12px}
 .j-site .story-group .j-case-body{padding:17px}
 .j-site .story-group .j-case-body h3{font-size:17px;min-height:51px}
 .j-site .story-group .j-case-price strong{font-size:27px}
 .j-site .story-group .j-case-comparison{font-size:10px;gap:5px}
}
@media(prefers-reduced-motion:reduce){.story-viewport{scroll-behavior:auto}}