.ka-conservation-help {
  display: inline;
  white-space: nowrap;
}

.ka-conservation-help > .ka-conservation-help-trigger {
  display: inline;
}

.ka-conservation-help-trigger {
  cursor: help;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  outline: none;
}

.ka-conservation-help-trigger:hover,
.ka-conservation-help-trigger:focus-visible,
.ka-conservation-help-trigger[aria-expanded="true"] {
  color: var(--ka-color-ink-primary, #181c19);
  text-decoration-thickness: 2px;
}

.ka-conservation-full-name,
.ka-conservation-year {
  font-weight: inherit;
}

.ka-conservation-tooltip {
  position: fixed;
  z-index: 12000;
  width: max-content;
  max-width: min(22rem, calc(100vw - 20px));
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  background: rgba(24, 28, 25, 0.97);
  color: #fff;
  box-shadow: 0 6px 22px rgba(24,28,25,.24);
  font-family: var(--ka-font-hangul-sans, system-ui, sans-serif);
  font-size: 12px;
  line-height: 1.42;
  text-align: left;
  pointer-events: none;
}

.ka-conservation-tooltip[hidden] {
  display: none;
}

.ka-conservation-tooltip-title {
  font-weight: 750;
  font-size: 12.5px;
}

.ka-conservation-tooltip-meta {
  margin-top: 2px;
  color: #cfd8d2;
  font-family: var(--ka-font-mono, monospace);
  font-size: 10.5px;
}

.ka-conservation-tooltip-description {
  margin-top: 7px;
}

.ka-conservation-tooltip-scope {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid rgba(255,255,255,.16);
  color: #cfd8d2;
  font-size: 10.5px;
}

@media (max-width: 520px) {
  .ka-conservation-tooltip {
    max-width: calc(100vw - 16px);
    font-size: 11.5px;
  }
}