/* Reference navigation: 16px type, 8px flex gaps and 4px 10px hit areas. */
.chapter-nav{display:flex;align-items:center;gap:8px;margin:0 0 160px;padding:0;min-height:25px;overflow-x:auto;overflow-y:hidden;border:0;scrollbar-width:none}
.chapter-nav .nav-arrow{display:flex;align-items:center;justify-content:center;width:15px;height:25px;flex:0 0 15px;color:#171717}
.chapter-nav .nav-separator{display:block;flex:0 0 auto;width:4.8px;line-height:25px;text-align:center;font-size:16px;font-weight:400;color:#ddd;user-select:none}
.chapter-nav a,.chapter-nav a:first-child,.chapter-nav a:last-child{display:flex;align-items:center;flex:0 0 auto;min-height:25px;padding:4px 10px;border:0;border-radius:0;background:none;font-size:16px;font-weight:500;line-height:17px;white-space:nowrap;color:#111;text-decoration:none}
.chapter-nav a:hover{color:#777}.chapter-nav a.active{color:#111;text-decoration:none}
@media(max-width:700px){.chapter-nav{gap:8px;margin-bottom:100px;padding-bottom:4px}.chapter-nav a,.chapter-nav a:first-child,.chapter-nav a:last-child{font-size:14px;line-height:19px;padding:4px 10px}.chapter-nav .nav-separator{line-height:27px}.chapter-nav .nav-arrow{height:27px}}