/* ================================================================
   FIELD NOTES — a game's own page (/formicarium/, /meadow/).
   The small-print card (small-print.css), plus what a game page needs:
   the Buy / Play plates, a framed picture and the questions. Loaded
   after small-print.css and before wall.css.
   ================================================================ */
.sheet .lede { margin: 0 0 18px; font: italic 400 18px/1.4 var(--fell); color: var(--ink-soft); }
.actions { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; margin: 18px 0 22px; }
.btn {
  display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 18px;
  text-decoration: none; color: #3a2a0c; border-radius: 2px;
  font: 400 18px/1 var(--engraved); letter-spacing: 0.12em;
  background:
    linear-gradient(100deg, rgba(255,255,255,0) 30%, rgba(255,250,220,0.35) 48%, rgba(255,255,255,0) 62%),
    linear-gradient(180deg, var(--brass-hi), var(--brass) 38%, #a8862e 100%);
  box-shadow: inset 0 1px 0 rgba(255,250,220,0.7), inset 0 -2px 0 rgba(80,55,10,0.5), 0 2px 4px rgba(0,0,0,0.4);
  text-shadow: 0 1px 0 rgba(255,245,200,0.55);
}
.btn .price { font: 700 15px/1 var(--type); letter-spacing: 0.02em; }
.btn:hover { filter: brightness(1.06); }
.btn:active { transform: translateY(1px); }
.btn.alt { filter: saturate(0.78) brightness(0.9); }
.sheet .btn { color: #3a2a0c; }
.shot { margin: 0 0 8px; }
.shot img {
  display: block; width: 100%; height: auto;
  border: 3px solid #1b120a; box-shadow: 0 4px 10px rgba(0,0,0,0.35);
}
.shot figcaption { margin-top: 6px; font: italic 14px/1.4 var(--fell); color: var(--ink-soft); }
.sheet dl.qa dt { margin: 16px 0 2px; font-weight: 700; }
.sheet dl.qa dd { margin: 0; }