:root {
  --ph-detail-button: var(--ph-signature-blue, #1368ff);
  --ph-detail-button-hover: var(--ph-signature-blue-hover, #0a50d2);
}
.ph-detail-cta .ph-pill-icon { width: 18px; height: 18px; }
.ph-detail-cta, .ph-detail-error button,
.ph-public-detail-shell .message button, .ph-public-detail-shell .more a {
  background: var(--ph-detail-button); color: #fff; border-color: var(--ph-detail-button); border-radius: 9999px;
}
.ph-detail-cta:hover, .ph-detail-error button:hover,
.ph-public-detail-shell .message button:hover, .ph-public-detail-shell .more a:hover {
  background: var(--ph-detail-button-hover); color: #fff;
}
.ph-detail-share { background: #fff; color: #263247; border: 1px solid #d9dee7; border-radius: 9999px; }
.ph-detail-share:hover { background: #f7f9fb; color: #263247; }
.ph-detail-close, .ph-detail-close:hover { background: transparent; color: #172033; border: 0; border-radius: 0; box-shadow: none; }
.ph-detail-close:hover { opacity: .7; }
.ph-detail-cta:focus-visible, .ph-detail-share:focus-visible, .ph-detail-close:focus-visible, .ph-public-detail-shell button:focus-visible,
.ph-public-detail-shell a:focus-visible { outline: 3px solid #1368ff; outline-offset: 4px; }