/* Reuse Help Center colors and controls; keep portrait settings captures readable. */
.preference-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
  align-items: start;
  gap: 32px;
}
.preference-copy h3 { margin: 24px 0 10px; font-size: 18px; line-height: 1.5; }
.preference-copy p { margin-bottom: 18px; }
.preference-note {
  padding: 16px 18px;
  border-left: 3px solid var(--accent);
  border-radius: 0 10px 10px 0;
  background: var(--soft);
  color: var(--text);
}
.preference-layout .shot-caption { flex-wrap: wrap; }
.preference-layout .shot-caption > span { flex: 1 1 200px; }
@media (max-width: 900px) {
  .preference-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .preference-layout .shot-card { width: min(100%, 560px); margin-inline: auto; }
}