Issue #69

[
  {
    "matches": 7,
    "score": 76,
    "selector": "div.rounded-lg.shadow-sm.border",
    "strategy": "class"
  },
  {
    "matches": 251,
    "score": 60,
    "selector": "div:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 4,
    "score": 58,
    "selector": "#action-required-section \u003e div \u003e div \u003e div:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]

{
  "ancestorPath": [
    "#action-required-section",
    "div",
    "div"
  ],
  "ariaLabel": null,
  "className": "rounded-lg shadow-sm border border-gray-100 border-l-4 p-5 border-l-amber-500 bg-amber-50",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "Update your availability calendar You don't have any upcoming blocked dates. Add holidays, trips or busy periods so you "
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "ew",
    "section",
    "eC",
    "Content",
    "c",
    "eV",
    "x",
    "f",
    "T",
    "E",
    "j"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 409,
  "height": 102,
  "left": 529,
  "right": 1711,
  "top": 307,
  "width": 1182,
  "x": 529,
  "y": 307
}

viewport:
{
  "height": 1112,
  "width": 1920
}

scroll:
{
  "x": 0,
  "y": 0
}

screenshotMarks:
[]

<div class="rounded-lg shadow-sm border border-gray-100 border-l-4 p-5 border-l-amber-500 bg-amber-50"><div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4"><div class="flex-1"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4 text-amber-600" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><h3 class="font-bold text-gray-900">Update your availability calendar</h3></div><p class="text-sm text-gray-600 mb-3">You don't have any upcoming blocked dates. Add holidays, trips or busy periods so you only receive requests you can accept.</p></div><div class="flex flex-col gap-2 md:flex-row md:gap-3"><a class="px-6 py-2.5 bg-[#7FBCE6] hover:bg-[#5FA5D1] text-white font-semibold rounded-lg transition-colors whitespace-nowrap text-center" href="/at/petsitter/availability">Update calendar</a></div></div></div>