/* The review's comments on the page itself, as Webflow's comment mode shows
   them: a round pin with the first commenter's initials on each commented
   element, and a click opens the thread beside it. View only. */
/* under the site's sticky nav, as Webflow's pins pass under the canvas edge */
.snap-pins{position:absolute;left:0;top:0;width:0;height:0;z-index:5}
/* Webflow's pin: a 20px avatar in a 24px white ring, centred where Webflow
   draws it, its lower left corner a point (the tip) on the spot commented */
.snap-pin{position:absolute;display:grid;place-items:center;width:24px;height:24px;border-radius:50% 50% 50% 0;
  background:#1b6ff5;color:#fff;box-shadow:inset 0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.3);
  font:600 8.5px/1 Inter,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.02em;cursor:pointer;transition:transform .12s}
.snap-pin:hover{transform:scale(1.08)}
.snap-pin.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #1b6ff5,0 3px 10px rgba(0,0,0,.35)}
.snap-hl{outline:2px solid #1b6ff5 !important;outline-offset:3px}
/* the thread, opened beside its pin (Webflow's dark card) */
.snap-pop{position:absolute;z-index:2147482500;width:340px;max-height:460px;overflow:auto;background:#2d2d2d;color:#f0f0f0;
  border:1px solid #3f3f3f;border-radius:7px;box-shadow:0 14px 40px rgba(0,0,0,.45);
  font:14px/1.45 Inter,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}
.snap-pop .top{position:sticky;top:0;display:flex;align-items:center;justify-content:flex-end;height:36px;padding:0 6px;background:#2d2d2d;border-bottom:1px solid #3f3f3f}
.snap-pop .top b{margin-right:auto;padding-left:8px;font-size:12px;font-weight:500;color:#9a9a9a}
.snap-pop .x{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:4px;background:none;color:#cfcfcf;font-size:14px;cursor:pointer}
.snap-pop .x:hover{background:#3d3d3d;color:#fff}
.snap-pop .m{padding:14px 16px}
.snap-pop .m + .m{border-top:1px solid #3f3f3f}
.snap-pop .who{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.snap-pop .av{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#1b6ff5;color:#fff;font-size:11px;font-weight:600}
.snap-pop .who b{font-size:15px;color:#fff}
.snap-pop .txt{white-space:pre-wrap;word-break:break-word;color:#ececec}
.snap-pop .txt .at{color:#5aa2ff}
.snap-pop .ft{margin-top:10px;color:#9a9a9a;font-size:12.5px}
/* staging's "Made in Webflow" badge: not part of the page */
.w-webflow-badge{display:none !important}