/* Appkänslan (2026-10-13): det som skiljer en webbsida från en iOS-app vid
   tryck. Laddas av ALLA sidor sedan [[APPKANSLA_PLAN]] AK1 (2026-10-16);
   toningen mellan sidor står i toning.css och laddas bara utanför rundan.
   tests/js/test_kansla.mjs håller båda gränserna.

   1. Toningen: se toning.css. */

/* 2. Ett långtryck markerar inte text och öppnar ingen förhandsvisning av
      länkar och bilder — det gör ingen iOS-app. Fält man skriver i, och
      plan.html:s utfällda ruta att kopiera ur, går att markera som förut. */
html { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
input, textarea, select, [contenteditable] {
  -webkit-user-select: text; user-select: text; -webkit-touch-callout: default;
}

/* 3. Ett tryck syns direkt, som på en iOS-knapp: länken eller knappen tonar
      ned medan fingret ligger och tonar upp när det släpper. `:where` ger
      regeln noll specificitet: en sida som själv sätter opacity eller
      transition på elementet går före, och ett eget tryckläge som flyttar
      eller skalar (`.big`, `.tryckbar`) får tonen ovanpå. Kräver lyssnaren i kansla.js för att synas på iPhone. */
:where(a[href], button, [role="button"], summary) { transition: opacity .2s ease-out; }
:where(a[href], button, [role="button"], summary):active { opacity: .55; transition: none; }
@media (prefers-reduced-motion: reduce) {
  :where(a[href], button, [role="button"], summary) { transition: none; }
}