/* Scoped community discussion: transparent graphite, warm gold, restrained green. */
.community-comments{--c-text:#eeeee9;--c-muted:#b9b9b0;--c-line:#d7c67d35;--c-panel:#303131b8;--c-input:#1517189c;--c-accent:#e9d48c;--c-ink:#373126;position:relative;isolation:isolate;margin:45px 0 32px;padding:clamp(18px,3vw,32px);border:1px solid var(--c-line);border-radius:25px;background:radial-gradient(ellipse at 0 0,#cfb34b17,transparent 65%),linear-gradient(130deg,#353638b0,#232527bd);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px #0002;color:var(--c-text);text-align:left}
.community-comments *{box-sizing:border-box}.community-comments [hidden]{display:none!important}.community-comments h2,.community-comments h3,.community-comments p{color:inherit;text-align:left;word-spacing:normal;letter-spacing:normal}.comments-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--c-line);margin-bottom:24px}.comments-kicker{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--c-accent)}.comments-heading h2{font-size:clamp(22px,3vw,29px);margin:8px 0;line-height:1.3}.comments-heading p{font-size:13px;margin:0;color:var(--c-muted)}.comments-seal{display:flex;align-items:center;gap:7px;flex:none;font-size:10px;border:1px solid var(--c-line);border-radius:30px;padding:9px 12px;background:#c5b1680d;color:var(--c-accent)}.comments-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}.comments-stream,.comments-compose{min-width:0}.comments-list{display:grid;gap:14px}.comment-card,.comment-compose-card{margin:0;padding:20px;border:1px solid var(--c-line);background:var(--c-panel);border-radius:18px;box-shadow:inset 0 1px #ffffff08;backdrop-filter:blur(10px);animation:comment-arrive .35s ease both}.community-comments .comment-card{display:block;width:auto;min-width:0;max-width:none}.comment-card>header{display:flex;gap:11px;align-items:center;margin:0 0 15px}.comment-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:13px;background:linear-gradient(130deg,#d3ba6644,#d3ba6610);color:var(--c-accent);font-weight:700}.comment-card strong{font-size:13px;overflow-wrap:anywhere}.comment-card time{display:block;font-size:10px;color:var(--c-muted);margin-top:3px}.comment-message,.comment-official-reply p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px!important;line-height:1.8;margin:0}.comment-official-reply{margin-top:18px;border-left:2px solid var(--c-accent);padding:14px;background:#b4b47a0c;border-radius:0 12px 12px 0}.comment-official-reply>strong{display:flex;gap:7px;align-items:center;color:var(--c-accent);margin-bottom:8px;font-size:11px}.comments-empty{text-align:center!important;padding:35px 18px;border:1px dashed var(--c-line);border-radius:18px;color:var(--c-muted)}.comments-empty>i{font-size:32px;color:var(--c-accent);margin-bottom:14px}.comments-empty h3{text-align:center;font-size:16px;margin:0 0 10px}.comments-empty p{text-align:center;font-size:12px;line-height:1.8;margin:0}.comment-compose-card{padding:0;overflow:hidden}.comment-compose-card>summary{display:flex;align-items:center;gap:9px;padding:19px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--c-accent)}.comment-compose-card>summary::-webkit-details-marker{display:none}.comment-compose-card>summary>i:last-child{margin-left:auto;transition:transform .25s}.comment-compose-card[open]>summary>i:last-child{transform:rotate(180deg)}.comment-form{padding:0 19px 19px;display:grid;gap:13px}.comment-field{display:block;min-width:0}.comment-field>span{display:block;font-size:11px;margin-bottom:7px;color:var(--c-muted)}.comment-field input,.comment-field textarea{display:block;width:100%;min-width:0;border:1px solid var(--c-line);border-radius:11px;background:var(--c-input);color:var(--c-text);padding:11px 12px;font:inherit;font-size:13px;line-height:1.6;resize:vertical}.comment-field input:focus-visible,.comment-field textarea:focus-visible,.comment-button:focus-visible,.comment-compose-card summary:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.comment-consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.7;color:var(--c-muted)}.comment-consent input{appearance:auto;flex:0 0 16px;width:16px;height:16px;margin-top:3px;accent-color:#a79045}.comment-consent a{display:inline;color:var(--c-accent);text-decoration:underline}.comment-privacy,.comment-guidance,.comments-status,.comment-form-status{font-size:11px!important;line-height:1.7;margin:0;color:var(--c-muted)!important;overflow-wrap:anywhere}.comment-guidance{padding:13px 5px}.comments-status{margin-top:20px;padding-top:13px;border-top:1px solid var(--c-line)}.comment-count{text-align:right;font-size:10px;color:var(--c-muted);margin-top:-7px}.comment-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid var(--c-line);border-radius:11px;background:var(--c-panel);color:var(--c-accent);font:inherit;font-size:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;max-width:100%}.comment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #d3ba6620}.comment-button:disabled{opacity:.5;cursor:default}.comment-primary{background:linear-gradient(125deg,#ecdda6,#c8af63);color:var(--c-ink);font-weight:700;min-height:44px}.comments-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;font-size:12px}.comment-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comment-challenge{min-width:0}.comment-form-status:empty{display:none}
html.light-mode .community-comments{--c-text:#343834;--c-muted:#6c7169;--c-line:#a993533e;--c-panel:#ffffffe0;--c-input:#f9f9f6d9;--c-accent:#7a651e;--c-ink:#393222;background:radial-gradient(ellipse at 0 0,#e8d69440,transparent 65%),linear-gradient(130deg,#ffffffb5,#eeeeead9);box-shadow:0 15px 45px #4d4d3010}
@media(max-width:800px){.comments-grid{grid-template-columns:1fr}.comments-compose{grid-row:1}.comments-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.community-comments{margin-top:30px;border-radius:20px}.comments-seal{font-size:9px}.comment-card{padding:16px}.comment-message{font-size:13px!important}}
@keyframes comment-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.community-comments *{animation:none!important;transition:none!important}}

/* Place the discussion between the editorial text and the muhtar message. */
#opportunity>.community-comments{clear:both;margin:34px 0 30px}
.community-comments+#muhtarsection{padding-top:28px;border-top:1px solid #b6a65c35;margin-top:0}
.community-comments+#muhtarsection>br:first-child,.community-comments+#muhtarsection>br:nth-child(2){display:none}
.community-comments .comment-like{display:flex;width:fit-content;margin-top:16px;font-size:11px;padding:8px 12px;border-radius:20px}
.community-comments .comment-like.is-liked{background:#c8af6320;border-color:var(--c-accent);box-shadow:0 0 16px #ccb75712}
.community-comments .comment-like.is-liked i{animation:comment-like-pop .3s ease}
@keyframes comment-like-pop{50%{transform:scale(1.25)}}
@media(max-width:600px){#opportunity>.community-comments{margin:26px 0 24px}.community-comments+#muhtarsection{padding-top:22px}}

/* Listing discussions sit between pagination and sharing. */
.community-comments.community-comments--listing{clear:both;margin:32px 0 28px}
.comments-following-share{margin-top:0;padding-top:24px;border-top:1px solid #b6a65c35}
@media(max-width:600px){.community-comments.community-comments--listing{margin:24px 0}.comments-following-share{padding-top:20px}}

/* Shared formatting for published replies and their live preview. */
.comment-markdown{white-space:normal;overflow-wrap:anywhere;line-height:1.75;text-align:left}
.comment-markdown p{margin:0 0 12px;white-space:normal!important;font-size:inherit}
.comment-markdown a{display:inline;color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.comment-markdown :is(ul,ol){display:block;padding-left:24px;margin:12px 0;list-style-position:outside}
.comment-markdown ul{list-style-type:disc}.comment-markdown ol{list-style-type:decimal}
.comment-markdown li{display:list-item;list-style:inherit;margin:5px 0}
.comment-markdown blockquote{border-left:3px solid #b6a65c;padding:8px 14px;margin:12px 0;background:#b6a65c12}
.comment-markdown pre{max-width:100%;overflow:auto;padding:12px;background:#80808018;border-radius:10px;white-space:pre}
.comment-markdown code{font-family:monospace;background:#80808018;padding:2px 4px;border-radius:4px}
.comment-markdown pre code{padding:0;background:none}.comment-markdown :is(h3,h4,h5){font-size:1.1em;line-height:1.4;margin:16px 0 10px}
.comment-markdown .md-spoiler{background:#666;color:transparent;border-radius:3px}.comment-markdown .md-spoiler:is(:hover,:focus){color:inherit;background:#80808025}
.comment-markdown>:last-child{margin-bottom:0}

/* Separate each discussion from the preceding content, matching the lower divider. */
.community-comments,#opportunity>.community-comments,.community-comments.community-comments--listing{margin-top:56px}
.community-comments::before{content:"";position:absolute;left:0;right:0;top:-29px;height:1px;background:#b6a65c35;pointer-events:none}
@media(max-width:600px){
 .community-comments,#opportunity>.community-comments,.community-comments.community-comments--listing{margin-top:44px}
 .community-comments::before{top:-23px}
}
.comments-heading{flex-wrap:wrap}
.comments-total{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center;margin-left:auto;padding:12px 16px;border:1px solid var(--c-line);border-radius:16px;background:linear-gradient(135deg,#d8c47f20,#80808008);box-shadow:inset 0 1px #ffffff12;animation:comment-arrive .45s ease both}
.comments-total>i{grid-row:span 2;color:var(--c-accent);font-size:21px;animation:comment-count-glow 3s ease-in-out infinite}
.comments-total strong{font-size:23px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--c-text)}
.comments-total span{font-size:10px;color:var(--c-muted)}
@keyframes comment-count-glow{50%{filter:drop-shadow(0 0 5px #d6bc6877)}}
@media(max-width:600px){.comments-total{padding:10px 12px}.comments-total strong{font-size:20px}}

/* Mobile header: introduction followed by a vertically centered status row. */
@media(max-width:600px){
 .comments-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px 10px}
 .comments-heading>div:first-child{grid-column:1/-1;min-width:0}
 .comments-heading>.comments-seal{justify-self:stretch;justify-content:center;align-self:center;min-width:0;min-height:48px;padding:10px 8px;text-align:center;line-height:1.5;gap:6px;border-radius:14px}
 .comments-heading>.comments-total{grid-column:2;margin:0;min-width:0;min-height:48px;align-self:center;justify-content:center;padding:10px 8px;border-radius:14px;column-gap:7px}
 .comments-total>i{font-size:18px}.comments-total span{font-size:9px;line-height:1.4}
}
/* Keep identity beside the avatar; page header rules must not spread it apart. */
.community-comments .comment-card>header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:11px;text-align:left}
.community-comments .comment-card>header>div{flex:0 1 auto;min-width:0;margin:0;text-align:left}
.community-comments .comment-card>header strong,.community-comments .comment-card>header time{display:block;text-align:left;margin-left:0;margin-right:0}

/* Threaded official replies: isolate rich text from global page/card styles. */
.community-comments .comment-official-reply{position:relative;margin:22px 0 0 28px;padding:16px;border:1px solid var(--c-line);border-left:2px solid var(--c-accent);border-radius:0 14px 14px 14px;background:linear-gradient(120deg,#b4b47a12,transparent);min-width:0}
.community-comments .comment-official-reply::before{content:"";position:absolute;left:-23px;top:-12px;width:21px;height:31px;border-left:1px solid var(--c-accent);border-bottom:1px solid var(--c-accent);border-bottom-left-radius:12px;opacity:.65;pointer-events:none}
.community-comments .comment-official-reply::after{content:"";position:absolute;left:-6px;top:15px;width:6px;height:6px;border-top:1px solid var(--c-accent);border-right:1px solid var(--c-accent);transform:rotate(45deg);pointer-events:none}
.community-comments .comment-official-reply>.comment-markdown{color:var(--c-text);font-size:14px;line-height:1.8;text-align:left}
.community-comments .comment-markdown :is(p,ul,ol,li,blockquote,h1,h2,h3,h4,h5,h6){color:var(--c-text)!important;font-size:inherit;line-height:inherit;text-align:left;letter-spacing:normal;word-spacing:normal}
.community-comments .comment-markdown :is(strong,b,em,i,u,s,del,span){display:inline;font-size:inherit;color:inherit;margin:0;padding:0;line-height:inherit}
.community-comments .comment-markdown :is(strong,b){font-weight:700}
.community-comments .comment-markdown a{display:inline;color:var(--c-accent)!important;text-decoration:underline!important;overflow-wrap:anywhere}
.community-comments .comment-markdown li::marker{color:var(--c-accent)}
.community-comments .comment-markdown :is(ul,ol){padding-left:21px;margin:10px 0}
.community-comments .comment-markdown p{margin:0 0 10px;font-size:inherit!important}
.community-comments .comment-markdown>:last-child{margin-bottom:0}
.community-comments .comment-markdown .md-spoiler{color:transparent}
.community-comments .comment-markdown .md-spoiler:is(:hover,:focus){color:var(--c-text)}
@media(max-width:600px){.community-comments .comment-official-reply{margin-left:20px;padding:13px}.community-comments .comment-official-reply::before{left:-17px;width:15px}.community-comments .comment-official-reply>.comment-markdown{font-size:13px}}

/* A soft curved connector without an arrowhead. */
.community-comments .comment-official-reply::after{content:none}
