/* «اختبر فهمك» box (article pages). Scoped to .chg-box. */
.chg-box{--nv:#14213d;--gd:#b08d57;--gd2:#8a6a2f;--gdl:#f6efe3;--ln:#e5e1d8;--mut:#5b6472;--ok:#1f7a4d;--okb:#e8f4ee;--bad:#b42318;--badb:#fdecea;
  direction:rtl;text-align:right;clear:both;margin:26px 0 22px;border:1px solid var(--ln);border-top:4px solid var(--gd);border-radius:14px;background:#fff;
  font-family:"IBM Plex Sans Arabic",inherit;line-height:1.9;color:#1f2937;overflow:hidden}
.chg-box *{box-sizing:border-box}
.chg-box[hidden]{display:none!important}
.chg-box .cb-head{display:flex;align-items:center;gap:12px;background:var(--nv);color:#fff;padding:14px 18px}
.chg-box .cb-head b{display:block;font-size:18px;color:#fff}
.chg-box .cb-head span{font-size:13.5px;color:#c9d3e3}
.chg-box .cb-ic{width:38px;height:38px;border-radius:50%;border:2px solid var(--gd);flex:none;background:var(--gd);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 3v18M17 3v18M7 7h10M7 12h10M7 17h10'/%3E%3C/svg%3E") center/22px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 3v18M17 3v18M7 7h10M7 12h10M7 17h10'/%3E%3C/svg%3E") center/22px no-repeat}
.chg-box .cb-body{padding:16px 18px}
.chg-box .cb-p{margin:0 0 12px;font-size:15px;color:var(--mut)}
.chg-box .cb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 22px;border-radius:10px;border:0;background:var(--nv);color:#fff!important;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none!important}
.chg-box .cb-btn:hover{background:#1f3157}
.chg-box .cb-meta{font-size:13px;color:var(--gd2);font-weight:700}
.chg-box .cb-q{font-size:17px;font-weight:600;color:var(--nv);margin:4px 0 12px}
.chg-box .cb-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chg-box .cb-opt{display:flex;align-items:center;gap:10px;min-height:50px;text-align:right;background:#fff;border:1.5px solid var(--ln);border-radius:10px;padding:8px 12px;font:inherit;font-size:15px;color:#1f2937;cursor:pointer;line-height:1.5}
.chg-box .cb-opt:hover:not(:disabled){border-color:var(--nv)}
.chg-box .cb-opt .k{width:28px;height:28px;border-radius:7px;border:1.5px solid var(--gd);color:var(--gd2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none}
.chg-box .cb-opt.ok{border-color:var(--ok);background:var(--okb)}
.chg-box .cb-opt.ok .k{background:var(--ok);border-color:var(--ok);color:#fff}
.chg-box .cb-opt.bad{border-color:var(--bad);background:var(--badb)}
.chg-box .cb-opt.bad .k{background:var(--bad);border-color:var(--bad);color:#fff}
.chg-box .cb-fb{margin-top:12px;border-radius:10px;padding:12px 14px;font-size:14.5px}
.chg-box .cb-fb.ok{background:var(--okb)}.chg-box .cb-fb.bad{background:var(--badb)}
.chg-box .cb-fb b{color:var(--nv)}.chg-box .cb-fb p{margin:4px 0 10px}
.chg-box .cb-score{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.chg-box .cb-score b{font-size:30px;color:var(--gd2)}
.chg-box .cb-score span{font-weight:600;color:var(--nv)}
.chg-box .cb-ctas{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.chg-box .cb-link{color:var(--gd2);font-weight:700;font-size:14.5px}
@media (max-width:560px){.chg-box .cb-opts{grid-template-columns:1fr}.chg-box .cb-btn{width:100%}}
@media print{.chg-box{display:none!important}}