
    /* ===  =========================== */
     .regions{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:6px 0 12px
    }
    .region-pill{
      padding:8px 12px;
      border-radius:999px;
      border:1px solid var(--border);
      background:transparent;
      color:var(--text);
      cursor:pointer
    }
    .region-pill:disabled{opacity:.45;cursor:not-allowed}
    .grid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
      gap:14px
    }
 
    .region-note {
    text-align: right;
    font-size: 0.9rem;
    color: var(--muted);
    margin: 0 0 0.75rem;
    }

    .region-note a {
    color: var(--primary);
    text-decoration: none;
    cursor: pointer;
    }

    .region-note a:hover {
    text-decoration: underline;
    }

    .regions{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:6px 0 12px
    }
    .region-pill{
      padding:8px 12px;
      border-radius:999px;
      border:1px solid var(--border);
      background:transparent;
      color:var(--text);
      cursor:pointer
    }
    .region-pill:disabled{
      opacity:.45;
      cursor:not-allowed
    }

    
    .album-category-label {
      grid-column: 1 / -1;          /* span full width of the grid */
      margin: 1.5rem 0 0.5rem;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--muted);
      font-weight: 600;
      opacity: 0.9;
    }
    .region-note {
      text-align: right;
      font-size: 0.9rem;
      color: var(--muted);
      margin: 0 0 0.75rem;
    }

    .region-note a {
      color: var(--primary);
      text-decoration: none;
    }
    .region-note a:hover {
      text-decoration: underline;
    }
    .region-note {
      text-align: right;
      font-size: 0.9rem;
      color: var(--muted);
      margin: 0 0 0.75rem;
    }

    .region-note a {
      color: var(--primary);
      text-decoration: none;
      cursor: pointer;
    }

    .region-note a:hover {
      text-decoration: underline;
    }
