/* Muklib contextual help v5.0.11 — theme-aware */
.context-help-nav-button{position:relative;isolation:isolate}
.context-help-nav-button svg{width:20px;height:20px}
.context-help-nav-pulse{position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--gold) 70%,transparent);border-radius:50%;opacity:0;pointer-events:none}
.context-help-nav-button:hover .context-help-nav-pulse,.context-help-nav-button:focus-visible .context-help-nav-pulse{animation:contextHelpPulse 1.35s ease-out infinite}
@keyframes contextHelpPulse{0%{transform:scale(.7);opacity:.75}100%{transform:scale(1.65);opacity:0}}

.context-help-layer{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:clamp(14px,3vw,34px);direction:rtl}
.context-help-layer[hidden]{display:none!important}
.context-help-backdrop{position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--navy) 66%,transparent);backdrop-filter:blur(12px) saturate(.9);-webkit-backdrop-filter:blur(12px) saturate(.9);cursor:default}
.context-help-card{--help-accent:var(--navy2);position:relative;isolation:isolate;width:min(760px,100%);max-height:min(86dvh,780px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 96%,var(--soft)),color-mix(in srgb,var(--paper) 90%,var(--cream)));border:1px solid color-mix(in srgb,var(--line) 82%,var(--gold));border-radius:clamp(24px,3vw,36px);box-shadow:0 30px 90px color-mix(in srgb,var(--navy) 38%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 60%,transparent);color:var(--ink);transform:translateY(20px) scale(.97);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease}
.context-help-card::-webkit-scrollbar{display:none}
.context-help-layer.is-open .context-help-card{transform:none;opacity:1}
.context-help-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:-1}
.context-help-glow.one{width:260px;height:260px;top:-150px;right:-80px;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 22%,transparent),transparent 68%)}
.context-help-glow.two{width:280px;height:280px;bottom:-180px;left:-90px;background:radial-gradient(circle,color-mix(in srgb,var(--navy2) 20%,transparent),transparent 70%)}
.context-help-head{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:16px;padding:clamp(22px,4vw,34px) clamp(20px,4vw,38px) 20px;border-bottom:1px solid color-mix(in srgb,var(--line) 74%,transparent)}
.context-help-emblem{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;color:var(--paper);background:linear-gradient(135deg,var(--navy),var(--navy2));box-shadow:0 14px 30px color-mix(in srgb,var(--navy2) 28%,transparent)}
.context-help-emblem svg{width:28px;height:28px}
.context-help-head>div:nth-child(2)>span{display:inline-flex;margin-bottom:4px;color:var(--navy2);font-size:12px;font-weight:800}
.context-help-head h2{margin:0;font-size:clamp(21px,3vw,30px);line-height:1.45;color:var(--ink)}
.context-help-head p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.9}
.context-help-head>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 88%,var(--soft));color:var(--ink);cursor:pointer;transition:.2s ease}
.context-help-head>button:hover{transform:rotate(5deg);border-color:color-mix(in srgb,var(--navy2) 45%,var(--line));color:var(--navy2)}
.context-help-head>button svg{width:20px;height:20px}
.context-help-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:22px clamp(20px,4vw,38px)}
.context-help-steps article{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:start;min-width:0;padding:17px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:20px;background:color-mix(in srgb,var(--paper) 82%,var(--soft));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.context-help-steps article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--navy2) 30%,var(--line));box-shadow:0 12px 26px color-mix(in srgb,var(--navy) 9%,transparent)}
.context-help-step-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--navy2) 14%,var(--paper)),color-mix(in srgb,var(--gold) 12%,var(--paper)));color:var(--navy2)}
.context-help-step-icon svg{width:23px;height:23px}
.context-help-steps small{display:inline-grid;place-items:center;float:right;margin:0 0 0 7px;width:22px;height:22px;border-radius:8px;background:color-mix(in srgb,var(--navy2) 12%,var(--paper));color:var(--navy2);font-size:10px;font-weight:900}
.context-help-steps strong{display:block;padding-top:1px;font-size:14px;line-height:1.65;color:var(--ink)}
.context-help-steps p{clear:both;margin:7px 0 0;color:var(--muted);font-size:12.5px;line-height:1.9}
.context-help-card>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px clamp(20px,4vw,38px) 22px;border-top:1px solid color-mix(in srgb,var(--line) 74%,transparent);background:color-mix(in srgb,var(--soft) 48%,transparent)}
.context-help-card>footer p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.context-help-card>footer p svg{width:18px;height:18px;flex:0 0 auto;color:var(--navy2)}
.context-help-card>footer>button{min-width:132px;padding:12px 20px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:var(--paper);font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--navy2) 24%,transparent);transition:.2s ease}
.context-help-card>footer>button:hover{transform:translateY(-2px);filter:saturate(1.08)}
body.context-help-open{overflow:hidden}

@media(max-width:650px){
 .context-help-layer{align-items:end;padding:0}
 .context-help-card{width:100%;max-height:91dvh;border-radius:28px 28px 0 0;border-bottom:0}
 .context-help-head{grid-template-columns:48px 1fr 38px;gap:11px;padding:22px 17px 16px}
 .context-help-emblem{width:48px;height:48px;border-radius:16px}
 .context-help-emblem svg{width:24px;height:24px}
 .context-help-head h2{font-size:20px}
 .context-help-head p{font-size:12.5px;line-height:1.75}
 .context-help-head>button{width:38px;height:38px;border-radius:13px}
 .context-help-steps{grid-template-columns:1fr;padding:16px;gap:9px}
 .context-help-steps article{grid-template-columns:42px 1fr;padding:14px;border-radius:17px}
 .context-help-step-icon{width:42px;height:42px;border-radius:14px}
 .context-help-card>footer{position:sticky;bottom:0;flex-direction:column;align-items:stretch;padding:13px 16px calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px)}
 .context-help-card>footer p{justify-content:center;text-align:center}
 .context-help-card>footer>button{width:100%}
 .context-help-nav-pulse{display:none}
}

@media(prefers-reduced-motion:reduce){.context-help-card,.context-help-nav-pulse,.context-help-steps article,.context-help-card button{animation:none!important;transition:none!important}}
