@layer components{.chapter-pager{background:var(--ink-0);padding-block:clamp(2.5rem,1.5rem + 3vw,4.5rem) clamp(3rem,2rem + 4vw,6rem);position:relative}.chapter-pager__link{--mx:50%;border-block-start:1px solid var(--line-2);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,.5rem + 2.5vw,3rem);padding-block:clamp(2rem,1.5rem + 2vw,3.5rem) 0;text-decoration:none;display:grid;position:relative}.chapter-pager__link:before{content:"";background:linear-gradient(90deg, var(--teal-glow), transparent);block-size:1px;inline-size:min(22rem,40%);box-shadow:0 0 14px color-mix(in oklab, var(--teal-glow) 55%, transparent);transform-origin:0;position:absolute;inset-block-start:-1px;inset-inline-start:0}[dir=rtl] .chapter-pager__link:before{background:linear-gradient(270deg, var(--teal-glow), transparent);transform-origin:100%}.chapter-pager__n{font-family:var(--f-display);font-size:var(--fs-hero);font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1.5px color-mix(in oklab, var(--teal-glow) 55%, transparent);text-shadow:0 0 40px color-mix(in oklab, var(--teal-glow) 18%, transparent);font-weight:900;line-height:1}.chapter-pager__text{gap:.5rem;min-inline-size:0;display:grid}.chapter-pager__kicker{font-family:var(--f-display);font-size:var(--fs-caption);color:var(--teal-glow);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;font-weight:700;line-height:1.6;display:flex}.chapter-pager__crumb{color:var(--text-3);font-weight:600}.chapter-pager__title{font-family:var(--f-display);font-size:var(--fs-h2s);text-wrap:balance;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;max-inline-size:24ch;padding-block-end:.15em;font-weight:800;line-height:1.2}[dir=rtl] .chapter-pager__title{background-position:100% 100%}:lang(ar) .chapter-pager__title{max-inline-size:20em;line-height:1.6}:lang(ar) .chapter-pager__kicker{line-height:1.8}.chapter-pager__arrow{color:var(--teal-glow);flex-shrink:0}.chapter-pager__link:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:.5rem}@media (hover:hover) and (pointer:fine){.chapter-pager__link:hover .chapter-pager__n{color:var(--teal-glow);-webkit-text-stroke-color:var(--teal-glow);text-shadow:0 0 46px color-mix(in oklab, var(--teal-glow) 45%, transparent)}.chapter-pager__link:hover .chapter-pager__title{background-size:100% 1px}.chapter-pager__link:hover .chapter-pager__arrow{translate:8px}[dir=rtl] .chapter-pager__link:hover .chapter-pager__arrow{translate:-8px}}@media (prefers-reduced-motion:no-preference){.chapter-pager__n,.chapter-pager__title,.chapter-pager__arrow{transition:color .26s var(--ease-calm), -webkit-text-stroke-color .26s var(--ease-calm), text-shadow .26s var(--ease-calm), background-size .42s var(--ease-stage), translate .32s var(--ease-stage)}@supports (animation-timeline:view()){.chapter-pager__link:before{animation:linear both chapter-pager-draw;animation-timeline:view();animation-range:entry 10% cover 40%}}}@keyframes chapter-pager-draw{0%{transform:scaleX(0)}}@media (min-width:64rem){.chapter-pager__title{font-size:var(--fs-display);max-inline-size:none}}@media (max-width:39.99rem){.chapter-pager__link{grid-template-columns:minmax(0,1fr) auto;row-gap:.75rem}.chapter-pager__n{grid-column:1/-1}}}