/*
 * Image guard — added 26 Sep 2026.
 * Makes casual saving of the portfolio's imagery harder: no dragging an image to the desktop,
 * no highlighting it, no iOS long-press "Save to Photos". Pairs with image-guard.js, which removes
 * "Save image" from the right-click menu.
 *
 * What it does NOT touch: layout, colour, size, clicks, hover, keyboard focus, alt text, or anything
 * a screen reader reads. These four properties only govern selection, native drag and the iOS
 * long-press sheet. Text stays selectable everywhere.
 *
 * Opt-out: put data-allow-save on an element (or use <a download>) and everything inside it
 * behaves as a normal browser image again.
 */
img,
picture,
video,
canvas,
svg,
image-slot,
[role="img"] {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

[data-allow-save] :is(img, picture, video, canvas, svg, image-slot),
a[download] :is(img, picture, video, canvas, svg, image-slot) {
  -webkit-user-drag: auto;
  -webkit-user-select: auto;
  user-select: auto;
  -webkit-touch-callout: default;
}