/* Scheme two: motion adds feedback without changing its quiet, flat surfaces. */
/* Transitions.dev — Icon swap, scoped to the two mobile menu controls. */
[data-study="quiet-cards"] :is(.quiet-menu-toggle,.quiet-menu-close) .t-icon-swap {
  --icon-swap-dur:250ms; --icon-swap-blur:2px;
  --icon-swap-start-scale:.25; --icon-swap-ease:ease-in-out;
  position:relative; display:inline-grid; width:24px; height:24px;
}
[data-study="quiet-cards"] :is(.quiet-menu-toggle,.quiet-menu-close) .t-icon {
  grid-area:1 / 1; display:block; transform-origin:center;
  transition:opacity var(--icon-swap-dur) var(--icon-swap-ease), filter var(--icon-swap-dur) var(--icon-swap-ease), transform var(--icon-swap-dur) var(--icon-swap-ease);
  will-change:opacity,filter,transform;
}
[data-study="quiet-cards"] .t-icon-swap[data-state="a"] .t-icon[data-icon="a"],
[data-study="quiet-cards"] .t-icon-swap[data-state="b"] .t-icon[data-icon="b"] { opacity:1; filter:blur(0); transform:scale(1); }
[data-study="quiet-cards"] .t-icon-swap[data-state="a"] .t-icon[data-icon="b"],
[data-study="quiet-cards"] .t-icon-swap[data-state="b"] .t-icon[data-icon="a"] { opacity:0; filter:blur(var(--icon-swap-blur)); transform:scale(var(--icon-swap-start-scale)); }
[data-study="quiet-cards"] .qm-nav { position:relative; isolation:isolate; background:var(--bg); }
[data-study="quiet-cards"] .qm-nav :is(.quiet-pill,.status-filter) { position:relative; background:transparent; transition:color 120ms ease-out; }
[data-study="quiet-cards"] .qm-nav :is(.quiet-pill,.status-filter)::before { content:""; position:absolute; inset:0; border-radius:inherit; background:var(--tab-bg); pointer-events:none; }
[data-study="quiet-cards"] .qm-nav :is(.quiet-pill,.status-filter):hover::before { background:var(--tab-hover-bg); }
[data-study="quiet-cards"] .qm-nav :is([aria-current],[aria-pressed="true"])::before { background:transparent; }
[data-study="quiet-cards"] .qm-highlight { position:absolute; z-index:1; background:var(--ink); pointer-events:none; transform-origin:left center; }
[data-study="quiet-cards"] .qm-pill-label { position:relative; z-index:2; display:inline-flex; align-items:center; gap:5px; font:inherit; color:#fff; mix-blend-mode:difference; opacity:.54; transition:opacity 120ms ease-out; }
[data-study="quiet-cards"] .qm-nav :is([aria-current],[aria-pressed="true"],:hover) > .qm-pill-label { opacity:1; }
/* 2026-10-14: unselected resource category tabs use 80% text (light black, dark --ink #f1f1f1); selected pill keeps the difference-blend white-on-black. */
[data-study="quiet-cards"] .qm-nav .quiet-pill:not([aria-current],[aria-pressed="true"]) > .qm-pill-label { mix-blend-mode:normal; color:rgb(0 0 0 / 80%); opacity:1; }
[data-study="quiet-cards"][data-theme="dark"] .qm-nav .quiet-pill:not([aria-current],[aria-pressed="true"]) > .qm-pill-label { color:rgb(241 241 241 / 80%); }
[data-study="quiet-cards"] .quiet-search { transition:width 220ms cubic-bezier(.22,1,.36,1); }
@media (min-width:1000px) {
  [data-study="quiet-cards"] .quiet-search:focus-within { width:272px; }
}
[data-study="quiet-cards"] .quiet-theme-toggle,
[data-study="quiet-cards"] .qm-copy { position:relative; }
[data-study="quiet-cards"] .quiet-theme-toggle :is(.quiet-theme-moon,.quiet-theme-sun),
[data-study="quiet-cards"] .qm-copy svg { display:block; position:absolute; inset:0; margin:auto; pointer-events:none; }
[data-study="quiet-cards"] .quiet-theme-toggle .quiet-theme-sun,
[data-study="quiet-cards"][data-theme="dark"] .quiet-theme-toggle .quiet-theme-moon,
[data-study="quiet-cards"] .qm-copy .qm-copy-check,
[data-study="quiet-cards"] .qm-copy.qm-copied .qm-copy-original { opacity:0; transform:scale(.25); filter:blur(4px); }
[data-study="quiet-cards"] .quiet-theme-toggle .quiet-theme-moon,
[data-study="quiet-cards"][data-theme="dark"] .quiet-theme-toggle .quiet-theme-sun,
[data-study="quiet-cards"] .qm-copy .qm-copy-original,
[data-study="quiet-cards"] .qm-copy.qm-copied .qm-copy-check { opacity:1; transform:scale(1); filter:blur(0); }
[data-study="quiet-cards"].quiet-motion-ready .quiet-theme-toggle svg,
[data-study="quiet-cards"] .qm-copy svg { transition:opacity 300ms cubic-bezier(.2,0,0,1), transform 300ms cubic-bezier(.2,0,0,1), filter 300ms cubic-bezier(.2,0,0,1); }
[data-study="quiet-cards"] .qd-item-title { transition:color 120ms ease-out; }
[data-study="quiet-cards"] .qd-directory-toggle svg { transition:transform 200ms cubic-bezier(.22,1,.36,1); }
[data-study="quiet-cards"] :is(.primary-button,.contact-button,.qd-icon-button,.quiet-theme-toggle,.quiet-menu-toggle,.quiet-menu-close,.quiet-auth-close,.quiet-auth-continue,.qd-directory-toggle) { transition:scale 120ms ease-out; }
[data-study="quiet-cards"] :is(.primary-button,.contact-button,.qd-icon-button,.quiet-theme-toggle,.quiet-menu-toggle,.quiet-menu-close,.quiet-auth-close,.quiet-auth-continue,.qd-directory-toggle):active:not(:disabled):not([aria-disabled="true"]) { scale:.96; }
@media (prefers-reduced-motion:reduce) {
  [data-study="quiet-cards"] :is(.quiet-menu-toggle,.quiet-menu-close) .t-icon { transition:none!important; }
  [data-study="quiet-cards"] .qm-pill-label,
  [data-study="quiet-cards"] .qm-nav :is(.quiet-pill,.status-filter),
  [data-study="quiet-cards"] .quiet-search,
  [data-study="quiet-cards"] .qd-item-title,
  [data-study="quiet-cards"] .qd-directory-toggle svg,
  [data-study="quiet-cards"].quiet-motion-ready .quiet-theme-toggle svg,
  [data-study="quiet-cards"] .qm-copy svg,
  [data-study="quiet-cards"] :is(.primary-button,.contact-button,.qd-icon-button,.quiet-theme-toggle,.quiet-menu-toggle,.quiet-menu-close,.quiet-auth-close,.quiet-auth-continue,.qd-directory-toggle) { transition:none; }
  [data-study="quiet-cards"] :is(.primary-button,.contact-button,.qd-icon-button,.quiet-theme-toggle,.quiet-menu-toggle,.quiet-menu-close,.quiet-auth-close,.quiet-auth-continue,.qd-directory-toggle):active { scale:1; }
}