/* Compact studio link within the Business Websites pricing card. */
.price-card .pricing-studio-panel {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px;
  padding: 14px;
  border: 1px solid #e1d7ed;
  border-radius: 12px;
  background: #f7f3fb;
  color: #30233f;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
}
.price-card .pricing-studio-panel:hover {
  background: #eee6f7;
  border-color: #bba3d3;
  color: #30233f;
  text-decoration: none;
}
.pricing-studio-panel:focus-visible {
  outline: 3px solid #7250b3;
  outline-offset: 3px;
}
.pricing-studio-panel img {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
}
.pricing-studio-copy { display: block; min-width: 0; font-size: 13px; line-height: 1.45; }
.pricing-studio-copy strong { display: block; font-size: 14px; color: #30233f; }
.pricing-studio-copy > span { display: block; }
.pricing-studio-copy .pricing-studio-cta { margin-top: 5px; font-weight: 700; color: #67458d; }
@media(prefers-reduced-motion:reduce) { .price-card .pricing-studio-panel { transition:none; } }

/* Let package cards follow their content instead of stretching to the longest neighbour. */
.fee-page .pricing-grid { align-items: start; }
.fee-page .price-card .scope { flex: 0 1 auto; }