/* The link-style button used on the shelf page (Cover, Spine, Sort, Calm...) and in the controls panel: small capitals, quiet colour, darker on hover and focus, a 44px-high target.
   Shared by index.html and controls.html (loaded first on both: it needs --mute and --ink from the page). What only the shelf page adds (no underline, the focus ring, the pressed,
   current and disabled looks, the boxes) is in style.css. */
.linklike { font: inherit; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); background: none; border: 0; padding: 0 10px; min-height: 44px; display: inline-flex; align-items: center; cursor: pointer; }
.linklike:hover, .linklike:focus-visible { color: var(--ink); }