.pi-retention {
  border-block: 1px solid #e5e7eb;
  margin-block: 1.25rem;
  padding-block: 1rem;
}

.pi-retention__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.pi-retention button,
.pi-report summary {
  background: #171717;
  border: 1px solid #3f3f46;
  border-radius: .4rem;
  color: #fff;
  cursor: pointer;
  font: inherit;
  padding: .65rem .85rem;
}

.pi-retention [aria-pressed="true"] { color: #fda4af; }
.pi-report { margin-top: .85rem; }
.pi-report summary { display: inline-block; font-size: .85rem; }
.pi-report form { display: grid; gap: .75rem; margin-top: .75rem; max-width: 640px; }
.pi-report label { display: grid; gap: .25rem; }
.pi-report select,
.pi-report textarea { max-width: 100%; padding: .65rem; width: 100%; }
.pi-report textarea { min-height: 90px; }
.pi-honeypot { left: -9999px; position: absolute; }

.pi-recommendations { clear: both; margin-block: 1.5rem; }
.pi-recommendations__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pi-recommendations a { color: inherit; display: grid; gap: .4rem; line-height: 1.35; text-decoration: none; }
.pi-recommendations img { aspect-ratio: 16 / 9; background: #18181b; height: auto; object-fit: cover; width: 100%; }

.pi-private-library {
  background: #f4f4f5;
  border-radius: .5rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 1.25rem;
  padding: 1rem;
}
.pi-private-library div,
.pi-private-library a { display: grid; gap: .35rem; }

.pi-trust-links { display: flex; gap: 1rem; justify-content: center; padding: 1rem; }
.pi-policy { margin-inline: auto; max-width: 760px; }

@media (max-width: 700px) {
  .pi-recommendations__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pi-private-library { grid-template-columns: 1fr; }
}