/* Water page chapter menu and single motion control (Claude, Oct 6 2026). */
html.wcx-on .ss-story-controls,html.wcx-on .ss-story-water-pause{display:none!important}
.wcx-nav{position:sticky;top:var(--wcx-top,67px);z-index:30;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e1edf3;border-bottom:1px solid #dbe8ef;box-shadow:0 10px 24px -22px rgba(19,46,64,.5)}
.wcx-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:14px;min-height:54px}
.wcx-links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.wcx-links::-webkit-scrollbar{display:none}
.wcx-links a{flex:none;white-space:nowrap;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.2;color:#33505f;text-decoration:none}
.wcx-links a:hover{background:#eef6fb;color:#0f6c8e}
.wcx-links a[aria-current="true"]{background:#e1f0f8;color:#0d6688}
.wcx-motion{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid #b9d2df;background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:12px;font-weight:600;color:#1b5e7a;cursor:pointer}
.wcx-motion::before{content:"";width:8px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.wcx-motion[aria-pressed="true"]::before{width:0;height:0;border:0;border-left:9px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.wcx-motion:hover{border-color:#2b86ad}
.wcx-motion:disabled{opacity:.65;cursor:default}
.wcx-motion:disabled::before{display:none}
html.wcx-on .wr-chapter,html.wcx-on #your-water-next-step{scroll-margin-top:calc(var(--wcx-top,67px) + 70px)}
@media (max-width:760px){.wcx-inner{padding:0 10px 0 12px;gap:8px;min-height:50px}.wcx-links a{padding:8px 10px;font-size:12.5px}.wcx-motion{padding:8px 11px;font-size:11.5px}}
@media (prefers-reduced-motion:no-preference){.wcx-links a{transition:background-color .2s,color .2s}}