/* Original guide figures, collected as loose study prints. Hit areas stay
   still while the paper inside them lifts; source images are never cropped. */
#figure-dialog:has(.figure-collection) { width:min(1000px,94vw);padding:0; }
#figure-dialog:has(.figure-collection) > .dialog-heading { position:sticky;top:0;z-index:3;background:var(--ua-paper);margin:0;padding:1rem 1.5rem;border-bottom:1px solid var(--ua-line); }
#figure-dialog:has(.figure-collection) .dialog-heading h2 { font-family:var(--ua-display);font-size:1.65rem;font-weight:400; }
.figure-collection { min-width:0; }
.figure-collection-shelf { display:flex;align-items:stretch;gap:0;overflow-x:auto;overscroll-behavior-x:contain;padding:1.3rem 1.5rem .8rem;background:#e8edde;border-bottom:1px solid #c8d1bf;scroll-padding-inline:1.5rem; }
.figure-collection-shelf .figure-print { position:relative;flex:0 0 136px;min-width:0;min-height:152px;border:0;border-radius:0;padding:8px 7px 7px;background:transparent;color:var(--ua-ink);text-align:left;box-shadow:none;transform:none;transition:color var(--ua-fast); }
.figure-print .figure-print-image { display:block;width:122px;height:92px;box-sizing:border-box;padding:5px;object-fit:contain;background:#fffefa;border:1px solid #d1d5c8;box-shadow:0 4px 6px #20332921;transform:rotate(-5deg) translateY(4px);transition:transform 480ms var(--ua-ease),box-shadow 480ms var(--ua-ease); }
.figure-print:nth-child(even) .figure-print-image { transform:rotate(4deg) translateY(4px); }
.figure-print > .figure-print-title { display:block;position:relative;padding-top:10px;font-size:.8125rem;line-height:1.3; }
.figure-collection-shelf .figure-print[aria-pressed="true"] { color:var(--ua-green);font-weight:600; }
.figure-print[aria-pressed="true"] .figure-print-image { transform:rotate(0) translateY(-5px);border-color:var(--ua-green);box-shadow:0 7px 10px #20332929,0 0 0 2px var(--ua-gold); }
.figure-print:focus-visible { outline:2px solid var(--ua-green);outline-offset:-3px; }
.figure-collection-detail { padding:1.5rem; }
.figure-collection-detail > h3 { margin:0 0 1rem;font-family:var(--ua-display);font-weight:400;font-size:1.65rem;line-height:1.25; }
.figure-collection-image > img { display:block;width:100%;height:auto;max-height:48vh;object-fit:contain;background:white;margin:0 auto 1.2rem;animation:figure-print-arrive 620ms var(--ua-ease) both;transform-origin:50% 100%; }
.figure-collection-detail > p { max-width:78ch;font-size:1rem;line-height:1.6; }
.figure-collection-detail > .meta { font-size:.8125rem;color:var(--ua-muted); }
@keyframes figure-print-arrive { from { opacity:.5;transform:translateY(22px) rotate(-2deg) scale(.96); } to { opacity:1;transform:translateY(0) rotate(0) scale(1); } }
@media(hover:hover) and (pointer:fine) {
  .figure-collection-shelf .figure-print:hover { background:transparent;color:var(--ua-green); }
  .figure-print:not([aria-pressed="true"]):hover .figure-print-image { transform:rotate(0) translateY(-2px);box-shadow:0 6px 10px #20332929; }
}
@media(max-width:600px) {
  #figure-dialog:has(.figure-collection) { width:96vw;max-width:96vw; }
  #figure-dialog:has(.figure-collection) > .dialog-heading { padding:.8rem 1rem;gap:.8rem; }
  #figure-dialog:has(.figure-collection) .dialog-heading h2 { font-size:1.3rem; }
  .figure-collection-shelf { padding:1rem .8rem .6rem;scroll-padding-inline:.8rem; }
  .figure-collection-shelf .figure-print { flex-basis:120px;min-height:144px; }
  .figure-print .figure-print-image { width:106px;height:84px; }
  .figure-collection-detail { padding:1.1rem; }
  .figure-collection-detail > h3 { font-size:1.4rem; }
}
.keyboard-input .figure-print .figure-print-image { transition:none; }
.keyboard-input .figure-collection-image > img { animation:none; }
@media(prefers-reduced-motion:reduce) {
  .figure-print .figure-print-image { transition:none; }
  .figure-collection-image > img { animation:none; }
}

.figure-print-image > img { display:block;width:100%;height:100%;object-fit:contain; }
.figure-print-number { display:block;margin-top:.3rem;font-size:.6875rem;color:var(--ua-muted);font-variant-numeric:tabular-nums; }
.figure-collection-image { margin:0; }
.figure-collection-image figcaption { font-size:1rem;line-height:1.6;max-width:78ch; }

.figure-collection-shelf:has(.figure-print:only-child) { display:none; }