/* Chart share controls (P2-07). Inherit the host page's colors. */
.st-chartctl { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.st-chartctl__btn {
  min-height: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer;
  font: inherit; font-size: 13.5px; font-weight: 600;
  color: inherit; background: transparent; border: 1px solid currentColor; opacity: 0.9;
}
.st-chartctl__btn:hover, .st-chartctl__btn:focus-visible { opacity: 1; outline: 2px solid #b5872a; outline-offset: 2px; }
.st-chartctl__status { font-size: 13px; opacity: 0.8; }
.st-chartctl__menu { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.st-chartctl__menu[hidden], .st-chartctl__embed[hidden] { display: none; }
.st-chartctl__embed textarea { width: 100%; margin-top: 8px; font: 12px ui-monospace, monospace; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 8px; padding: 8px; }
body.st-embed > :not(.st-embed-root) { display: none !important; }
body.st-embed { margin: 0; padding: 12px; }
body.st-embed .st-embed-root { max-width: none; }