/* A short reading, followed by a conversation and its inspectable evidence. */
#community-summary { max-width: var(--summary-width, 780px); margin: 24px auto 0; }
#summarybody .cited-text { font: 400 21px/1.75 var(--serif); white-space: pre-wrap; overflow-wrap: anywhere; }
.summary-feedback { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
#summarystatus { margin: 0; color: var(--muted); font: 400 11px/1.65 var(--ui); }
#community-summary[aria-busy="true"] #summarystatus::before { content: "◌ "; }
#summaryretry[hidden], .citation-facts[hidden] { display: none; }
#chatpanel { margin: 28px auto 44px; padding-top: 20px; }
#chatpanel h3 { font: 500 12px/1.5 var(--ui); letter-spacing: .08em; }
#chatsub { font-size: 14px; }
#chatlog { max-height: 600px; }
#chatrow { min-height: 64px; }
#chatinput { padding: 17px 16px; }
#chaterr:empty { display: none; }
#send { color: var(--accent); }
#chatcitation { flex: none; margin: 0 0 12px; padding: 10px 12px; border-left: 2px solid var(--accent); background: #68655b0a; }
#chatcitation[hidden] { display: none; }
.citation-context-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font: 500 11px/1.5 var(--ui); }
.citation-context-clear { display: grid; place-items: center; min-width: 28px; min-height: 28px; margin: -6px -6px -3px 0; border: 0; background: transparent; color: var(--muted); font: 20px/1 var(--ui); cursor: pointer; }
.citation-context-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 5px 0 8px; font: 400 14px/1.5 var(--serif); overflow-wrap: anywhere; }
.citation-context-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; font: 400 11px/1.5 var(--ui); }
.citation-context-ask { padding: 2px 0; border: 0; background: transparent; color: var(--accent); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.citation-context-ask:disabled { color: var(--muted); cursor: default; text-decoration: none; }
.citation-context-actions .src { display: flex; flex-wrap: wrap; gap: 6px; }
#chatcitation button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
#recordhead { display: block; }
.record-title-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
#recordhead > p { margin-top: 8px; justify-content: flex-start; }
#record-add { flex: none; min-height: 34px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 3px; background: transparent; color: var(--muted); font: 500 12px/1.5 var(--ui); cursor: pointer; }
#record-add:hover, #record-add[aria-expanded="true"] { color: var(--text); border-color: var(--muted); }
#record-add:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
#stream > .record-composer { margin: 0; }
.record-composer > .addform { margin-bottom: 20px; scroll-margin-top: 106px; }
.record-source-label { display: block; margin-bottom: 5px; color: var(--muted); font: 400 12px/1.5 var(--ui); }
.record-attribution-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; margin: 4px 0 12px; }
.addrow2.record-attribution-fields { display: grid; }
.record-attribution-fields .record-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; color: var(--muted); font: 400 12px/1.5 var(--ui); }
.record-attribution-fields .record-field[hidden] { display: none; }
.record-attribution-fields input, .record-attribution-fields select { width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 8px 10px; border: 1px solid var(--line); background: var(--paper, var(--panel, #fff)); color: var(--text); font: 400 16px/1.5 var(--ui); }
.record-attribution-fields .record-speaker-field { grid-column: 1 / -1; }
.record-attribution-fields input:focus-visible, .record-attribution-fields select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.histrow .history-attribution { display: block; margin-top: 4px; font: 400 11px/1.5 var(--ui); overflow-wrap: anywhere; }
#more-facts { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#more-facts > summary { padding: 18px 0; color: var(--muted); font: 500 13px/1.6 var(--ui); cursor: pointer; }
#more-facts > summary:hover { color: var(--text); }
#more-facts > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
#more-facts-list > .card:last-child { border-bottom: 0; }
.msg { margin-bottom: 20px; }
.msg .cited-text { display: inline; overflow-wrap: anywhere; }
.fact-citation { position: relative; display: inline; border: 0; border-radius: 0; background: transparent; padding: 0 1px; margin: 0; color: #2f3e9e; font: 500 .65em/1 var(--ui); vertical-align: super; cursor: pointer; white-space: nowrap; }
.fact-citation:hover, .fact-citation[aria-expanded="true"] { text-decoration: underline; text-underline-offset: 2px; }
.fact-citation:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.citation-needed { display: inline; border: 0; border-bottom: 1px dashed currentColor; padding: 2px 3px; margin: 0 2px; background: transparent; color: var(--muted); font: italic 11px/1.8 var(--ui); white-space: nowrap; }
button.citation-needed { cursor: pointer; }
button.citation-needed:hover, .citation-needed[aria-expanded="true"] { color: var(--accent); background: #993e3210; }
.citation-facts { margin: 18px 0 4px; padding: 16px; border: 1px solid var(--line); background: #e8e2d63d; white-space: normal; }
.citation-facts.citation-popover { position: fixed; z-index: 70; width: min(440px, calc(100vw - 24px)); margin: 0; overflow-y: auto; overscroll-behavior: contain; background: var(--paper, var(--panel, #fff)); box-shadow: 0 8px 28px #24252026; }
.citation-facts .card { padding: 0; border: 0; }
.citation-facts .card::before { display: none; }
.citation-facts .quote { margin: 0 0 12px; font-size: 17px; line-height: 1.65; }
.missing-claim .meta { gap: 12px; }
.missing-claim .votebtn { min-height: 44px; }
.missing-claim .meta { justify-content: flex-start; flex-wrap: wrap; }
.missing-claim .add-missing-fact { border-color: transparent; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.citation-search-status { margin: 0 0 14px; color: var(--muted); font: 400 12px/1.6 var(--ui); }
.missing-claim button:disabled { cursor: default; opacity: .6; }
.citation-facts .votes { flex-wrap: wrap; }
.citation-facts .votes button { min-height: 40px; }
.citation-facts .src { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
body.chatdock #chatlog { max-height: none; }
@media (max-width: 760px) {
  #community-summary { margin-top: 18px; }
  #summarybody .cited-text { font-size: 18px; line-height: 1.8; }
  #chatpanel { margin-top: 24px; margin-bottom: 28px; }
  #chatlog { padding: 12px; max-height: 70dvh; }
  .citation-facts { padding: 14px; }
  .citation-facts .quote { font-size: 16px; }
  .citation-facts .votes { display: grid; grid-template-columns: 1fr; width: 100%; }
  .citation-facts .votes button { min-height: 44px; text-align: left; }
}
@media (max-width: 420px) {
  .record-attribution-fields { grid-template-columns: minmax(0, 1fr); }
  .histrow { flex-wrap: wrap; }
  .histrow > span:first-child { flex-basis: 100%; }
}
@media (pointer: coarse) {
  #record-add { min-height: 44px; }
  .citation-context-clear { min-width: 44px; min-height: 44px; }
  .citation-context-ask { min-height: 44px; }
  .fact-citation::after { content: ""; position: absolute; inset: -8px -4px; }
}