/*
 * Public Super Intelligence (SI) terminology and abbreviation trigger.
 * Only SI opens the existing explanation; the parentheses stay together.
 */

.aa-si-abbreviation {
  white-space: nowrap;
}

.aa-si {
  --aa-si-focus: rgba(120, 188, 255, 0.7);
  --aa-si-hover: var(--aa-accent-hi, #8fd0ff);
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  margin: -0.06em -0.05em;
  padding: 0.06em 0.05em;
  border: 0;
  border-radius: 0.14em;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit;
  text-shadow: inherit;
  white-space: nowrap;
  vertical-align: baseline;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.aa-si__text {
  position: relative;
  display: inline;
}

.aa-si--inline {
  transition: color 0.2s ease;
}

.aa-si:hover,
.aa-si[aria-expanded="true"] {
  color: var(--aa-si-hover);
}

.aa-si:focus {
  outline: none;
}

.aa-si:focus-visible {
  outline: 2px solid var(--aa-si-focus);
  outline-offset: 0.08em;
}

html[data-theme="stellar"] .aa-si {
  --aa-si-hover: #bfe7ff;
}

html[data-theme="dark"] .aa-si {
  --aa-si-hover: #c9dcef;
}

html[data-theme="light"] .aa-si {
  --aa-si-focus: rgba(23, 74, 90, 0.95);
  --aa-si-hover: #1f5f73;
}

@media (prefers-reduced-motion: reduce) {
  .aa-si--inline {
    transition: none;
  }
}

/* ---- SI explanation: Origin surface, SI copy details ---- */

.aa-chrome-page .aa-si-panel .aa-artifact-modal__hero--translation {
  margin-top: 0;
}

.aa-chrome-page .aa-si-panel .aa-si-panel__body,
.aa-chrome-page .aa-si-panel .aa-artifact-modal__landing {
  text-wrap: pretty;
}

.aa-chrome-page .aa-si-panel .aa-si-panel__body {
  max-width: 34ch;
}

.aa-chrome-page .aa-si-panel .aa-artifact-modal__landing {
  max-width: 30ch;
}

.aa-chrome-page .aa-si-panel .aa-si-panel__source {
  margin: clamp(18px, 3vw, 24px) 0 0;
}

.aa-chrome-page .aa-si-panel .aa-si-panel__source a {
  color: var(--aa-accent-hi);
  font-size: clamp(0.78rem, 1.3vw, 0.86rem);
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
}

.aa-chrome-page .aa-si-panel .aa-si-panel__source a:hover,
.aa-chrome-page .aa-si-panel .aa-si-panel__source a:focus-visible {
  color: var(--aa-ink-strong);
}

.aa-chrome-page .aa-si-panel .aa-si-panel__source a:focus-visible {
  outline: 1.5px solid rgba(120, 188, 255, 0.55);
  outline-offset: 3px;
}

.aa-chrome-page .aa-si-panel:focus {
  outline: none;
}

html[data-theme="stellar"] .aa-chrome-page .aa-si-panel .aa-si-panel__source a {
  color: rgba(150, 220, 255, 0.92);
}

html[data-theme="light"] .aa-chrome-page .aa-si-panel .aa-si-panel__source a {
  color: #174a5a;
}

html[data-theme="light"] .aa-chrome-page .aa-si-panel .aa-si-panel__body {
  color: #3a414c;
}

html[data-theme="light"] .aa-chrome-page .aa-si-panel .aa-artifact-modal__label {
  color: #174a5a;
}