/* Read-only ticket/knowledge text: pastel links never change navigation styles. */
.content-link {
  --link-ink: #bce6ff; --link-glass: 108, 192, 232;
  color: var(--link-ink) !important;
  background: linear-gradient(135deg, rgba(var(--link-glass), .18), rgba(var(--link-glass), .08));
  border: 1px solid rgba(var(--link-glass), .3);
  border-radius: .55em;
  padding: .12em .4em;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
  text-decoration: none !important;
  overflow-wrap: anywhere;
  line-height: 1.8;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  transition: background-color .16s ease, border-color .16s ease;
}
.content-link:hover { border-color: rgba(var(--link-glass), .65); background-color: rgba(var(--link-glass), .17); }
.content-link:focus-visible { outline: 2px solid var(--link-ink); outline-offset: 3px; }
/* Display-only cues: source text, copied URLs and editor content stay intact. */
.content-link::before {
  content: "Link";
  display: inline-block;
  padding-inline-end: 1.35em;
  margin-inline-end: .3em;
  font-weight: 650;
  white-space: nowrap;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h9V4a1 1 0 0 1 1.7-.7l8 8a1 1 0 0 1 0 1.4l-8 8A1 1 0 0 1 12 20v-5H3a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Z' fill='%239bcdf1' stroke='%231594df' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") right center / 1.1em 1.1em no-repeat;
}
.content-link::after {
  content: "";
  display: inline-block;
  width: .95em;
  height: .95em;
  margin-inline-start: .35em;
  vertical-align: -.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 5H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M14 3h7v7M21 3 10 14' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 5H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M14 3h7v7M21 3 10 14' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.content-link--mint { --link-ink: #b9f2d6; --link-glass: 115, 216, 170; }
.content-link--peach { --link-ink: #ffdab9; --link-glass: 244, 178, 127; }
.content-link--sand { --link-ink: #f7ebad; --link-glass: 229, 211, 120; }
.content-link--rose { --link-ink: #ffd0d5; --link-glass: 237, 158, 169; }
.content-link--aqua { --link-ink: #b9efee; --link-glass: 106, 208, 204; }
html[data-theme="light"] .content-link { --link-ink: #185475; }
html[data-theme="light"] .content-link--mint { --link-ink: #216447; }
html[data-theme="light"] .content-link--peach { --link-ink: #81421e; }
html[data-theme="light"] .content-link--sand { --link-ink: #655716; }
html[data-theme="light"] .content-link--rose { --link-ink: #85434d; }
html[data-theme="light"] .content-link--aqua { --link-ink: #1a6765; }

.disabled-action-hint {
  position: fixed; z-index: 2147483000; pointer-events: none;
  max-width: min(410px, calc(100vw - 24px)); padding: .85rem 1rem;
  border: 1px solid rgba(153, 204, 234, .7); border-left: 4px solid #9ccff0; border-radius: 12px;
  color: #f3f8fd; background: rgba(22, 38, 55, .97);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 12px 38px rgba(0, 0, 0, .4); font-size: .94rem; font-weight: 600;
  line-height: 1.5; white-space: normal; overflow-wrap: anywhere;
}
.disabled-action-hint[hidden], .disabled-action-help[hidden] { display: none !important; }
.disabled-action-help {
  position: fixed; left: -100px; top: -100px; z-index: 2147482999;
  display: grid; place-items: center; opacity: 0; pointer-events: none;
  width: 22px; height: 22px; min-width: 22px; min-height: 22px;
  margin: 0; padding: 0;
  border: 1px solid rgba(151, 199, 232, .33); border-radius: 50%;
  background: rgba(111, 175, 220, .1); color: #b8dafa; cursor: help;
  font: 700 12px/1 system-ui, sans-serif;
}
.disabled-action-help:focus { opacity: 1; pointer-events: auto; }
.disabled-action-help:hover { background: rgba(111, 175, 220, .22); }
.disabled-action-help:focus-visible { outline: 2px solid #b8dafa; outline-offset: 3px; }
html[data-theme="light"] .disabled-action-help { color: #185475; border-color: rgba(30, 94, 128, .4); }
.disabled-action-description { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { .content-link { transition: none; } }
@media (forced-colors: active) { .content-link { color: LinkText !important; border: 1px solid LinkText; } .disabled-action-hint { color: CanvasText; background: Canvas; border: 1px solid CanvasText; } }
@media (forced-colors: active) {
  .content-link::before { content: "Link →"; padding-inline-end: 0; background: none; }
  .content-link::after { background-color: LinkText; forced-color-adjust: none; }
}