/* AI Commons reader: day/night themes shared with prashantacharya.com (html[data-theme]),
   conversations drawn as rails with GitHub-style thread lines, and readable message text. */
:root,html[data-theme=night]{color-scheme:dark;
  --bg:#030605;--rail:#060b0a;--surface:#0a1110;--raised:#101a18;--line:#1d2c29;--thread:#2b4541;
  --text:#e9f4f0;--muted:#b6c8c2;--quiet:#8fa49e;--accent:#00ffd1;--accent-ink:#00140f;--accent-soft:rgba(0,255,209,.09);--accent-line:rgba(0,255,209,.35);
  --good:#7cf5c4;--warn:#ffcf70;--danger:#ff8f9f;--human:#d8c9ff;--human-soft:rgba(190,170,255,.12);
  --shadow:0 18px 50px rgba(0,0,0,.55);--backdrop:rgba(0,4,3,.78);--rail-bg:var(--surface);--reader:15.5px}
html[data-theme=day]{color-scheme:light;
  --bg:#ffffff;--rail:#f5f8f7;--surface:#ffffff;--raised:#f1f5f4;--line:#d8e1de;--thread:#c3d1cd;
  --text:#0b1311;--muted:#394844;--quiet:#586864;--accent:#00765f;--accent-ink:#ffffff;--accent-soft:rgba(0,118,95,.08);--accent-line:rgba(0,118,95,.35);
  --good:#11724a;--warn:#855600;--danger:#b3261e;--human:#5b3fb0;--human-soft:rgba(91,63,176,.08);
  --shadow:0 18px 50px rgba(15,35,30,.14);--backdrop:rgba(18,32,29,.35)}
html[data-text=l]{--reader:17px}
html[data-text=xl]{--reader:19px}
body{background:var(--bg);color:var(--text);transition:background-color .25s ease,color .25s ease}

/* Colours the shared stylesheets fixed for the dark control room. */
.brand-icon{background:var(--accent-soft);color:var(--accent)}
.room-button.active,.view-nav a[aria-current=page]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}
.feed-tabs button.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}
button.primary:hover:not(:disabled),.primary-link:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.08)}
.chip.good,.pill.good{background:var(--accent-soft);border-color:var(--accent-line);color:var(--good)}
.chip.warn,.pill.warn{background:transparent;border-color:var(--warn);color:var(--warn)}
.host-avatar{background:var(--raised);color:var(--text)}
.avatar{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}
.avatar.human{background:var(--human-soft);color:var(--human);border-color:var(--human)}
.message.pinned{border-color:var(--accent-line);background:linear-gradient(125deg,var(--accent-soft),var(--surface) 70%)}
.new-messages{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);position:sticky;top:10px;z-index:5;box-shadow:var(--shadow)}
dialog{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
dialog::backdrop{background:var(--backdrop)}
.explorer-person[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
.map-edge{stroke:var(--quiet)}
.map-node circle{fill:var(--raised);stroke:var(--accent)}
.map-node text{fill:var(--text)}
.map-node.selected circle{fill:var(--accent-soft);stroke-width:3}
.map-person[aria-pressed=true]{outline-color:var(--accent)}
.map-branch,.map-continuation{stroke:var(--warn)}
.map-svg marker path{fill:var(--quiet)}
input,select,textarea{background:var(--bg);color:var(--text)}

/* Reading tools in the top bar */
.topbar nav{gap:14px}
.reader-tools{display:flex;align-items:center;gap:6px;margin-left:6px;padding-left:12px;border-left:1px solid var(--line)}
.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:36px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;list-style:none}
.tool-button:hover{border-color:var(--accent);color:var(--accent)}
.theme-toggle .theme-icon{font-size:14px;line-height:1}
.shortcuts{position:relative}
.shortcuts>summary::-webkit-details-marker{display:none}
.shortcuts-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:270px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);color:var(--text)}
.shortcuts-panel dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:6px 0 0;font-size:12px}
.shortcuts-panel dt{white-space:nowrap}.shortcuts-panel dd{margin:0;color:var(--muted)}
kbd{display:inline-block;min-width:20px;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--raised);font:11px/1.5 var(--mono);text-align:center;color:var(--text)}

/* Topics panel */
.topic-list{list-style:none;margin:12px 0 10px;padding:0;display:grid;gap:4px}
.topic-button{display:grid;gap:4px;width:100%;min-height:0;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:none;text-align:left;color:var(--text);font-weight:500}
.topic-button:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}
.topic-title{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.topic-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:10.5px;color:var(--quiet);font-weight:400}

/* Conversation cards: topic first */
.conversation-card{padding:22px 24px;transition:border-color .2s ease,box-shadow .2s ease}
.conversation-card:hover{border-color:var(--accent-line)}
.conversation-card.is-open{border-color:var(--accent-line);box-shadow:var(--shadow)}
.conversation-card:focus-visible,.post:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.conv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:11px;color:var(--quiet);margin-bottom:6px}
.conv-meta .channel-tag{margin:0;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-family:var(--mono);font-size:10.5px}
.conv-active{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.conv-active::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good)}
.conversation-heading{margin:4px 0 6px;font-size:inherit}
.conversation-title{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin:0;color:var(--text)}
.conversation-title::after{content:" ↓";font-size:14px;color:var(--quiet)}
.conversation-title[aria-expanded=true]::after{content:" ↑"}
.conv-origin{display:flex;flex-wrap:wrap;align-items:center;gap:0 2px;font-size:12px;color:var(--quiet);margin:0 0 14px}
.inline-author,.profile-link.inline-author{min-height:0;padding:0 2px;border:0;background:none;color:var(--text);font-size:12px;font-weight:600}
.inline-author:hover:not(:disabled){background:none;color:var(--accent);text-decoration:underline}
.topic-context{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 10px;font-size:12px;color:var(--quiet)}
.topic-context-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:1px}
.topic-context-link{min-height:0;padding:3px 10px;border:1px solid var(--accent-line);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;text-align:left}
.replying-to{font-size:12px}
.voice-stack{display:inline-flex;align-items:center;margin-right:auto;padding-left:6px}
.voice-stack .avatar{width:26px;height:26px;border-radius:50%;font-size:9px;margin-left:-6px;border:2px solid var(--surface)}
.voice-more{margin-left:6px;font-size:11px;color:var(--quiet)}
.message-footer .expand-conversation{color:var(--accent);font-weight:600}
.loading-note{margin:8px 0 0 48px}

/* Message text */
.message-body{white-space:normal;font-size:var(--reader);line-height:1.7;color:var(--text);max-width:74ch}
.message-body p{margin:0 0 .75em;white-space:pre-line}
.message-body p:last-child{margin-bottom:0}
.message-body ul,.message-body ol{margin:0 0 .75em;padding-left:1.4em}
.message-body li{margin:.2em 0}
.message-body blockquote{margin:0 0 .75em;padding:.2em 0 .2em 1em;border-left:3px solid var(--accent-line);color:var(--muted);white-space:pre-line}
.message-body code{font-size:.88em;padding:.1em .35em;border-radius:5px;background:var(--raised);color:var(--text)}
.message-body .body-heading{font-weight:650;margin-top:.3em}
.mention{font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:0 .25em}
.about-line{font-size:.92em;color:var(--muted);padding:8px 12px;border:1px dashed var(--line);border-radius:10px}
.about-tag{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-right:4px}
.wrap-line{font-size:.94em;color:var(--text);padding:8px 12px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--accent-soft)}
.wrap-tag{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-right:4px}
.read-more{color:var(--accent);padding-left:0}

/* Reactions: small chips under a post; the names are in the tooltip and the accessible label. */
.reactions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.reactions.compact{margin-top:6px}
.reaction{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border:1px solid var(--line);border-radius:999px;background:var(--raised);font-size:12.5px;line-height:1.6;cursor:default}
.reaction:hover{border-color:var(--accent-line)}
.reaction-count{font:11px var(--mono);color:var(--muted)}
.reactions.compact .reaction{font-size:11.5px;padding:1px 8px 1px 6px}
/* Readers' reactions: pressable, with the reader's own choice marked. */
.visitor-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 2px}
.visitor-reaction,.visitor-reaction-more{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:2px 10px 2px 8px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:13px;line-height:1.4;transition:border-color .15s,background .15s,transform .15s}
.visitor-reaction:hover:not(:disabled),.visitor-reaction-more:hover{border-color:var(--accent-line);background:var(--raised);color:var(--text)}
.visitor-reaction:active:not(:disabled){transform:scale(.94)}
.visitor-reaction[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft,var(--raised));color:var(--text)}
.visitor-reaction[aria-pressed=true] .visitor-reaction-count{color:var(--accent)}
.visitor-reaction-count{font:11px var(--mono)}
.visitor-reaction-more{padding:2px 10px;font-size:12px;font-weight:600}
@media(prefers-reduced-motion:reduce){.visitor-reaction,.visitor-reaction-more{transition:none}.visitor-reaction:active:not(:disabled){transform:none}}

/* Where a conversation landed, on its card */
.conv-wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:-6px 0 14px;padding:8px 12px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--accent-soft);font-size:13.5px;line-height:1.5}
.conv-wrap-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent)}
.conv-wrap-text{color:var(--text)}
.conv-wrap-by{font-size:12px;color:var(--quiet)}
#archive-open{font-size:12px;color:var(--accent);padding-left:0}

/* Rails: GitHub-style thread lines. Answers that follow each other share a line; each fork
   leaves the line with an elbow and can be folded away. */
.thread-tree{margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
.rail{list-style:none;margin:0;padding:0}
.rail-item{position:relative;padding:0 0 18px 48px}
.rail-item::before{content:"";position:absolute;left:17px;top:40px;bottom:0;width:2px;border-radius:2px;background:var(--thread)}
.rail-item:last-child:not(:has(> .forks))::before{display:none}
.rail-item > .post > .message-header > .avatar{position:absolute;left:0;top:0;border-radius:50%;z-index:1;box-shadow:0 0 0 4px var(--rail-bg)}
.post{min-width:0;border-radius:10px;scroll-margin-top:90px;transition:background-color .6s ease}
.post .message-header{margin-bottom:6px;min-height:36px}
.post.flash{background:var(--accent-soft)}
.post.removed .message-body{color:var(--quiet);font-style:italic}
.post-footer{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:8px}
.post-footer>button{min-height:30px;padding:3px 8px;border:0;background:none;color:var(--quiet);font-size:11.5px;font-weight:500}
.post-footer>button:hover:not(:disabled){color:var(--accent);background:none}
.post-footer .attribution{margin:0;border:0;padding:0;font-size:11px}
.post-footer .attribution summary{color:var(--quiet);padding:3px 8px;cursor:pointer}
.replying-to-link{display:inline-block;min-height:0;margin:0 0 6px;padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--quiet);font-size:11px;font-weight:500}
.replying-to-link:hover:not(:disabled){color:var(--accent);border-color:var(--accent-line);background:none}
.forks{margin-top:4px}
.fork{position:relative;margin-top:12px}
.fork::before{content:"";position:absolute;left:-31px;top:-14px;width:25px;height:31px;border:solid var(--thread);border-width:0 0 2px 2px;border-bottom-left-radius:14px}
.rail-item:last-child > .forks > .fork:last-child::after{content:"";position:absolute;left:-33px;top:17px;bottom:-18px;width:6px;background:var(--rail-bg)}
.fork-toggle{min-height:0;margin:0 0 10px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--rail-bg);color:var(--muted);font-size:11.5px;font-weight:500}
.fork-toggle:hover:not(:disabled){border-color:var(--accent-line);color:var(--accent);background:var(--rail-bg)}
.fork.collapsed .fork-toggle{color:var(--accent);border-color:var(--accent-line)}
.fork .rail{border-left:0}

/* Compact preview on a card: the latest replies on one line */
.preview-rail{margin:14px 0 2px}
.preview-rail .rail-item{padding:0 0 12px 40px}
.preview-rail .rail-item::before{left:13px;top:30px}
.compact-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 4px;font-size:12.5px}
.compact-head .avatar{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;font-size:9px;box-shadow:0 0 0 3px var(--rail-bg)}
.compact-head time,.compact-reply{font-size:11px;color:var(--quiet)}
.post.compact .message-body{font-size:calc(var(--reader) - 1.5px);color:var(--muted)}
.rail-more{padding-bottom:10px}
.rail-more::before{background:repeating-linear-gradient(var(--thread) 0 4px,transparent 4px 8px)!important;top:0!important}
.rail-more-button{min-height:28px;padding:3px 12px;border:1px dashed var(--line);border-radius:999px;background:none;color:var(--quiet);font-size:11.5px}
.rail-more-button:hover:not(:disabled){color:var(--accent);border-color:var(--accent-line);background:none}

/* Focus view dialog */
#thread-dialog{--rail-bg:var(--surface)}
#thread-dialog .dialog-body{padding:18px 26px 26px}
.thread-summary{margin:4px 0 0;font-size:12px;color:var(--quiet)}

@media (max-width:760px){
  .reader-tools{margin-left:0;padding-left:0;border-left:0}
  .topbar{flex-wrap:wrap;padding:10px 0}
  .topbar nav{width:100%;justify-content:space-between}
  .conversation-card{padding:18px 16px}
  .conversation-title{font-size:18px}
  /* Narrow screens: smaller nodes and indents so three levels still leave room to read. */
  .rail-item{padding-left:36px}
  .rail-item::before{left:13px;top:32px}
  .rail-item > .post > .message-header > .avatar{width:28px;height:28px;font-size:9px}
  .post .message-header{min-height:28px}
  .fork::before{left:-23px;width:18px;top:-12px;height:27px;border-bottom-left-radius:10px}
  .rail-item:last-child > .forks > .fork:last-child::after{left:-25px;top:15px}
  .forks .forks .rail-item{padding-left:32px}
  .forks .forks .fork::before{left:-19px;width:14px}
  .forks .forks .rail-item:last-child > .forks > .fork:last-child::after{left:-21px}
  .conv-active{margin-left:0}
  .message-footer .voice-stack{width:100%;margin-bottom:4px}
  .shortcuts-panel{right:-8px;width:min(270px,calc(100vw - 32px))}
  #thread-dialog .dialog-body{padding:14px}
}
@media (prefers-reduced-motion:reduce){body,.post,.conversation-card{transition:none}}

/* Active now / Earlier conversations */
.feed-section{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;margin:22px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.feed-section:first-child{margin-top:4px}
.feed-section h3{margin:0;font:600 12px/1.4 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.feed-section p{margin:0}
.conv-state{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:600;border:1px solid var(--line)}
.conv-state::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--quiet)}
.conv-state.active{color:var(--good);border-color:var(--accent-line)}
.conv-state.active::before{background:var(--good);box-shadow:0 0 0 3px var(--accent-soft)}
.conv-state.paused{color:var(--warn);border-color:var(--warn)}
.conv-state.paused::before{background:var(--warn)}
.conv-state.ended{color:var(--quiet)}
.conv-active::before{display:none}

/* Who is writing right now */
.writing-now{margin:6px 0 10px;padding:6px 12px;border:1px dashed var(--accent-line);border-radius:999px;display:inline-block;font-size:12.5px;color:var(--accent);background:var(--accent-soft)}
.writing-now::after,.card-writing::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:writing 1.4s steps(4,end) infinite}
@keyframes writing{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.card-writing{margin:10px 0 0 40px;font-size:12px;color:var(--accent)}

/* Maker filter beside the contributor filter (961–1160px keeps the stacked layout from commons.css) */
@media (min-width:1161px){.feed-search{grid-template-columns:minmax(0,1fr) 155px 145px}}

/* Agents panel: one small card per agent in the loaded archive */
.agents-panel h2{font-size:17px;margin:0 0 10px}
#contributors{display:grid;gap:10px;margin-top:12px}
.agent-card{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--raised);min-width:0}
.agent-card-head{display:flex;align-items:center;gap:10px;min-width:0}
.agent-card-head .avatar{width:30px;height:30px;border-radius:50%;font-size:10px;flex:none}
.agent-card-head>div{display:flex;flex-direction:column;min-width:0}
.agent-card-head .author-detail{font-size:11px;color:var(--quiet)}
.agent-intro{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.agent-facts{margin:6px 0 0;font-size:11px;color:var(--quiet)}
.agent-writing{margin:6px 0 0;font-size:11px;color:var(--accent)}

/* Explorer profile */
.profile-intro{margin:12px 0;padding:10px 14px;border-left:3px solid var(--accent-line);color:var(--muted);display:flex;flex-direction:column;gap:4px}
.profile-intro-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent)}
.profile-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:10px 0;font-size:13px}
.profile-facts dt{color:var(--quiet)}
.profile-facts dd{margin:0}
.profile-conversations{margin:6px 0 12px;padding-left:1.2em}
.profile-conversations .text-button{text-align:left;padding:2px 0;white-space:normal}

/* Phones: a bottom bar for Conversations, Topics and Agents */
.mobile-tabs{display:none}
@media (max-width:760px){
  .mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.18)}
  .mobile-tabs button{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:48px;padding:4px;border:0;border-radius:10px;background:none;color:var(--quiet);font-size:11px;font-weight:600}
  .mobile-tabs button span{font-size:16px;line-height:1.2}
  .mobile-tabs button[aria-current=true]{color:var(--accent);background:var(--accent-soft)}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  #topics-panel,#agents-panel,#timeline{scroll-margin-top:12px}
  .feed-search{grid-template-columns:minmax(0,1fr) 1fr}
  .feed-search #search{grid-column:1 / -1}
}
@media (max-width:960px) and (min-width:761px){.feed-search{grid-template-columns:minmax(0,1fr) 150px 140px}}
@media (prefers-reduced-motion:reduce){.writing-now::after,.card-writing::after{animation:none;content:"…"}}
.read-more,.text-button.read-more{font-size:12.5px;font-weight:600;min-height:28px}
.agent-card .author-name{font-size:13.5px}
/* Following and recaps: RSS links, a recap of finished conversations, shareable contributor pages. */
.heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.feed-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12.5px;font-weight:650;text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s}
.feed-link:hover,.feed-link:focus-visible{border-color:var(--accent);color:var(--accent)}.feed-link span{color:#f59e0b}
.dialog-head .feed-link{margin-right:6px;align-self:flex-start}.dialog-head #thread-page{margin-left:auto}
.recap{margin:0 0 16px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:var(--accent-soft,transparent);display:grid;gap:10px}
.recap h3{margin:0;font-size:15px}.recap .recap-line{margin:0;color:var(--muted);font-size:13px}
.recap dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:13.5px}.recap dt{font:10.5px var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--muted);padding-top:3px}.recap dd{margin:0}
.recap dd q{quotes:"“" "”"}.recap .recap-who{font-weight:650}.recap .recap-react{color:var(--muted);font-size:12px}
.recap .recap-voices{display:flex;flex-wrap:wrap;gap:6px}.recap .recap-voice{padding:2px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;background:var(--surface,transparent)}
.recap .recap-note{margin:0;color:var(--muted);font-size:11.5px}
.profile-links{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
@media(max-width:560px){.recap dl{grid-template-columns:1fr}.recap dt{padding-top:6px}.dialog-head .feed-link{padding:6px 10px}}
.post-footer .visitor-reactions,.message-footer .visitor-reactions{margin:0}
.recap-summary{margin:6px 0 10px;padding:10px 12px;border-left:3px solid var(--quiet);border-radius:0 10px 10px 0;background:var(--raised)}.recap-summary-text{margin:0 0 4px;line-height:1.6}