/* Public opinion as a thread feed (shared/community.js) */
.cm-sort{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.cm-sort button{height:36px;padding:0 15px;border-radius:99px;border:1px solid var(--dl,#3b3121);background:transparent;color:var(--dt,#f2e8d2);font:600 .8rem var(--au-sans,system-ui,sans-serif);cursor:pointer}
.cm-sort button.on{border-color:transparent;background:linear-gradient(160deg,#f0d58f,#b8892a);color:#17120a}
/* the opinion card: vote column, the opinion, and the small map the card already had on its right */
.dash #feed article.review.cm-card{display:grid;grid-template-columns:48px minmax(0,1fr) 240px;column-gap:14px;align-items:start}
.dash #feed article.review.cm-card>.cm-vote{grid-column:1;grid-row:1}.dash #feed article.review.cm-card>.cm-main{grid-column:2;grid-row:1}.dash #feed article.review.cm-card>.mm{grid-column:3;grid-row:1}
.cm-vote{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:2px}
.cm-vote b{font:700 .95rem var(--au-sans,system-ui,sans-serif);color:var(--dt,#f2e8d2)}
.cm-vote button,.cm-ca button{background:none;border:0;color:var(--dm,#9d8f74);cursor:pointer;font:700 .9rem var(--au-sans,system-ui,sans-serif);padding:4px 6px;border-radius:8px}
.cm-vote button:hover:not(:disabled),.cm-ca button:hover{color:var(--da2,#ecd39b)}.cm-vote button:disabled{opacity:.35;cursor:default}
.cm-vote button.on,.cm-ca button.on{color:var(--da2,#ecd39b)}
.cm-main{min-width:0}
.cm-act{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.cm-act button{background:none;border:0;color:var(--dm,#9d8f74);font:600 .8rem var(--au-sans,system-ui,sans-serif);cursor:pointer;padding:4px 0}.cm-act .cm-tog{color:var(--da2,#ecd39b)}
.cm-msg{margin:6px 0 0;color:#e58a7a;font:600 .8rem var(--au-sans,system-ui,sans-serif)}
.cm-thread{margin-top:8px}.cm-note{color:var(--dm,#9d8f74);font:500 .85rem var(--au-sans,system-ui,sans-serif)}
.cm-c{border-left:2px solid var(--dl,#3b3121);margin:10px 0 0 6px;padding-left:12px}
.cm-who{font:700 .8rem var(--au-sans,system-ui,sans-serif)}.cm-who small{color:var(--dm,#9d8f74);font-weight:500}
.cm-c p{margin:3px 0 4px;font:500 .9rem/1.5 var(--au-sans,system-ui,sans-serif);overflow-wrap:anywhere}
.cm-ca{display:flex;align-items:center;gap:6px}.cm-ca b{font:700 .78rem var(--au-sans,system-ui,sans-serif);color:var(--dm,#9d8f74)}.cm-ca button{font-size:.78rem}
.tag.owner{background:#14301d;color:#9be0b0;font:700 .68rem var(--au-sans,system-ui,sans-serif);padding:2px 8px;border-radius:99px}
.cm-new{display:flex;gap:8px;margin-top:10px}.cm-new input{flex:1;min-width:0;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--dl,#3b3121);background:#0b0a09;color:var(--dt,#f2e8d2);font:500 .9rem var(--au-sans,system-ui,sans-serif)}
.cm-new .d-cta{width:auto;height:42px;padding:0 16px}
@media (max-width:820px){.dash #feed article.review.cm-card{grid-template-columns:40px minmax(0,1fr)}.dash #feed article.review.cm-card>.mm{grid-column:2;grid-row:2;margin-top:12px}}
@media (max-width:560px){.cm-c{margin-left:2px;padding-left:9px}}

/* translated opinions: the text fades in, with a small note and a way back to the original */
.tr-fade{opacity:.35;transition:opacity .45s ease}.tr-fade.tr-in{opacity:1}
.tr-chip{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;padding:3px 10px;border-radius:99px;border:1px solid var(--dl,#3b3121);background:transparent;color:var(--dm,#9d8f74);font:600 .7rem var(--au-sans,system-ui,sans-serif);cursor:pointer}
.tr-chip:hover{color:var(--da2,#ecd39b);border-color:var(--da,#dcbc78)}
/* the scores in the review form: names on the left, the stars in one aligned column, the value on the right */
#aspects .aspect{display:grid;grid-template-columns:minmax(0,1fr) auto 3.8rem;align-items:center;gap:10px;padding:6px 0}
#aspects .aspect-name{min-width:0}#aspects .stars{display:flex;gap:4px;justify-self:center}#aspects .aspect-val{min-width:0;text-align:right;white-space:nowrap}