.hand-picker { max-width: 54rem; }
.hand-picker > select { width: 100%; max-width: 34rem; }
.hand-picker h3 { margin: 1.2rem 0 0.4rem; }
.hand-preview-cards { margin: 1rem 0; }
.hand-preview-cards summary { cursor: pointer; font-weight: 700; }
.hand-preview-cards li { margin-bottom: 0.8rem; }
.hand-preview-cards li p { margin: 0.2rem 0; }
.hand-actions { display: flex; gap: 1rem; flex-wrap: wrap; align-items: end; margin: 1rem 0; }
.hand-draw-action { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.hand-draw-action label { margin: 0; font-size: 0.85rem; }
.hand-draw-action select { width: 4rem; }
.hand-diagnostic { border-left: 3px solid var(--accent); padding-left: 0.8rem; font-weight: 700; }
.hand-intro { margin-top: 1.5rem; }
.hand-intro h2 { margin-top: 0.4rem; }
.hand-session .deal-card { min-width: 0; }
.hand-session .deal-card:has(input:checked) { outline: 3px solid var(--ink); outline-offset: 2px; }
.hand-session .card-use { display: flex; gap: 0.6rem; align-items: center; margin: 1rem 0 0; color: #fff; cursor: pointer; font-weight: 700; }
.hand-session .card-use input { width: 1.25rem; height: 1.25rem; accent-color: #fff; }
.hand-session .card-use input:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.hand-session .stem { opacity: 1; }
.hand-session .hand-reference { color: #fff; margin-top: 0.75rem; font-size: 0.8rem; }
.hand-notes { max-width: 48rem; }
.hand-notes textarea { min-height: 7rem; }
@media (max-width: 540px) {
  .hand-actions { align-items: stretch; }
  .hand-actions > .btn, .hand-draw-action { width: 100%; }
  .hand-draw-action .btn { flex: 1; }
}
@media print {
  .hand-session .card-use { display: none; }
  .hand-session .hand-reference { color: #000; }
}