/* docdigest — reading-mode UI (pinch-to-summarize, etc.). Not loaded for editor chrome. */

.docdigest-pinch-paragraph {
  touch-action: none;
}

.docdigest-pinch-summarizing {
  opacity: 0.55;
  transition: opacity 0.15s ease;
}

.docdigest-pinch-summarized {
  transition: opacity 0.2s ease;
}

.docdigest-pinch-summarize-failed {
  outline: 1px dashed rgba(180, 60, 60, 0.45);
  outline-offset: 2px;
}

body.dark-mode .docdigest-pinch-summarize-failed,
html.dark-mode .docdigest-pinch-summarize-failed {
  outline-color: rgba(255, 120, 120, 0.55) !important;
}

/* #topic / @user chips in reading surfaces (click → filtered feed via docdigest.js) */
#feed-doc-overlay-body .topicname,
#feed-doc-overlay-body .username,
.doc-shell--view .doc-body .topicname,
.doc-shell--view .doc-body .username,
.reader-doc .topicname,
.reader-doc .username {
  display: inline;
  padding: 0 0.2em;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  line-height: inherit;
  white-space: nowrap;
  text-decoration: none;
  color: #1d4ed8;
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.28);
}
#feed-doc-overlay-body .username,
.doc-shell--view .doc-body .username,
.reader-doc .username {
  color: #7c3aed;
  background: rgba(124, 58, 237, 0.1);
  border-color: rgba(124, 58, 237, 0.28);
}
#feed-doc-overlay-body .topicname:hover,
#feed-doc-overlay-body .username:hover,
.doc-shell--view .doc-body .topicname:hover,
.doc-shell--view .doc-body .username:hover,
.reader-doc .topicname:hover,
.reader-doc .username:hover {
  text-decoration: underline;
}
body.color-scheme-dark #feed-doc-overlay-body .topicname,
body.dark-mode #feed-doc-overlay-body .topicname,
body.color-scheme-dark .doc-shell--view .doc-body .topicname,
body.dark-mode .doc-shell--view .doc-body .topicname {
  color: #93c5fd;
  background: rgba(59, 130, 246, 0.22);
  border-color: rgba(147, 197, 253, 0.35);
}
body.color-scheme-dark #feed-doc-overlay-body .username,
body.dark-mode #feed-doc-overlay-body .username,
body.color-scheme-dark .doc-shell--view .doc-body .username,
body.dark-mode .doc-shell--view .doc-body .username {
  color: #c4b5fd;
  background: rgba(124, 58, 237, 0.22);
  border-color: rgba(196, 181, 253, 0.35);
}