.cqa-shell{padding:10px 16px 88px;max-width:720px;margin:0 auto}
.cqa-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cqa-head>div{min-width:0}
.cqa-back{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(120,120,140,.12);border-radius:12px;background:var(--surface,#fff);color:inherit;padding:0}
.cqa-title{margin:0;font-size:20px;line-height:1.45}
.cqa-sub{margin:2px 0 0;color:var(--muted,#777);font-size:12.5px}
.cqa-icon{width:18px;height:18px;display:block;flex:0 0 auto}
.cqa-back .cqa-icon{width:20px;height:20px}
.cqa-card{display:block;width:100%;text-align:right;border:1px solid rgba(120,120,140,.14);background:var(--surface,#fff);border-radius:15px;padding:12px 13px;margin:8px 0;font:inherit;color:inherit}
.cqa-card strong{display:block;font-size:14.5px}
.cqa-card small{display:block;margin-top:4px;color:var(--muted,#777)}
.cqa-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.cqa-input,.cqa-select,.cqa-textarea{box-sizing:border-box;width:100%;border:1px solid rgba(120,120,140,.18);border-radius:13px;background:var(--surface,#fff);color:inherit;font:inherit;padding:10px 11px;outline:none}
.cqa-input:focus,.cqa-select:focus,.cqa-textarea:focus{border-color:rgba(90,84,230,.42);box-shadow:0 0 0 3px rgba(90,84,230,.07)}
.cqa-textarea{min-height:82px;resize:vertical;line-height:1.8}
.cqa-select{width:auto;min-width:126px;height:44px;padding-inline:10px}
.cqa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:0;border-radius:12px;padding:9px 13px;font:inherit;font-weight:750;background:#5a54e6;color:#fff}
.cqa-btn.secondary{background:rgba(90,84,230,.09);color:#4d48c8}
.cqa-btn.danger{background:rgba(174,48,48,.1);color:#9a3030}
.cqa-btn-compact{min-height:38px;padding:7px 11px;font-size:13px}
.cqa-btn-soft{flex:1;background:rgba(90,84,230,.075)!important}
.cqa-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:6px 0 9px}
.cqa-search-wrap{position:relative;min-width:0}
.cqa-search-wrap .cqa-input{height:44px;padding-inline-end:44px}
.cqa-icon-btn{position:absolute;inset-inline-end:4px;top:4px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#5a54e6;padding:0}
.cqa-compose{border:1px solid rgba(120,120,140,.13);border-radius:16px;padding:10px;margin:10px 0;background:var(--surface,#fff)}
.cqa-compose-actions{display:flex;gap:8px;align-items:center;margin-top:8px}
.cqa-compose-actions>.cqa-btn{flex:1}
.cqa-meta{display:flex;gap:7px;flex-wrap:wrap;font-size:11.5px;color:var(--muted,#777);margin:6px 0}
.cqa-body{white-space:pre-wrap;word-break:break-word;line-height:1.82}
.cqa-badge,.cqa-status{display:inline-flex;padding:3px 8px;border-radius:999px;background:rgba(90,84,230,.09);font-size:11px}
.cqa-status.closed{background:rgba(174,48,48,.09);color:#9a3030}
.cqa-answer{border-top:1px solid rgba(120,120,140,.1);padding:11px 0}
.cqa-answer.pinned{border:1px solid rgba(90,84,230,.22);border-radius:14px;padding:11px;margin:7px 0}
.cqa-reactions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.cqa-react{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(120,120,140,.16);border-radius:999px;padding:6px 9px;background:transparent;color:inherit;font:inherit;font-size:11.5px}
.cqa-react .cqa-icon{width:14px;height:14px}
.cqa-react.active{background:rgba(90,84,230,.1);border-color:rgba(90,84,230,.3)}
.cqa-empty,.cqa-error{padding:16px 12px;text-align:center;color:var(--muted,#777)}
.cqa-error{color:#a23d3d}
.cqa-check{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:12.5px;color:var(--muted,#666)}
.cqa-check input{width:17px;height:17px}
.cqa-admin-tools{display:flex;justify-content:flex-start;margin:2px 0 8px}
.cqa-admin-tools-page{margin-bottom:10px}
.cqa-admin-row{margin-top:8px}
.cqa-mod-card{border:1px solid rgba(120,120,140,.14);background:var(--surface,#fff);border-radius:15px;padding:12px;margin:8px 0}
.cqa-staff-id{direction:ltr;text-align:left;unicode-bidi:plaintext;font-size:10.5px;color:var(--muted,#777);margin-top:6px;word-break:break-all}
body.cqa-context #globalQuickAdd{display:none!important}
@media(max-width:420px){.cqa-shell{padding-inline:14px}.cqa-toolbar{grid-template-columns:minmax(0,1fr) 122px}.cqa-btn{padding-inline:11px}.cqa-compose-actions{gap:7px}}

/* cqa-ui-v8 */
.growth-simple-card.cqa-entry-card,#view-growth .growth-simple-card.cqa-entry-card{position:relative;display:flex!important;align-items:center;gap:12px;overflow:hidden;padding:12px 14px!important;border:1.5px solid transparent!important;border-radius:16px!important;background:linear-gradient(var(--surface,#fff),var(--surface,#fff)) padding-box,linear-gradient(120deg,#1fa64f,#f2c611) border-box!important;color:inherit!important;box-shadow:none!important;font:inherit!important;text-align:start}
.cqa-entry-net{display:block;position:absolute;inset-block:0;inset-inline-end:0;width:120px;height:100%;opacity:.35;pointer-events:none}
.cqa-entry-ico,.cqa-entry-card .growth-simple-copy,.cqa-entry-chev{position:relative;z-index:1}
.cqa-entry-card .growth-simple-copy{flex:1;min-width:0}
.cqa-entry-card strong{font-size:15px;font-weight:600;color:inherit}
.cqa-entry-card small{display:block;margin-top:2px;font-size:12px;color:var(--muted,#66756c)!important}
.cqa-entry-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(31,166,79,.18),rgba(242,198,17,.3));color:#15a34a}
.cqa-entry-ico svg{width:22px;height:22px}
.cqa-entry-chev{flex:0 0 18px;width:18px;height:18px;color:var(--muted,#66756c);opacity:.7}
.cqa-card[data-course]{display:block!important;width:100%;padding:0!important;overflow:hidden;font:inherit!important;text-align:start!important;background:var(--surface,#fff)!important;border:1px solid rgba(120,120,140,.22)!important;border-radius:14px!important;color:inherit!important;box-shadow:none!important}
.cqa-card-row{display:flex;align-items:center;gap:12px;padding:12px 14px}
.cqa-card-row strong{font-size:15px;font-weight:600}
.cqa-card-ico{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center}
.cqa-card-ico svg{width:21px;height:21px}
.cqa-card-bar{display:none!important}
.cqa-card[data-course="self_worth"]{border-color:rgba(22,163,74,.5)!important}
.cqa-card[data-course="self_worth"] .cqa-card-ico{background:rgba(31,166,79,.16);color:#16a34a}
.cqa-card[data-course^="golden"]{border-color:rgba(234,179,8,.6)!important}
.cqa-card[data-course^="golden"] .cqa-card-ico{background:rgba(234,179,8,.22);color:#ca8a04}
.cqa-shell{padding-top:6px}
.cqa-head{margin-bottom:6px}
.cqa-title{font-size:18px;font-weight:700}
.cqa-sub{font-size:12px}
.cqa-back{flex:0 0 36px;width:36px;height:36px;border-radius:11px}
.cqa-admin-tools{margin:0 0 8px}
.cqa-admin-tools .cqa-btn{min-height:32px;padding:5px 11px;font-size:12.5px;font-weight:600;border-radius:10px}
.cqa-toolbar{gap:8px;margin:4px 0 10px}
.cqa-select,.cqa-search-wrap .cqa-input{height:42px;border-radius:12px;font-size:13.5px}
.cqa-compose{padding:12px;border-radius:16px;margin:0 0 12px;box-shadow:none}
.cqa-textarea{min-height:72px;border-radius:12px;font-size:14px}
.cqa-check{margin-top:8px;font-size:12px}
.cqa-check input{width:16px;height:16px;accent-color:#5a54e6}
.cqa-compose-actions{gap:8px;margin-top:10px}
.cqa-compose-actions>.cqa-btn{min-height:40px;font-size:13.5px;font-weight:600;border-radius:12px;padding:7px 12px}
.cqa-compose-actions>#cqaAskBtn{flex:1.3}
.cqa-icon{width:17px;height:17px;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cqa-empty{font-size:13.5px;padding:24px 12px}
.cqa-react{padding:5px 9px;font-size:12px}
.cqa-toolbar{grid-template-columns:minmax(0,1fr) auto!important}
.cqa-toolbar .cqa-select{-webkit-appearance:none;appearance:none;width:120px;min-width:0;padding-block:0;padding-inline:12px 28px;font-weight:600;font-size:13.5px;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%235a54e6' fill-opacity='.13'/%3E%3Cpath d='M6 8.5l4 4 4-4' fill='none' stroke='%235a54e6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 8px center;background-size:20px 20px}
.cqa-compose-actions{gap:8px}
.cqa-compose-actions>.cqa-btn{white-space:nowrap;padding-inline:10px;font-size:13px}
.cqa-compose-actions>#cqaAskBtn{flex:1}
.cqa-compose-actions>#cqaSimilarBtn{flex:1}
.cqa-toolbar{grid-template-columns:minmax(0,1fr) auto!important}
.cqa-toolbar .cqa-select{width:auto;min-width:138px;max-width:170px;padding-inline:10px 32px;font-size:13px;text-overflow:clip}
.cqa-toolbar .cqa-search-wrap .cqa-input{padding-inline-start:10px}
@media(max-width:420px){.cqa-toolbar{grid-template-columns:minmax(0,1fr) auto!important}}
.cqa-toolbar{gap:6px!important}
.cqa-toolbar .cqa-select{min-width:112px;max-width:124px;padding-inline:8px 30px;font-size:12.5px}
.cqa-toolbar .cqa-search-wrap .cqa-input{font-size:13px;padding-inline:10px 38px;text-overflow:clip}
.cqa-toolbar .cqa-search-wrap .cqa-input::placeholder{font-size:12.5px}
.cqa-toolbar .cqa-icon-btn{width:32px;height:32px;inset-inline-end:3px;top:5px}
/*cqa-ui-design1*/
#view-growth .growth-simple-card.cqa-entry-card{border:1.5px solid rgba(21,128,61,.45)!important;background:linear-gradient(120deg,rgba(34,197,94,.18),rgba(250,204,21,.22)),var(--surface,#fff)!important;gap:12px!important;padding:14px!important}
.cqa-entry-ico{flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:14px!important;background:var(--surface,#fff)!important;border:1.5px solid rgba(21,128,61,.35)!important;display:grid;place-items:center}
.cqa-entry-ico svg{width:34px!important;height:30px!important}
.cqa-card-row{gap:12px;padding:14px}
.cqa-card-txt{flex:1;min-width:0}
.cqa-card-txt strong{font-size:15px;font-weight:600}
.cqa-card-txt small{display:block;margin-top:2px;font-size:12px;color:var(--muted,#66756c)}
.cqa-card-chev{flex:0 0 18px;width:18px;height:18px;color:var(--muted,#66756c);opacity:.8}
.cqa-card-ico{width:42px!important;height:42px!important;border-radius:50%!important}
.cqa-card-ico svg{width:22px;height:22px}
.cqa-card[data-course="self_worth"]{border:1px solid rgba(21,128,61,.4)!important;background:linear-gradient(120deg,rgba(34,197,94,.2),rgba(34,197,94,.05)),var(--surface,#fff)!important}
.cqa-card[data-course="self_worth"] .cqa-card-ico{background:#16a34a!important;color:#fff!important}
.cqa-card[data-course^="golden"]{border:1px solid rgba(202,138,4,.55)!important;background:linear-gradient(120deg,rgba(250,204,21,.3),rgba(250,204,21,.07)),var(--surface,#fff)!important}
.cqa-card[data-course^="golden"] .cqa-card-ico{background:#eab308!important;color:#422006!important}
/*cqa-ui-chapter-normal*/
.cqa-toolbar .cqa-select{font-weight:400!important}


/* ==========================================================
   NOZAR_CQA_COURSE_HUB_V2
   Course home -> Understanding / Q&A
   ========================================================== */

.cqa-course-modes{
  display:grid;
  gap:10px;
  margin:8px 0 4px;
}

.cqa-mode-card{
  width:100%;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(120,120,140,.16);
  border-radius:16px;
  background:var(--surface,#fff);
  color:inherit;
  font:inherit;
  text-align:start;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
}

.cqa-mode-card:active{
  transform:scale(.985);
}

.cqa-mode-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
}

.cqa-mode-icon .cqa-icon{
  width:22px;
  height:22px;
}

.cqa-mode-learn .cqa-mode-icon{
  background:rgba(22,163,74,.10);
  color:#16a34a;
}

.cqa-mode-qa .cqa-mode-icon{
  background:rgba(90,84,230,.10);
  color:#5a54e6;
}

.cqa-mode-copy{
  flex:1;
  min-width:0;
}

.cqa-mode-copy strong{
  display:block;
  font-size:15px;
  font-weight:700;
  line-height:1.5;
}

.cqa-mode-copy small{
  display:block;
  margin-top:2px;
  font-size:11.8px;
  line-height:1.55;
  color:var(--muted,#66756c);
}

.cqa-mode-chev{
  flex:0 0 18px;
  width:18px;
  height:18px;
  opacity:.65;
  color:var(--muted,#66756c);
}

.cqa-understanding-placeholder{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px 18px;
  margin-top:8px;
  border:1px solid rgba(120,120,140,.14);
  border-radius:18px;
  background:var(--surface,#fff);
}

.cqa-understanding-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border-radius:14px;
  background:rgba(22,163,74,.10);
  color:#16a34a;
}

.cqa-understanding-icon .cqa-icon{
  width:24px;
  height:24px;
}

.cqa-understanding-placeholder strong{
  font-size:15px;
  font-weight:700;
}

.cqa-understanding-placeholder p{
  margin:5px 0 0;
  font-size:12.5px;
  line-height:1.8;
  color:var(--muted,#66756c);
}

@media(max-width:380px){
  .cqa-mode-card{
    min-height:70px;
    padding:11px 12px;
  }

  .cqa-mode-icon{
    flex-basis:40px;
    width:40px;
    height:40px;
    border-radius:12px;
  }

  .cqa-mode-copy strong{
    font-size:14.5px;
  }

  .cqa-mode-copy small{
    font-size:11.3px;
  }
}

/* END NOZAR_CQA_COURSE_HUB_V2 */


/* ==========================================================
   NOZAR_CQA_COMPREHENSION_SOCIAL_V1
   10 chapters -> 20 parts -> social comprehension feed.
   Instagram-like interaction model, NEMO visual language.
   ========================================================== */

.cqa-comp-choice-grid{
  display:grid;
  gap:9px;
  margin:8px 0 14px;
}

.cqa-comp-chapters{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.cqa-comp-parts{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.cqa-comp-choice{
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(120,120,140,.16);
  border-radius:14px;
  background:var(--surface,#fff);
  color:inherit;
  font:inherit;
  padding:9px 7px;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
}

.cqa-comp-choice:active{
  transform:scale(.98);
  background:rgba(90,84,230,.04);
}

.cqa-comp-choice span{
  color:var(--muted,#777);
  font-size:12px;
}

.cqa-comp-choice strong{
  font-size:15px;
  font-weight:700;
}

.cqa-comp-part-choice{
  min-height:54px;
  flex-direction:column;
  gap:1px;
}

.cqa-comp-part-choice span{
  font-size:10.5px;
}

.cqa-comp-part-choice strong{
  font-size:14px;
}

.cqa-comp-compose{
  margin:3px 0 12px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.cqa-comp-prompt{
  display:block;
  margin:0 1px 8px;
  font-size:14px;
  font-weight:700;
}

.cqa-comp-compose .cqa-textarea{
  min-height:160px;
  line-height:1.9;
}

.cqa-comp-submit{
  width:100%;
  margin-top:9px;
  min-height:40px;
  font-size:13.5px;
  font-weight:650;
}

.cqa-comp-feed-head{
  margin:2px 2px 7px;
  font-size:13px;
  font-weight:700;
}

.cqa-comp-card{
  margin:7px 0;
  padding:10px 11px 0;
  overflow:hidden;
  border:1px solid rgba(120,120,140,.10);
  border-radius:14px;
  background:var(--surface,#fff);
}

.cqa-comp-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}

.cqa-comp-card-head strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12.5px;
  font-weight:700;
}

.cqa-comp-card-head span{
  flex:none;
  color:var(--muted,#777);
  font-size:10.8px;
}

.cqa-comp-body{
  white-space:pre-wrap;
  word-break:break-word;
  font-size:14px;
  line-height:1.9;
}

.cqa-comp-actions{
  display:flex;
  align-items:center;
  gap:17px;
  min-height:45px;
  margin-top:5px;
}

.cqa-comp-social{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:12px;
  padding:7px 0;
}

.cqa-social-icon{
  width:22px;
  height:22px;
  display:block;
}

.cqa-comp-social[data-comp-like].active{
  color:#ef4056;
}

.cqa-comp-social[data-comp-like].active .cqa-social-icon{
  fill:currentColor;
}

.cqa-comp-social[data-comp-comments],
.cqa-comp-social[data-comp-comments].active{
  color:inherit;
}

.cqa-comp-social[data-comp-comments] .cqa-social-icon,
.cqa-comp-social[data-comp-comments].active .cqa-social-icon{
  fill:none;
}

.cqa-comp-comments{
  margin:0 -13px;
  padding:10px 13px 12px;
  border-top:1px solid rgba(120,120,140,.1);
}

.cqa-comp-comments.hidden{
  display:none!important;
}

.cqa-comp-comments-list{
  display:grid;
  gap:11px;
}

.cqa-comp-no-comments{
  padding:5px 0 9px;
  color:var(--muted,#777);
  font-size:12px;
  text-align:center;
}

.cqa-comp-comment{
  min-width:0;
}

.cqa-comp-comment-main{
  display:flex;
  align-items:flex-start;
  gap:9px;
}

.cqa-comp-comment-copy{
  flex:1;
  min-width:0;
  font-size:12.5px;
  line-height:1.75;
  word-break:break-word;
}

.cqa-comp-comment-copy strong{
  font-size:12.5px;
  font-weight:700;
}

.cqa-comp-mention{
  color:#514bd6;
  direction:rtl;
  unicode-bidi:plaintext;
}

.cqa-comp-comment-like{
  flex:0 0 31px;
  min-width:31px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:1px;
  border:0;
  background:transparent;
  color:var(--muted,#73757d);
  padding:1px 0 0;
  font:inherit;
  font-size:9px;
}

.cqa-comp-comment-like .cqa-social-icon{
  width:17px;
  height:17px;
}

.cqa-comp-comment-like.active{
  color:#ef4056;
}

.cqa-comp-comment-like.active .cqa-social-icon{
  fill:currentColor;
}

.cqa-comp-comment-meta{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:2px;
  padding-inline-start:0;
}

.cqa-comp-comment-meta button{
  border:0;
  background:transparent;
  color:var(--muted,#777);
  padding:2px 0;
  font:inherit;
  font-size:10.5px;
  font-weight:650;
}

.cqa-comp-replies-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  margin:5px 0 1px;
  border:0;
  background:transparent;
  color:var(--muted,#777);
  padding:2px 0;
  font:inherit;
  font-size:10.8px;
}

.cqa-comp-thread-line{
  display:block;
  width:26px;
  height:1px;
  background:rgba(120,120,140,.28);
}

.cqa-comp-replies{
  display:grid;
  gap:10px;
  margin-top:8px;
  padding-inline-start:28px;
}

.cqa-comp-replies.hidden{
  display:none!important;
}

.cqa-comp-reply{
  margin:0;
}

.cqa-comp-comment-compose{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(120,120,140,.08);
}

.cqa-comp-comment-input{
  flex:1;
  min-width:0;
  min-height:38px;
  max-height:120px;
  box-sizing:border-box;
  overflow-y:auto;
  resize:none;
  border:1px solid rgba(120,120,140,.16);
  border-radius:19px;
  background:var(--surface,#fff);
  color:inherit;
  font:inherit;
  font-size:12.5px;
  line-height:1.55;
  padding:9px 13px;
  outline:none;
}

.cqa-comp-comment-input:focus{
  border-color:rgba(90,84,230,.4);
}

.cqa-comp-comment-send{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:rgba(90,84,230,.1);
  color:#5a54e6;
  padding:0;
}

.cqa-comp-comment-send .cqa-social-icon{
  width:17px;
  height:17px;
}

@media(max-width:380px){
  .cqa-comp-choice-grid{
    gap:7px;
  }

  .cqa-comp-parts{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .cqa-comp-choice{
    padding-inline:5px;
  }

  .cqa-comp-part-choice{
    min-height:51px;
  }

  .cqa-comp-card{
    padding-inline:11px;
  }

  .cqa-comp-comments{
    margin-inline:-11px;
    padding-inline:11px;
  }
}

/* END NOZAR_CQA_COMPREHENSION_SOCIAL_V1 */


/* ==========================================================
   NOZAR_CQA_COMPREHENSION_MINIMAL_V2
   ========================================================== */

.cqa-comp-selector-bar{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:2px 0 11px;
}

.cqa-comp-select-wrap{
  position:relative;
  display:block;
  min-width:0;
}

.cqa-comp-select{
  width:100%;
  height:42px;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(120,120,140,.15);
  border-radius:12px;
  background:var(--surface,#fff);
  color:inherit;
  font:inherit;
  font-size:13px;
  font-weight:650;
  outline:none;
  padding:0 12px 0 34px;
}

.cqa-comp-select:focus{
  border-color:rgba(90,84,230,.34);
}

.cqa-comp-select-arrow{
  position:absolute;
  left:11px;
  top:50%;
  width:16px;
  height:16px;
  transform:translateY(-50%);
  pointer-events:none;
  color:var(--muted,#777);
}

.cqa-comp-actions{
  min-height:40px;
}

.cqa-comp-comments{
  padding-top:8px;
  padding-bottom:10px;
}

.cqa-comp-comments-list{
  gap:8px;
}

.cqa-comp-comment-compose{
  margin-top:8px;
  padding-top:8px;
}

.cqa-comp-comment-send{
  flex-basis:36px;
  width:36px;
  height:36px;
}

@media(max-width:380px){
  .cqa-comp-selector-bar{
    gap:7px;
  }

  .cqa-comp-select{
    height:40px;
    font-size:12.5px;
  }

  .cqa-comp-compose .cqa-textarea{
    min-height:145px;
  }
}

/* END NOZAR_CQA_COMPREHENSION_MINIMAL_V2 */


/* ==========================================================
   NOZAR_CQA_COMPREHENSION_VALUE_V3
   Minimal learning/social UI.
   ========================================================== */

/* Course identity toolbar */
.cqa-course-toolbar{
  padding:10px 11px !important;
  margin-bottom:10px !important;
  border:1px solid rgba(120,120,140,.10);
  border-radius:15px;
  box-shadow:none !important;
}

.cqa-course-toolbar.cqa-course-golden{
  background:
    linear-gradient(
      135deg,
      #fff9dd,
      #fff1ae
    );
  border-color:
    rgba(207,166,36,.22);
}

.cqa-course-toolbar.cqa-course-self-worth{
  background:
    linear-gradient(
      135deg,
      #eff9f1,
      #daf2df
    );
  border-color:
    rgba(39,145,83,.18);
}

.cqa-course-toolbar .cqa-back{
  background:
    rgba(255,255,255,.58);
}

/* Discovery */
.cqa-comp-discovery{
  margin:0 0 11px;
}

.cqa-comp-search-wrap{
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid rgba(120,120,140,.14);
  border-radius:13px;
  background:var(--surface,#fff);
}

.cqa-comp-search-wrap .cqa-icon{
  flex:0 0 18px;
  width:18px;
  height:18px;
  color:var(--muted,#777);
}

.cqa-comp-search-wrap input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:12.8px;
  direction:rtl;
}

.cqa-comp-filter-row{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:7px;
}

.cqa-comp-mini-select{
  height:34px;
  min-width:0;
  border:1px solid rgba(120,120,140,.12);
  border-radius:10px;
  background:var(--surface,#fff);
  color:var(--muted,#666);
  font:inherit;
  font-size:11.5px;
  padding:0 9px;
  outline:0;
}

/* Compose stays quiet */
.cqa-comp-compose{
  margin-bottom:10px !important;
}

.cqa-comp-compose .cqa-textarea{
  border-color:
    rgba(120,120,140,.13) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

.cqa-comp-submit{
  min-height:39px !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

/* Feed heading */
.cqa-comp-feed-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:28px;
  margin:3px 2px 5px !important;
}

.cqa-comp-feed-head strong{
  font-size:13px;
  font-weight:750;
}

.cqa-comp-feed-head span{
  color:var(--muted,#777);
  font-size:10.8px;
}

/* Main comprehension cards */
.cqa-comp-card{
  margin:6px 0 !important;
  padding:10px 11px 0 !important;
  border:
    1px solid rgba(120,120,140,.09) !important;
  border-radius:13px !important;
  box-shadow:none !important;
}

.cqa-comp-card-head{
  margin-bottom:5px !important;
}

.cqa-comp-card-head strong{
  font-size:12.5px !important;
}

.cqa-comp-context{
  color:var(--muted,#777);
  font-size:10.5px;
  font-weight:500;
}

.cqa-comp-body{
  font-size:13.5px !important;
  line-height:1.85 !important;
}

.cqa-comp-actions{
  gap:15px !important;
  min-height:39px !important;
  margin-top:3px !important;
}

.cqa-comp-tool{
  display:inline-grid;
  place-items:center;
  width:31px;
  height:31px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--muted,#69707a);
}

.cqa-comp-tool .cqa-social-icon{
  width:19px;
  height:19px;
}

.cqa-comp-tool.active{
  color:#5a54e6;
}

.cqa-comp-tool.active .cqa-social-icon{
  fill:
    rgba(90,84,230,.12);
}

.cqa-comp-tool.saved{
  color:#228653;
}

/* Comment icon never becomes colored */
.cqa-comp-social[data-comp-comments],
.cqa-comp-social[data-comp-comments].active{
  color:inherit !important;
}

.cqa-comp-social[data-comp-comments] .cqa-social-icon,
.cqa-comp-social[data-comp-comments].active .cqa-social-icon{
  fill:none !important;
}

/* Comments + replies: same visual family */
.cqa-comp-comments{
  margin-inline:-11px !important;
  padding:9px 11px 10px !important;
  border-top:
    1px solid rgba(120,120,140,.08) !important;
}

.cqa-comp-comments-list{
  gap:9px !important;
}

.cqa-comp-comment{
  padding:1px 0;
}

.cqa-comp-comment-copy{
  font-size:12.3px !important;
  line-height:1.7 !important;
}

.cqa-comp-comment-copy strong{
  font-size:12.3px !important;
}

.cqa-comp-comment-meta{
  margin-top:1px !important;
}

.cqa-comp-comment-meta button{
  font-size:10.5px !important;
}

.cqa-comp-replies-toggle{
  margin-top:4px !important;
  font-size:10.7px !important;
}

.cqa-comp-thread-line{
  width:22px !important;
  opacity:.8;
}

.cqa-comp-replies{
  gap:8px !important;
  margin-top:6px !important;
  padding-inline-start:22px !important;
  border-inline-start:
    1px solid rgba(120,120,140,.14);
}

.cqa-comp-reply{
  padding-inline-start:7px;
}

.cqa-comp-comment-like{
  color:var(--muted,#73757d);
}

.cqa-comp-comment-like.active{
  color:#ef4056;
}

/* Fixed Instagram-like composer */
.cqa-comp-global-composer{
  position:fixed;
  z-index:120;
  left:12px;
  right:12px;
  bottom:
    calc(
      76px +
      env(safe-area-inset-bottom)
    );
  padding:7px;
  border:
    1px solid rgba(120,120,140,.13);
  border-radius:18px;
  background:
    rgba(255,255,255,.96);
  box-shadow:
    0 8px 28px
    rgba(30,35,50,.10);
  backdrop-filter:blur(10px);
}

.cqa-comp-global-composer.hidden{
  display:none !important;
}

.cqa-comp-reply-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:28px;
  padding:0 7px 5px;
  color:var(--muted,#666);
  font-size:11px;
}

.cqa-comp-reply-bar.hidden{
  display:none !important;
}

.cqa-comp-reply-bar button{
  width:25px;
  height:25px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--muted,#666);
  font-size:20px;
  line-height:1;
}

.cqa-comp-global-compose-row{
  display:flex;
  align-items:flex-end;
  gap:7px;
}

#cqaCompGlobalInput{
  flex:1;
  min-width:0;
  min-height:40px;
  max-height:128px;
  box-sizing:border-box;
  overflow-y:auto;
  resize:none;
  border:
    1px solid rgba(120,120,140,.17);
  border-radius:20px;
  outline:0;
  background:var(--surface,#fff);
  color:inherit;
  font:inherit;
  font-size:12.8px;
  line-height:1.55;
  padding:10px 14px;
}

.cqa-comp-global-send{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:#4f7ff5;
  color:#fff;
  transition:
    opacity .15s ease,
    transform .15s ease;
}

.cqa-comp-global-send .cqa-social-icon{
  width:20px;
  height:20px;
}

.cqa-comp-global-send:active{
  transform:scale(.94);
}

.cqa-comp-global-send:disabled{
  opacity:.28;
}

/* keep space above bottom nav comfortable */
#cqaComprehensionList{
  padding-bottom:12px;
}

@media(max-width:380px){
  .cqa-comp-filter-row{
    gap:6px;
  }

  .cqa-comp-mini-select{
    font-size:11px;
  }

  .cqa-comp-global-composer{
    left:9px;
    right:9px;
  }
}

/* END NOZAR_CQA_COMPREHENSION_VALUE_V3 */


/* ==========================================================
   NOZAR_CQA_COMPREHENSION_PERSONAL_V4
   Minimal hierarchy / personal archive.
   ========================================================== */

/* Personal feed tabs */
.cqa-comp-view-tabs,
.cqa-qa-personal-tabs{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:3px;
  margin:0 0 10px;
  padding:3px;
  border:0;
  border-radius:12px;
  background:
    rgba(125,125,145,.065);
}

.cqa-comp-view-tabs button,
.cqa-qa-personal-tabs button{
  min-width:0;
  min-height:34px;
  padding:5px 7px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--muted,#6d7078);
  font:inherit;
  font-size:11.5px;
  font-weight:550;
  white-space:nowrap;
}

.cqa-comp-view-tabs button.active,
.cqa-qa-personal-tabs button.active{
  background:
    var(--surface,#fff);
  color:inherit;
  font-weight:750;
  box-shadow:
    0 1px 4px
    rgba(35,40,55,.055);
}

/* Quieten discovery controls */
.cqa-comp-search-wrap{
  border-color:
    rgba(120,120,140,.095) !important;
  box-shadow:none !important;
}

.cqa-comp-mini-select,
.cqa-comp-select{
  border-color:
    rgba(120,120,140,.095) !important;
  box-shadow:none !important;
}

/* Cards should feel like reading surfaces, not boxes */
.cqa-comp-card{
  margin:4px 0 7px !important;
  padding:10px 10px 0 !important;
  border:
    1px solid rgba(120,120,140,.065)
    !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

.cqa-comp-card-head{
  min-height:20px;
}

.cqa-comp-actions{
  gap:13px !important;
}

.cqa-comp-tool,
.cqa-comp-social{
  opacity:.88;
}

.cqa-comp-tool.active{
  opacity:1;
}

/* No nested cards for discussion */
.cqa-comp-comments{
  background:transparent !important;
}

.cqa-comp-comment,
.cqa-comp-reply{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.cqa-comp-replies{
  border-inline-start:
    1px solid
    rgba(120,120,140,.115)
    !important;
}

/* Reply action with proper bent arrow */
.cqa-comp-reply-action{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--muted,#73767d);
}

.cqa-comp-reply-action .cqa-social-icon{
  width:13px !important;
  height:13px !important;
  flex:0 0 13px;
  transform:scaleX(-1);
  fill:none !important;
  stroke:currentColor;
  stroke-width:1.8;
}

.cqa-comp-reply-action span{
  font-size:10.5px;
}

/* Bookmark becomes the only save destination */
.cqa-comp-tool[data-comp-bookmark].active
.cqa-social-icon{
  fill:currentColor;
}

/* Q&A personal activity */
#cqaQaPersonalList{
  display:grid;
  gap:7px;
}

.cqa-qa-personal-card{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:11px 11px 10px;
  border:
    1px solid rgba(120,120,140,.075);
  border-radius:12px;
  background:
    var(--surface,#fff);
  color:inherit;
  font:inherit;
  text-align:right;
  box-shadow:none;
}

.cqa-qa-personal-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
  color:var(--muted,#73767d);
  font-size:10.5px;
}

.cqa-qa-personal-label{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  background:
    rgba(110,105,220,.07);
  color:#655fba;
  font-size:10.3px;
}

.cqa-qa-personal-card strong{
  display:block;
  font-size:12.8px;
  line-height:1.65;
}

.cqa-qa-personal-card p{
  display:-webkit-box;
  margin:5px 0 0;
  overflow:hidden;
  color:var(--muted,#62666f);
  font-size:11.8px;
  line-height:1.7;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

/* Composer even lighter */
.cqa-comp-global-composer{
  border-color:
    rgba(120,120,140,.105)
    !important;
  box-shadow:
    0 7px 24px
    rgba(30,35,50,.075)
    !important;
}

#cqaCompGlobalInput{
  border-color:
    rgba(120,120,140,.115)
    !important;
}

@media(max-width:380px){
  .cqa-comp-view-tabs button,
  .cqa-qa-personal-tabs button{
    padding-inline:4px;
    font-size:10.8px;
  }
}

/* END NOZAR_CQA_COMPREHENSION_PERSONAL_V4 */


/* ==========================================================
   NOZAR_CQA_COMP_PROMPT_SPACING_V7C
   More breathing room before comprehension composer.
   ========================================================== */

.cqa-comp-compose{
  margin-top:14px !important;
}

.cqa-comp-prompt{
  display:block;
  margin-bottom:8px;
}

/* END NOZAR_CQA_COMP_PROMPT_SPACING_V7C */