.chapter-navigator{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:1rem;max-width:600px;margin:0 auto}.chapter-navigator .next{flex-grow:1;text-align:right}.chapter-navigator .next.disabled{text-align:left}.chapter-navigator a{background:var(--accent-color);color:#fff;padding:20px 24px;text-decoration:none;transition:all .3s ease;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:none;position:relative;overflow:hidden;min-height:80px}.chapter-navigator a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .6s ease}.chapter-navigator a span{display:block;text-align:left}.chapter-navigator a .subtext{color:hsla(0,0%,100%,.85);font-size:.9rem;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.chapter-navigator a .chapter-title{font-size:1.25rem;margin:0;font-weight:600;line-height:1.3;color:#fff}.chapter-navigator a:hover{background:var(--accent-color-darker);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.chapter-navigator a:hover:before{left:100%}.chapter-navigator a:hover .subtext{color:#fff}.chapter-navigator a:active{transform:translateY(0)}.chapter-navigator a.disabled{pointer-events:none;background:linear-gradient(135deg,#64748b,#475569);color:#f1f5f9;justify-content:center;gap:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.1);font-size:1.1rem;font-weight:500;text-align:center}.chapter-navigator a.disabled:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,.15)}.chapter-navigator a.disabled:before{display:none}.chapter-navigator svg{vertical-align:middle;font-size:2.5rem;padding:0;flex-shrink:0;opacity:.9;transition:all .3s ease}.chapter-navigator a:hover svg{opacity:1;transform:translateX(4px)}.chapter-navigator a.disabled svg{font-size:1.8rem;opacity:.8}.chapter-footer{margin-bottom:3em;padding:2em 1em;font-size:1em;text-align:center;color:var(--secondary-text)}.chapter-footer svg{vertical-align:middle}.chapter-footer .footer-links{display:flex;justify-content:center;align-items:center;gap:2em;flex-wrap:wrap}.chapter-footer .footer-link{color:inherit;text-decoration:none;border-bottom:1px dotted;opacity:.8;transition:opacity .2s ease;white-space:nowrap}.chapter-footer .footer-link:hover{opacity:1}