/* Spin Route Book — live dealer etiquette */

.etiquette-layout { margin-top: var(--s-7); }
.etiquette-layout .prose { max-width: 72ch; }

.lead-fig { margin: 0 0 var(--s-7); }
.lead-fig img { border: 2px solid var(--ink); border-radius: var(--radius); width: 100%; max-width: 760px; }
.lead-fig figcaption { font-size: 0.85rem; color: var(--ink-2); margin-top: var(--s-2); }

.dos-donts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-5);
  margin: var(--s-6) 0;
}
.dos-donts section {
  border: 2px solid var(--ink);
  border-radius: var(--radius);
  background: var(--card);
  padding: var(--s-5);
}
.dos-donts .do { background: var(--amber-pale); }
.dos-donts h3 { margin-bottom: var(--s-3); }
.dos-donts ul { margin: 0; padding-left: 1.3em; }
.dos-donts li { margin-bottom: var(--s-2); font-size: 0.98rem; }

.aside-fig {
  float: right;
  margin: 0 0 var(--s-4) var(--s-6);
  width: min(300px, 40%);
}
.aside-fig img { border: 2px solid var(--ink); border-radius: var(--radius); }
.aside-fig figcaption { font-size: 0.85rem; color: var(--ink-2); margin-top: var(--s-2); }

@media (max-width: 720px) {
  .dos-donts { grid-template-columns: 1fr; }
  .aside-fig { float: none; width: 100%; max-width: 320px; margin: 0 0 var(--s-5); }
}