.browse-rail{display:none}.browse-link{color:#c7ccc8;text-decoration:none;border:1px solid #59625c;background:#0b0e0df2;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px}.browse-link:hover{background:#171d1a;border-color:#e8e6dc;color:#fff}.browse-link:focus-visible{outline:2px solid #e14a40;outline-offset:4px}.browse-link span{font:300 1.45rem/1 "Oswald",sans-serif;color:#e44238}.browse-link b{font:500 .7rem/1.4 "DM Mono",monospace;text-transform:uppercase;text-align:center;overflow-wrap:anywhere}.browse-bottom{display:flex;justify-content:space-between;gap:16px;width:min(1200px,calc(100% - 48px));margin:32px auto 56px}.browse-bottom .browse-link{max-width:48%}.browse-next{margin-left:auto}.browse-bottom .browse-next{flex-direction:row-reverse}@media(min-width:1101px){.browse-rail{display:block;position:fixed;inset:0;z-index:8;pointer-events:none}.browse-rail .browse-link{position:absolute;top:50%;transform:translateY(-50%);width:74px;min-height:106px;padding:15px 6px;flex-direction:column;pointer-events:auto}.browse-rail .browse-prev{left:10px}.browse-rail .browse-next{right:10px}.browse-rail .browse-link b{font-size:.6rem}.browse-bottom{display:none}}@media print{.browse-rail,.browse-bottom{display:none}}
@media(min-width:1101px) and (max-width:1399px){body:has(.browse-rail) .shell{width:calc(100% - 168px)}.browse-rail .browse-link{width:64px}.browse-rail .browse-prev{left:6px}.browse-rail .browse-next{right:6px}}
@media(max-width:1100px){body:has(.browse-bottom){padding-bottom:100px}.browse-bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;width:100%;margin:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#0b0e0df7;border-top:1px solid #59625c;gap:12px}.browse-bottom .browse-link{min-height:48px;flex:1;max-width:48%;padding:10px}.browse-bottom .browse-link b{font-size:.7rem}}
@media print{.browse-rail,.browse-bottom{display:none!important}body:has(.browse-bottom){padding-bottom:0}}

@media(min-width:1101px){.browse-rail .browse-link{width:46px;min-height:46px;height:46px;padding:0;gap:0}.browse-rail .browse-link span{font-size:1.4rem}.browse-rail .browse-link b{position:absolute;top:50%;transform:translateY(-50%);width:max-content;max-width:280px;padding:11px 15px;background:#0b0e0d;border:1px solid #59625c;font-size:.75rem;line-height:1.5;overflow-wrap:normal;text-align:left;opacity:0;visibility:hidden;pointer-events:none}.browse-rail .browse-prev b{left:calc(100% + 8px)}.browse-rail .browse-next b{right:calc(100% + 8px)}.browse-rail .browse-link:hover b,.browse-rail .browse-link:focus-visible b{opacity:1;visibility:visible}}

/* Keep page-specific anchor styles from shifting the navigation controls. */
nav.browse-rail a.browse-link,nav.browse-bottom a.browse-link{display:flex;align-items:center;justify-content:center;margin-top:0;margin-bottom:0;letter-spacing:normal;box-sizing:border-box}
nav .browse-link .browse-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;line-height:0;margin:0;padding:0}
.browse-icon svg{display:block;width:22px;height:22px;flex:none}.browse-prev .browse-icon svg{transform:rotate(180deg)}
@media(min-width:1101px){nav.browse-rail a.browse-link{display:grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;margin:0}}
