/*
 * QR panel — code + explication (partial oeuvres/_ar_qr, cartel de la galerie)
 *   <div class="qr-panel">
 *     <div class="qr-panel-code"><svg …></div>
 *     <div><p class="qr-panel-title">…</p><p class="qr-panel-text">…</p></div>
 *   </div>
 */

.qr-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1.1rem;
  align-items: center;
  max-width: 460px;
}
.qr-panel-code {
  padding: 6px;
  line-height: 0;
  background: var(--color-white);
  border-radius: var(--radius-sm);
}
.qr-panel-code svg { display: block; width: 104px; height: 104px; }
.qr-panel-title {
  margin: 0 0 0.3rem;
  font-family: var(--font-serif);
  font-size: var(--text-lg);
  color: var(--color-on-surface);
}
.qr-panel-text {
  margin: 0 0 0.5rem;
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  line-height: 1.55;
  color: var(--color-on-surface-muted);
}

@media (max-width: 480px) {
  .qr-panel { grid-template-columns: 1fr; }
}