/* محیط یادگیری */
body.oa-learn-body{background:#F4F2F0;margin:0}
.oal-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px;min-height:64px}
.admin-bar .oal-top{top:32px}
.oal-back{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-weight:700;font-size:14px;border:1px solid var(--line);border-radius:10px;padding:7px 12px;flex:none}
.oal-back:hover{border-color:var(--coral);color:var(--coral)}
.oal-ttl{display:grid;min-width:0;flex:1}
.oal-ttl strong{color:var(--navy);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oal-ttl small{color:var(--muted);font-size:13px}
.oal-actions{display:flex;align-items:center;gap:8px}
.oal-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:10px;padding:7px 12px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.oal-btn:hover{border-color:var(--coral);color:var(--coral)}
.oal-btn-gold{background:var(--gold-t);border-color:#F1DFA6;color:var(--gold)}
.oal-btn-ghost{border-style:dashed}
.oal-ring{--p:0;width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--coral) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;flex:none}
.oal-ring span{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:800;color:var(--navy)}
@media (max-width:760px){.oal-btn span,.oal-back span{display:none}.oal-top{padding:8px 12px;gap:10px}}

.oal-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;max-width:1440px;margin:0 auto;padding:20px}
.oal-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.oal-stage{background:#000;border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.oal-stage .pv-player{font-size:20px}
.oal-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.oal-les-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:var(--muted);font-size:13.5px;margin-bottom:6px}
.oal-chip{display:inline-flex;align-items:center;gap:6px;background:var(--coral-t);color:var(--coral-d);border-radius:99px;padding:2px 10px;font-weight:700}
.oal-dur{display:inline-flex;align-items:center;gap:5px}
.oal-sec{color:var(--muted)}
.oal-les-title{font-size:clamp(20px,2.4vw,26px);margin:0 0 10px}
.oal-prose{font-size:16px;line-height:2.05;color:var(--ink)}
.oal-prose img{border-radius:12px}
.oal-prose ul{padding-inline-start:1.3em}
.oal-book{display:flex;gap:18px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px;margin:10px 0 16px}
.oal-book img{width:110px;border-radius:10px}
.oal-book h2{font-size:18px;margin-bottom:2px}
.oal-book p{color:var(--muted);margin-bottom:10px}
.oal-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.oal-nav>:first-child{justify-self:start}
.oal-nav>:last-child{justify-self:end}
.oal-nav .oa-btn{min-height:44px}
@media (max-width:600px){.oal-nav{grid-template-columns:1fr 1fr}.oal-nav>a.oa-btn{justify-self:stretch}.oal-nav>[data-oa-complete]{grid-column:1/-1;grid-row:1}.oal-nav>span:empty{display:none}}

.oal-locked{position:relative;border-radius:16px;overflow:hidden;min-height:420px;display:grid;place-items:center;background:var(--navy)}
.oal-locked-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;filter:blur(2px)}
.oal-locked-card{position:relative;background:#fff;border-radius:16px;padding:28px;max-width:440px;margin:20px;text-align:center}
.oal-lock-ic{width:58px;height:58px;border-radius:99px;background:var(--coral-t);color:var(--coral);display:inline-grid;place-items:center;margin-bottom:10px}
.oal-locked-card h1{font-size:20px}
.oal-locked-cta{display:flex;flex-direction:column;gap:8px;margin-top:14px}

.oal-side{background:#fff;border:1px solid var(--line);border-radius:16px;align-self:start;position:sticky;top:84px;max-height:calc(100vh - 104px);overflow-y:auto;overscroll-behavior:contain}
.oal-side-head{position:sticky;top:0;background:#fff;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.oal-side-head strong{color:var(--navy)}
.oal-side-head span{color:var(--muted);font-size:13px}
.oal-sec-box{border-bottom:1px solid var(--line)}
.oal-sec-box summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:800;color:var(--navy);font-size:14.5px}
.oal-sec-box summary::-webkit-details-marker{display:none}
.oal-sec-box summary>.oa-i{color:var(--muted);transition:transform .2s}
.oal-sec-box[open] summary>.oa-i{transform:rotate(180deg)}
.oal-sec-n{width:26px;height:26px;border-radius:8px;background:var(--blush);display:grid;place-items:center;font-size:13px;flex:none}
.oal-sec-t{flex:1;line-height:1.6}
.oal-sec-c{color:var(--muted);font-size:12.5px;font-weight:600}
.oal-sec-box ol{list-style:none;margin:0;padding:0 8px 10px}
.oal-row a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--text);font-size:14px;line-height:1.6}
.oal-row a:hover{background:var(--blush)}
.oal-st{width:24px;height:24px;border-radius:99px;border:1.5px solid var(--line-2);display:grid;place-items:center;color:var(--muted);flex:none}
.oal-row.is-done .oal-st{background:var(--ok);border-color:var(--ok);color:#fff}
.oal-row.is-current a{background:var(--coral-tt);color:var(--coral-d);font-weight:700}
.oal-row.is-current .oal-st{border-color:var(--coral);color:var(--coral)}
.oal-row.is-locked a{color:#9AA1AB}
.oal-rt{flex:1}
.oal-rd{color:var(--muted);font-size:12px}
.oal-free{background:var(--ok-t);color:var(--ok);font-size:11px;border-radius:99px;padding:0 7px;font-weight:700}
.oal-row-quiz .oal-st{border-style:dashed}
.oal-final-quiz{display:flex;align-items:center;gap:8px;margin:12px;padding:12px 14px;border-radius:12px;background:var(--gold-t);color:var(--gold);font-weight:800}
.oal-final-quiz.is-done{background:var(--ok-t);color:var(--ok)}
@media (max-width:1000px){.oal-wrap{grid-template-columns:1fr;padding:12px}.oal-side{position:static;max-height:none}}

/* quiz */
.oaq-lock{display:flex;gap:8px;align-items:center;color:var(--muted)}
.oaq-best{background:var(--warn-t);color:#92400E;border-radius:12px;padding:10px 14px;margin-bottom:14px}
.oaq-best.ok{background:var(--ok-t);color:#0F6B33}
.oaq-q{border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 12px}
.oaq-q legend{display:flex;gap:10px;font-weight:800;color:var(--navy);padding:0 6px;line-height:1.8}
.oaq-q legend span{width:26px;height:26px;border-radius:8px;background:var(--coral-t);color:var(--coral-d);display:grid;place-items:center;font-size:13px;flex:none}
.oaq-o{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);margin-top:8px;cursor:pointer}
.oaq-o:hover{border-color:var(--coral)}
.oaq-o input{margin:0}
.oaq-o.is-right{border-color:var(--ok);background:var(--ok-t)}
.oaq-o.is-wrong{border-color:var(--err);background:var(--err-t)}
.oaq-explain{margin:10px 0 0;color:var(--muted);font-size:14px}
.oaq-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.oaq-result{font-weight:800}
.oaq-result.ok{color:var(--ok)}
.oaq-result.no{color:var(--err)}

.oal-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 18px;border-radius:12px;font-weight:700;z-index:99;box-shadow:var(--sh-lg)}