.panda-support-episode {
  display: grid;
  grid-column: 1;
  min-width: 0;
  align-self: start;
  grid-template-columns: 46px minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  margin: 14px 0 8px;
  padding: 13px 16px;
  border: 1px dashed var(--ps-line, #dec5a8);
  border-radius: 16px;
  background: #fff5e6;
  color: var(--ps-ink, #17120e);
}
.panda-support-episode > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #ffe1ec; font-size: 22px; }
.panda-support-episode p { margin: 0; line-height: 1.25; }
.panda-support-episode p strong, .panda-support-episode p small { display: block; }
.panda-support-episode p strong { font-size: 14px; }
.panda-support-episode p small { margin-top: 3px; color: var(--ps-muted, #705e4f); font-size: 12px; }
.panda-support-episode > a { padding: 10px 14px; border-radius: 999px; background: var(--ps-pink, #ff1767); color: #fff !important; font-size: 13px; font-weight: 850; text-decoration: none !important; white-space: nowrap; }
.panda-support-episode > a:hover { transform: translateY(-1px); }
.panda-support-episode > a:focus-visible { outline: 3px solid #111; outline-offset: 2px; }
.panda-support-episode > a.panda-support-episode__more { padding: 4px 2px; border-radius: 0; background: transparent; color: var(--ps-pink, #ff1767) !important; text-decoration: underline !important; }

@media (max-width: 700px) {
  .panda-support-episode { grid-template-columns: 42px minmax(0, 1fr); padding: 12px; }
  .panda-support-episode > a { grid-column: 1 / -1; text-align: center; }
  .panda-support-episode > a.panda-support-episode__more { margin-top: -5px; }
}