/* /privacy: the page about pictures at the event. */

.priv-card .loc-body { padding: 26px 30px 30px; }
.priv-card.orange { border-color: var(--orange); }
.priv-card.orange h2 { color: var(--orange); }
.priv-card.yellow { border-color: var(--yellow); }
.priv-card.green { border-color: var(--green); }
.priv-card.green h2 { color: var(--green); }
.priv-card.yellow h2 { color: var(--yellow); font-style: normal; }
.priv-card h2 { font-style: normal; }
.priv-card p, .priv-card li { font-size: 14px; }
.priv-card ul { margin-top: 10px; }

.priv-split { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 30px; align-items: start; }
.clip-figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 18px; border: 1px solid #34403a; background: #0a1413; }
.clip-figure svg { display: block; }
.clip-figure figcaption { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.clip-figure .big-btn { width: auto; padding: 10px 18px; white-space: nowrap; font-size: 16px; }
.clip-figure span { font-size: 11px; line-height: 1.5; color: #8a938b; }

@media (max-width: 800px) {
  .priv-split { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .priv-card .loc-body { padding: 20px 18px 24px; }
}

.stats-switch-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
.stats-switch-note { font-size: 11px; color: #8a938b; }