/* A small, ordinary gesture beside a work. */
[data-carnet-work][hidden] { display: none !important; }
.carnet-keep { min-height: 44px; padding: 8px 0; font-size: 11px; text-align: left; }
.carnet-keep::before, #artwork-save::before { content: '+'; margin-right: 9px; font-size: 18px; line-height: 1; }
.carnet-keep[aria-pressed=true]::before, #artwork-save[aria-pressed=true]::before { content: ''; display: inline-block; width: 13px; height: 13px; vertical-align: -1px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.carnet-keep:hover { text-decoration: underline; }
.carnet-access { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; font-size: 11px; }
.carnet-access:hover > span:first-child { text-decoration: underline; }
[data-carnet-count] { font-size: 10px; font-variant-numeric: tabular-nums; }
.trail-keep { display: flex; align-items: center; margin-top: 10px; }
.traverses-carnet-entry { display: flex; justify-content: flex-end; margin: -35px var(--gutter) 25px; }
#artwork-save { gap: 0; white-space: nowrap; }
#artwork-carnet-feedback { margin: 0; }
[data-carnet-warning=true] { position: fixed; width: auto; height: auto; clip-path: none; white-space: normal; overflow: visible; bottom: max(90px, env(safe-area-inset-bottom)); left: var(--gutter); right: var(--gutter); max-width: 520px; margin-inline: auto; padding: 16px 20px; border: 1px solid var(--line); background: var(--white); color: var(--black); z-index: 30; font-size: 12px; line-height: 1.6; }
#artwork-carnet-feedback[data-carnet-warning=true] { position: static; max-width: 420px; margin-top: 8px; padding: 8px 12px; font-size: 11px; }
.artwork-secondary .carnet-access { justify-content: space-between; }
@media (max-width: 700px) {
  .traverses-carnet-entry { justify-content: flex-start; margin-top: -15px; margin-bottom: 20px; }
  #artwork:has(#artwork-save:not([hidden])) .artwork-actions { width: 100%; justify-content: space-between; gap: 0 10px; }
  #artwork:has(#artwork-save:not([hidden])) .artwork-caption { padding-right: 110px; min-height: 44px; }
  #artwork:has(#artwork-save:not([hidden])) .artwork-arrows { position: absolute; right: 0; top: 6px; }
  #artwork-save { font-size: 10px; }
}
@media (max-height: 500px) and (orientation: landscape) {
  #artwork:has(#artwork-save:not([hidden])) .artwork-caption { padding-right: 0; }
  #artwork:has(#artwork-save:not([hidden])) .artwork-actions { width: auto; }
  #artwork:has(#artwork-save:not([hidden])) .artwork-arrows { position: static; }
}