.portrait-navigation{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 0;grid-column:1/-1;touch-action:pan-y}
.portrait-navigation button{display:grid;place-items:center;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border:1px solid #82999c40;border-radius:3px;background:#bdab8208;color:#c7c8b9;font:20px/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;touch-action:manipulation}
.portrait-navigation button:nth-child(3){margin-left:14px}
.portrait-navigation button:hover:not(:disabled){border-color:#c4a47590;color:#f1dcc1;background:#c4a47514}
.portrait-navigation button:focus-visible{outline:2px solid #d0b184;outline-offset:3px}
.portrait-navigation button:disabled{opacity:.3;cursor:default}
@media(max-width:600px){.portrait-navigation{gap:10px;margin-top:10px}.portrait-navigation button{width:48px;min-width:48px;height:48px;min-height:48px}.portrait-navigation button:nth-child(3){margin-left:18px}}