/* Shared by the board drawer and the podium briefing. */
.supply-word {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #b68a2e;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  background: #f6e6b554;
  border-radius: 2px;
}
.supply-word:hover { background: #f6e6b5; }
.supply-word:focus-visible, .supply-note a:focus-visible { outline: 3px solid #b68a2e; outline-offset: 4px; }
.supply-note {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin: 22px 0;
  padding: 18px;
  border: 1px solid #e0d4af;
  border-left: 4px solid #ddb34f;
  border-radius: 8px;
  background: #fffaf0;
  color: #07162d;
}
.supply-image { display: block; border: 1px solid #dbe0e5; border-radius: 5px; overflow: hidden; background: #fff; }
.supply-image img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.supply-author { display: flex; align-items: center; gap: 8px; font: 700 12px/1.2 Arial, Helvetica, sans-serif; }
.supply-token { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #ddb34f; color: #07162d; font-size: 10px; }
.supply-note .supply-pitch { margin: 7px 0 0; font: 17px/1.4 Georgia, serif; }
#briefing-supplies .supply-note { margin: 16px 0 0; }
@media (max-width: 480px) {
  .supply-note { grid-template-columns: 68px minmax(0, 1fr); gap: 12px; padding: 13px; align-items: start; }
  .supply-note .supply-pitch { font-size: 16px; }
}
@media print {
  .supply-note, #briefing-supplies { display: none !important; }
  .supply-word { color: inherit; background: none; text-decoration: none; }
}