html { scrollbar-width: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; width: 0; }
.section-rail { position: fixed; z-index: 90; right: 10px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 3px; padding: 9px 4px; border-radius: 20px; background: rgba(248,248,246,.76); backdrop-filter: blur(10px); }
.section-rail a { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 26px; height: 24px; text-decoration: none !important; }
.section-rail a::after { content: ''; display: block; width: 12px; height: 2px; border-radius: 2px; background: #989b98; transition: width .18s, background .18s; }
.section-rail a[aria-current]::after, .section-rail a:hover::after, .section-rail a:focus-visible::after { width: 24px; background: #252b2a; }
.section-rail a span { position: absolute; right: 36px; white-space: nowrap; max-width: min(340px,70vw); overflow: hidden; text-overflow: ellipsis; padding: 8px 12px; background: #f8f8f6; color: #252b2a; box-shadow: 0 2px 16px #0001; border-radius: 4px; font: 12px/1.4 Arial,sans-serif; opacity: 0; visibility: hidden; pointer-events: none; }
.section-rail a:hover span, .section-rail a:focus-visible span { opacity: 1; visibility: visible; }
.section-rail a:focus-visible { outline: 2px solid #252b2a; outline-offset: 2px; }
.coway-page .coway-chapter-nav { display: none; }
@media (max-width: 700px) { .section-rail { right: 3px; } .section-rail a { width: 20px; height: 24px; } }