/* Shared by the homepage and Records. No JS cursor tracking or trails. */
@media (hover: hover) and (pointer: fine) and (forced-colors: none) {
  html {
    --blue-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32' viewBox='0 0 30 32'%3E%3Cpath d='M10 17V4a2 2 0 0 1 4 0v8a2.5 2.5 0 0 1 4 0 2.5 2.5 0 0 1 4 1 2.5 2.5 0 0 1 4 2v7c0 3-2 5-3 7H13c-3-2-4-5-6-7l-3-5c-1-2 1-4 3-2l3 3Z' fill='%232544d8' stroke='%23f3f0e7' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M14 12v5m4-5v5m4-4v5' fill='none' stroke='%23f3f0e7' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") 12 3, pointer;
    --blue-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28' viewBox='0 0 24 28'%3E%3Cpath d='M3 2L3 22L8.5 17.5L13 26L17 24L12.5 16L21 15Z' fill='%232544d8' stroke='%23f3f0e7' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto;
    cursor: var(--blue-cursor);
  }

  p, h1, h2, h3 { cursor: text; }

  /* Include nested artwork/text so the cursor doesn't change within a link. */
  a[href], a[href] *, button[type], button[type] * {
    cursor: var(--blue-pointer);
  }
}