/* Community + learning modules (2026-11-13): forum, profiles, polls, quizzes, course talk, volunteers, corners. Compact, works at 375 px. */
.cmx-page{padding-top:20px;padding-bottom:28px}
.cmx-narrow{max-width:760px}
.cmx-h1{font-size:22px;font-weight:700;color:var(--sz-ink);margin:0 0 6px;line-height:1.25;overflow-wrap:anywhere}
.cmx-h2{font-size:16px;font-weight:600;color:var(--sz-ink);margin:18px 0 8px}
.cmx-intro{color:var(--sz-body);margin:0 0 12px;font-size:14.5px}
.cmx-meta{color:var(--sz-muted);font-size:13px;margin:0 0 12px}
.cmx-note{display:block;color:var(--sz-muted);font-size:12.5px}
.cmx-back{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--sz-muted);text-decoration:none;margin-bottom:6px}
.cmx-starter{background:#fff8e6;border:1px solid #f1d58a;color:#7a5a12;border-radius:8px;padding:6px 10px;font-size:13px}
.cmx-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.cmx-chips a,.cmx-chips span{border:1px solid var(--sz-line);border-radius:999px;padding:4px 11px;font-size:13px;color:var(--sz-body);text-decoration:none;background:var(--sz-surface)}
.cmx-chips a.on{background:var(--sz-ink);border-color:var(--sz-ink);color:#fff}.cmx-chips small{opacity:.7}
.cmx-rows{display:grid;gap:6px}
.cmx-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--sz-line);border-radius:10px;background:var(--sz-surface);color:inherit;text-decoration:none}
.cmx-row>i{font-size:17px;color:var(--sz-muted);margin-top:1px}.cmx-row>div{flex:1;min-width:0}
.cmx-row b{display:block;color:var(--sz-ink);font-weight:600;overflow-wrap:anywhere}.cmx-row small{display:block;color:var(--sz-muted);font-size:12.5px}
a.cmx-row:hover{border-color:var(--sz-line-strong,#cbd5e1)}
.cmx-box{border:1px solid var(--sz-line);border-radius:12px;background:var(--sz-surface);padding:14px;margin-bottom:12px}
.cmx-box h2{font-size:15px;font-weight:600;margin:0 0 8px}.cmx-box p{font-size:14px}
.cmx-links{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:14px}
.cmx-mini{display:block;padding:6px 0;border-bottom:1px solid var(--sz-line);color:var(--sz-ink);text-decoration:none;font-size:14px}.cmx-mini small{display:block;color:var(--sz-muted);font-size:12px}
.cmx-form{display:grid;gap:10px}
.cmx-form label{display:grid;gap:4px;font-size:13px;font-weight:500;color:var(--sz-ink)}
.cmx-form input:not([type=checkbox]):not([type=radio]),.cmx-form select,.cmx-form textarea{width:100%;border:1px solid var(--sz-line);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px;font-weight:400;background:var(--sz-surface);color:var(--sz-ink)}
.cmx-form fieldset{border:0;padding:0;margin:0}.cmx-form legend{font-size:13px;font-weight:500;color:var(--sz-ink);margin-bottom:4px}
.cmx-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cmx-check{display:flex!important;align-items:center;gap:8px;font-weight:400!important}
.cmx-ticks{display:flex;flex-wrap:wrap;gap:6px}
.cmx-ticks label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--sz-line);border-radius:999px;padding:4px 10px;font-weight:400;font-size:13px;cursor:pointer}
.cmx-seg{display:flex;gap:6px;flex-wrap:wrap}.cmx-seg label{display:block}.cmx-seg input{position:absolute;opacity:0}
.cmx-seg span{display:block;border:1px solid var(--sz-line);border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer}.cmx-seg input:checked+span{border-color:var(--sz-primary);background:var(--sz-primary-soft,#eff6ff);color:var(--sz-primary)}
.cmx-formf{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cmx-pager{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.cmx-pager a{min-width:32px;text-align:center;border:1px solid var(--sz-line);border-radius:6px;padding:4px 8px;font-size:13px;text-decoration:none;color:var(--sz-body)}.cmx-pager a.on{background:var(--sz-ink);color:#fff;border-color:var(--sz-ink)}
.cmx-av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;flex:0 0 auto;line-height:1}
.cmx-posts{display:grid;gap:8px}
.cmx-post{display:flex;gap:10px;padding:12px;border:1px solid var(--sz-line);border-radius:12px;background:var(--sz-surface)}
.cmx-post.helpful{border-color:#86efac;background:#f6fef9}
.cmx-post-in{flex:1;min-width:0}
.cmx-post-h{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px}.cmx-post-h a{color:var(--sz-ink);text-decoration:none}.cmx-post-h small{color:var(--sz-muted);font-size:12px}
.cmx-post-b{margin-top:4px;font-size:14.5px;line-height:1.6;color:var(--sz-body);overflow-wrap:anywhere}
.cmx-post-f{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.cmx-post-f form{margin:0}
.cmx-like{border:1px solid var(--sz-line);background:var(--sz-surface);border-radius:999px;padding:2px 10px;font-size:13px;color:var(--sz-muted);cursor:pointer}
.cmx-like.on{color:#be123c;border-color:#fecdd3;background:#fff1f2}.cmx-like:disabled{cursor:default;opacity:.75}
.cmx-lnk{border:0;background:none;padding:0;font-size:13px;color:var(--sz-primary);cursor:pointer}
.cmx-report summary,.cmx-rep summary{font-size:13px;color:var(--sz-muted);cursor:pointer;list-style:none}.cmx-report summary::-webkit-details-marker,.cmx-rep summary::-webkit-details-marker{display:none}
.cmx-report form{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.cmx-report input{flex:1;min-width:160px;border:1px solid var(--sz-line);border-radius:6px;padding:4px 8px;font-size:13px}
.cmx-prof{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.cmx-badges{display:flex;flex-wrap:wrap;gap:6px}.cmx-badges span{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:999px;padding:3px 10px;font-size:13px}
.cmx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.cmx-card{display:grid;gap:3px;padding:14px;border:1px solid var(--sz-line);border-radius:12px;background:var(--sz-surface);color:inherit;text-decoration:none}
.cmx-card>i{font-size:20px;color:var(--sz-primary)}.cmx-card b{color:var(--sz-ink)}.cmx-card small,.cmx-card em{color:var(--sz-muted);font-size:12.5px;font-style:normal}.cmx-card span{font-size:13px;color:var(--sz-body)}
.cmx-guide{display:grid;gap:8px;padding-left:20px}.cmx-guide li{font-size:14.5px;color:var(--sz-body)}.cmx-guide b{display:block;color:var(--sz-ink)}
.cmx-medrev{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:3px 10px;margin:0 0 8px}
/* article comments: replies and likes */
.mcom-reply{margin-left:44px;padding-top:10px}
.cmx-cact{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}.cmx-cact form{margin:0}
.cmx-rep{flex-basis:100%}.cmx-rep[open]{margin-top:4px}.cmx-rep .mcom-f{margin-top:6px}
.cmx-help{margin-top:8px}.cmx-sort{margin-bottom:10px}
/* polls */
.cmx-poll{border:1px solid var(--sz-line);border-radius:12px;background:var(--sz-surface);padding:14px;margin-bottom:10px}
.cmx-poll-q{display:block;color:var(--sz-ink);font-size:15px;margin-bottom:8px}
.cmx-poll form{display:grid;gap:6px;margin:0}
.cmx-poll-o{text-align:left;border:1px solid var(--sz-line);background:var(--sz-bg);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--sz-ink);cursor:pointer}.cmx-poll-o:hover{border-color:var(--sz-primary)}
.cmx-poll-res{display:grid;gap:6px}
.cmx-poll-r{position:relative;display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;background:var(--sz-bg);font-size:14px;overflow:hidden}
.cmx-poll-r>i{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--sz-primary) 14%,transparent);z-index:0}
.cmx-poll-r span,.cmx-poll-r em{position:relative;z-index:1;font-style:normal}.cmx-poll-r em{font-weight:600}.cmx-poll-r.mine span{font-weight:600}
.cmx-home-poll{padding-top:18px;padding-bottom:18px}.cmx-home-poll-in{max-width:620px;margin:0 auto}
.cmx-eyebrow{display:inline-flex;gap:6px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--sz-muted);margin-bottom:6px}
/* quizzes */
.lq-list{display:grid;gap:12px;padding-left:22px;margin:12px 0}
.lq-list>li{font-size:14.5px;color:var(--sz-body)}.lq-list fieldset{border:0;padding:0;margin:0}.lq-list legend{font-size:15px;font-weight:600;color:var(--sz-ink);margin-bottom:6px;float:none}
.lq-opt{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--sz-line);border-radius:8px;padding:8px 10px;margin-bottom:5px;cursor:pointer;background:var(--sz-surface)}
.lq-opt:has(input:checked){border-color:var(--sz-primary);background:var(--sz-primary-soft,#eff6ff)}.lq-opt input{margin-top:3px}
.lq-ch{list-style:none;padding:0;margin:6px 0}.lq-ch li{padding:3px 0}.lq-ch li.right{color:#166534;font-weight:600}.lq-ch li.wrong{color:#b91c1c}
.lq-why{font-size:13.5px;background:var(--sz-bg);border-radius:8px;padding:6px 10px;margin:4px 0 0}
.lq-score{display:flex;gap:12px;align-items:center;border-radius:12px;padding:12px 14px;margin:8px 0}.lq-score>i{font-size:26px}.lq-score b{display:block;font-size:17px}.lq-score small{color:var(--sz-body)}
.lq-score.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.lq-score.no{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
/* course page: lesson quiz chip and discussion */
.lq-chip{margin-left:auto;font-size:12.5px;border:1px solid var(--sz-line);border-radius:999px;padding:2px 9px;text-decoration:none;color:var(--sz-body);white-space:nowrap}.lq-chip.ok{color:#166534;border-color:#bbf7d0;background:#f0fdf4}
.cr-list li.lq-talk{display:block;border:0;padding:0 0 4px 30px;margin-top:-4px}
.lq-talk summary{font-size:13px;color:var(--sz-muted);cursor:pointer}
.lq-msg{border-left:2px solid var(--sz-line);padding:4px 0 4px 10px;margin:6px 0;font-size:14px}.lq-msg p{margin:2px 0 0}.lq-msg small{color:var(--sz-muted)}
.lq-ans{background:var(--sz-bg);border-radius:8px;padding:6px 10px;margin-top:4px}.lq-ans b{font-size:12.5px;color:var(--sz-accent,#2e6b57)}
.lq-say{display:grid;gap:6px;margin-top:6px}.lq-say textarea{width:100%;border:1px solid var(--sz-line);border-radius:8px;padding:6px 10px;font:inherit;font-size:14px}
.lq-say>div{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.lq-say small{color:var(--sz-muted);font-size:12px}
@media (max-width:575px){
  .cmx-two{grid-template-columns:1fr}
  .cmx-h1{font-size:20px}
  .mcom-reply{margin-left:22px}
  .cmx-post{padding:10px}
  .cr-list li.lq-talk{padding-left:4px}
}
.cr-cert small{word-break:normal;overflow-wrap:anywhere}