/* The desktop story keeps its scroll chapters; phones explore one case in place. */
.ys-mobile-label,.ys-mobile-description,.ys-mobile-controls{display:none}
.ys-step-label{font-weight:inherit}
@media(max-width:760px){
 .ys-story .ys-chapter-nav{top:var(--chapter-top,70px)}
 .ys-mobile-guide{padding-top:62px;padding-bottom:38px}
 .ys-mobile-guide .ys-intro{margin-bottom:28px}
 .ys-mobile-guide .ys-intro h2{font-size:clamp(30px,8.5vw,38px);line-height:1.27;letter-spacing:-.04em}
 .ys-mobile-guide .ys-intro>p{font-size:14px;line-height:1.8;max-width:330px;margin-top:18px}
 .ys-mobile-guide .ys-chapter-nav{margin-bottom:0;border-top:1px solid #eee9e3;border-bottom:1px solid #e8e3dc;background:#fffefa;backdrop-filter:blur(16px)}
 .ys-mobile-guide .ys-chapter-nav>.container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 32px);padding:0;gap:0;overflow:visible;scroll-snap-type:none}
 .ys-mobile-guide .ys-chapter-nav a{min-height:60px;justify-content:center;gap:8px;padding:0 5px;font-size:13px;color:#7c817e;transition:color .2s,background .2s}
 .ys-mobile-guide .ys-chapter-nav a>.ys-step-number{display:inline;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#999f9b}
 .ys-mobile-guide .ys-step-label{display:none}
 .ys-mobile-guide .ys-mobile-label{display:inline;font-weight:500}
 .ys-mobile-guide .ys-chapter-nav a[aria-current]{color:#263d37;background:linear-gradient(0deg,#f7e9df80,transparent)}
 .ys-mobile-guide .ys-chapter-nav a[aria-current]>.ys-step-number{color:#b9573c}
 .ys-mobile-guide .ys-chapter-nav a i{left:8px;right:8px;bottom:-1px;background:#dc7755}
 .ys-mobile-guide .ys-chapters{width:100%;max-width:none;background:#f8f6f1}
 .ys-mobile-guide .ys-chapter[hidden]{display:none!important}
 .ys-mobile-guide .ys-chapter{margin:0;position:relative;scroll-margin-top:var(--chapter-offset);background:transparent}
 .ys-mobile-guide .ys-chapter-inner{padding:28px 20px 24px;border-radius:0;min-height:0;background:transparent;box-shadow:none}
 .ys-mobile-guide .ys-chapter-message h3{font-size:26px;line-height:1.35;letter-spacing:-.035em;margin:0 0 12px;font-weight:500}
 .ys-mobile-guide .ys-chapter-message>.ys-desktop-description,.ys-mobile-guide .ys-forward{display:none}
 .ys-mobile-guide .ys-chapter-message>.ys-mobile-description{display:block;font-size:14px;line-height:1.75;color:#727b77;max-width:380px;margin:0}
 .ys-mobile-guide .ys-product-stage{margin-top:18px}
 .ys-mobile-guide .ys-mobile-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:6px 20px 24px;gap:12px;background:#f8f6f1;border-bottom:1px solid #eae5dc}
 .ys-mobile-guide .ys-mobile-controls button,.ys-mobile-guide .ys-mobile-controls a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 13px;font:500 13px/1.4 var(--body);border:1px solid #dddcd4;border-radius:8px;background:#fff;color:#33433d;cursor:pointer;white-space:nowrap}
 .ys-mobile-guide .ys-mobile-controls [data-story-next],.ys-mobile-guide .ys-mobile-controls [data-story-complete]{background:#2c443b;border-color:#2c443b;color:#fff}
 .ys-mobile-guide .ys-mobile-controls [hidden]{display:none!important}
 .ys-mobile-guide .ys-mobile-controls button:disabled{opacity:.35;cursor:default}
 .ys-mobile-guide .ys-mobile-controls [data-story-position]{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#7b847e;white-space:nowrap}
 .ys-mobile-guide .ys-mobile-controls :is(button,a):focus-visible{outline:2px solid #c87150;outline-offset:4px}
 .ys-mobile-guide .ys-mobile-controls :is(button,a):active{transform:translateY(1px)}
 .ys-mobile-guide .ys-case-scope{padding-top:18px}
 .ys-mobile-guide .ys-case-scope p{font-size:11px;line-height:1.75;color:#8d948f}
 html[lang=en] .ys-mobile-guide .ys-mobile-controls{gap:8px}
 html[lang=en] .ys-mobile-guide .ys-mobile-controls :is(button,a){padding-inline:9px;font-size:12px;gap:6px}
 @media(prefers-reduced-motion:no-preference){
  .ys-mobile-guide .ys-chapter:not([hidden]) .ys-chapter-inner{animation:ys-mobile-enter .28s ease-out both}
  @keyframes ys-mobile-enter{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}
 }
}