@import url("/assets/activity.css");

.fb-discussion, .reader-area { --discussion-ink: #18382e; --discussion-paper: #fffefb; --discussion-muted: #52625b; --discussion-line: #cdd6d0; --discussion-accent: #daed7d; color: var(--discussion-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1rem; line-height: 1.65; }
.fb-discussion { border-top: 1px solid var(--discussion-line); margin-top: 3rem; padding-top: 2.5rem; }
.fb-discussion *, .reader-area * { box-sizing: border-box; }
.fb-discussion [hidden], .reader-area [hidden] { display: none !important; }
.fb-discussion h2, .reader-area h2 { font: 400 clamp(1.9rem, 4vw, 2.6rem)/1.2 Georgia, serif; letter-spacing: -.035em; margin: 0 0 1rem; }
.fb-discussion h3, .reader-area h3 { font: 400 1.5rem/1.3 Georgia, serif; letter-spacing: -.025em; margin: 0 0 1rem; }
.fb-discussion p, .reader-area p { line-height: 1.7; }
.fb-discussion a, .reader-area a { color: inherit; text-underline-offset: .25em; }
.discussion-muted { color: var(--discussion-muted); }
.discussion-help { color: var(--discussion-muted); font-size: .875rem; line-height: 1.6; margin: .6rem 0 1rem; }
.discussion-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.discussion-heading h2 { margin: 0; }
.discussion-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.discussion-button { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: .7rem 1rem; border: 1px solid var(--discussion-ink); border-radius: 3px; background: var(--discussion-ink); color: var(--discussion-paper); font: 600 .9375rem/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; }
.discussion-button:hover { background: #2c5141; }
.discussion-button.secondary { background: transparent; color: var(--discussion-ink); }
.discussion-button.secondary:hover { background: #edf1e8; }
.discussion-button.quiet { border-color: var(--discussion-line); background: transparent; color: var(--discussion-ink); padding: .45rem .75rem; min-height: 40px; font-size: .8125rem; font-weight: 400; }
.discussion-button.quiet:hover { background: #edf1e8; }
.discussion-button:disabled { cursor: default; opacity: .6; }
.discussion-button[aria-pressed="true"] { background: var(--discussion-accent); color: var(--discussion-ink); border-color: #b3c862; opacity: 1; }
.fb-discussion :focus-visible, .reader-area :focus-visible { outline: 3px solid #527621; outline-offset: 4px; }
.discussion-message { background: #edf3e6; border-left: 3px solid #54742c; padding: .9rem 1rem; margin: 1rem 0; overflow-wrap: anywhere; }
.discussion-message:empty { display: none; }
.discussion-message.error { background: #fcf0e9; border-color: #a14528; }
.discussion-label { display: block; font-size: .9375rem; font-weight: 600; margin: 0 0 .5rem; }
.discussion-input, .discussion-textarea { display: block; width: 100%; min-height: 48px; padding: .75rem .9rem; border: 1px solid #7d9083; border-radius: 3px; background: var(--discussion-paper); color: var(--discussion-ink); font: inherit; }
.discussion-textarea { resize: vertical; min-height: 140px; line-height: 1.7; }
.discussion-field { margin-bottom: 1.2rem; }
.discussion-login { padding: 1.4rem; background: #f1f3ec; margin: 1.4rem 0; }
.discussion-login p:first-child { margin-top: 0; }
.discussion-login .discussion-input { max-width: 28rem; }
.discussion-auth { margin: 1.5rem 0; }
.discussion-auth p { margin: 0 0 .7rem; }
.discussion-compose { padding: 1.4rem 0 2rem; }
.discussion-reply-to { background: #f1f3ec; border-left: 3px solid #7d9083; padding: .8rem 1rem; margin-bottom: 1rem; }
.discussion-reply-to p { margin: 0; }
.discussion-comments { padding: 0; margin: 0; list-style: none; }
.discussion-comment { margin: 0 0 0 calc(var(--discussion-depth, 0) * 1.1rem); padding: 1.4rem 0; border-top: 1px solid var(--discussion-line); min-width: 0; }
.discussion-comment-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem .8rem; margin-bottom: .6rem; }
.discussion-comment-meta strong { font-size: .9375rem; font-weight: 600; overflow-wrap: anywhere; }
.discussion-comment-meta time { font-size: .75rem; color: var(--discussion-muted); }
.discussion-comment-body { white-space: pre-wrap; overflow-wrap: anywhere; margin: .5rem 0 1rem; }
.discussion-comment-context { color: var(--discussion-muted); font-size: .8rem; margin: 0 0 .65rem; }
.discussion-list-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .8rem; margin-top: 1.7rem; margin-bottom: 1rem; }
.discussion-list-toolbar h3 { margin: 0; }
.discussion-sort-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; }
.discussion-button.discussion-sort-tab { padding: .75rem .6rem; min-height: 48px; border: 1px solid transparent; border-radius: 8px; background: #edf0e9; color: var(--discussion-ink); font-size: .9rem; font-weight: 600; white-space: nowrap; }
.discussion-button.discussion-sort-tab:hover { background: #e0e7d7; }
.discussion-button.discussion-sort-tab[aria-pressed="true"] { background: var(--discussion-ink); border-color: var(--discussion-ink); color: var(--discussion-paper); }
.fb-discussion .discussion-comment { display: grid; grid-template-columns: 2.65rem minmax(0, 1fr); gap: .9rem; margin: 0; padding: 1.25rem 0; }
.discussion-avatar { display: inline-flex; justify-content: center; align-items: center; width: 2.65rem; height: 2.65rem; border-radius: 50%; background: #e5e9e2; color: #4c6555; font-size: .85rem; font-weight: 500; line-height: 1; }
.discussion-comment-content { min-width: 0; }
.fb-discussion .discussion-comment-meta { align-items: baseline; gap: .2rem .5rem; margin-bottom: .65rem; }
.fb-discussion .discussion-comment-meta strong { font-size: 1rem; font-weight: 700; }
.fb-discussion .discussion-comment-meta time { font-size: .8rem; }
.fb-discussion .discussion-comment-body { margin: .6rem 0 1rem; font-size: 1rem; line-height: 1.6; }
.discussion-comment-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; }
.discussion-comment-footer .discussion-actions { gap: .7rem; }
.discussion-button.discussion-reply-button { min-height: 36px; padding: .2rem 0; border: 0; background: transparent; color: var(--discussion-ink); font-size: .9rem; font-weight: 600; }
.discussion-button.discussion-reply-button:hover { background: transparent; text-decoration: underline; text-underline-offset: .2em; }
.discussion-votes { display: inline-flex; align-items: center; gap: .55rem; margin-left: auto; }
.discussion-button.discussion-vote { display: inline-flex; justify-content: space-between; gap: .8rem; min-width: 76px; min-height: 34px; border: 1px solid #c7d1c6; border-radius: 999px; padding: .2rem .75rem; background: transparent; font-size: .9375rem; font-weight: 600; line-height: 1; }
.discussion-vote-arrow { font-size: 1.3rem; line-height: 1; }
.discussion-button.discussion-upvote { color: #286d3a; }
.discussion-button.discussion-downvote { color: #a23a4c; }
.discussion-button.discussion-upvote:hover, .discussion-button.discussion-upvote[aria-pressed="true"] { background: #e5f1df; border-color: #6b9564; color: #225f31; }
.discussion-button.discussion-downvote:hover, .discussion-button.discussion-downvote[aria-pressed="true"] { background: #fbe9eb; border-color: #bd7581; color: #923246; }
.fb-discussion .discussion-auth { border-top: 1px solid var(--discussion-line); padding-top: 1.5rem; margin-top: 2rem; }
.discussion-tombstone { color: var(--discussion-muted); font-size: .9375rem; font-style: italic; }
.discussion-honeypot { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.discussion-empty { margin: 1.3rem 0 2rem; color: var(--discussion-muted); }
.discussion-pagination { margin-top: 1.25rem; }
.reader-section { padding: 1.7rem 0; border-top: 1px solid var(--discussion-line); }
.reader-section > form { margin-top: 1.8rem; }
.reader-options { border: 0; padding: 0; margin: 1.5rem 0; }
.reader-options legend { font-weight: 600; margin-bottom: .8rem; }
.reader-choice { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; border: 1px solid var(--discussion-line); margin-bottom: .7rem; font-weight: 400; cursor: pointer; }
.reader-choice input[type="radio"], .reader-choice input[type="checkbox"] { width: 1.1rem; height: 1.1rem; min-height: 0; flex: 0 0 auto; margin: .25rem 0 0; accent-color: var(--discussion-ink); }
.reader-choice strong { display: block; }
.reader-choice small { display: block; color: var(--discussion-muted); margin-top: .2rem; font-size: .875rem; }
.reader-name-preview { background: #f1f3ec; padding: .8rem 1rem; overflow-wrap: anywhere; }
.reader-name-preview strong { font-weight: 600; }
.reader-email { overflow-wrap: anywhere; }
.reader-back-link { display: inline-block; margin: 1rem 0 2rem; font-weight: 600; }
.reader-comment-link { font-family: Georgia, serif; font-size: 1.2rem; }
@media (max-width: 520px) { .discussion-comment { margin-left: calc(var(--discussion-depth, 0) * .65rem); } .discussion-login { padding: 1.1rem; } .discussion-heading { align-items: flex-start; } .discussion-button.discussion-sort-tab { font-size: .79rem; padding: .65rem .3rem; } .discussion-sort-tabs { gap: .3rem; } .fb-discussion .discussion-comment { grid-template-columns: 2.2rem minmax(0, 1fr); gap: .65rem; } .discussion-avatar { width: 2.2rem; height: 2.2rem; font-size: .8rem; } .discussion-button.discussion-vote { min-width: 66px; padding-inline: .6rem; } .discussion-votes { gap: .4rem; } }