/* PS Master — Etap 4: pomoc kontekstowa bez opuszczania bieżącego modułu. */

.module-guide{
  margin:-7px 0 24px;
  border:1px solid var(--line);
  border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel),transparent 3%),color-mix(in srgb,var(--panel-2),transparent 4%));
  box-shadow:inset 0 1px #ffffff12,0 10px 28px #07162e12;
  overflow:hidden;
}
.partner-heading+.module-guide{margin-top:16px}
.module-guide.featured{border-color:color-mix(in srgb,var(--mode-accent),var(--line) 55%);box-shadow:inset 0 1px #ffffff18,0 12px 30px color-mix(in srgb,var(--mode-accent),transparent 88%)}
.module-guide-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 16px}
.module-guide-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 22px;min-width:0}
.module-guide-context p{display:flex;gap:8px;align-items:baseline;margin:0;color:var(--muted);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.module-guide-context b{flex:0 0 auto;color:var(--text);font-size:12px;letter-spacing:.055em;text-transform:uppercase}
.module-guide-toggle{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--mode-accent),var(--line) 48%);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--mode-accent),#fff 84%),color-mix(in srgb,var(--mode-accent),#fff 93%));color:color-mix(in srgb,var(--mode-accent),#07162e 42%);font:inherit;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px #fff9,0 7px 17px color-mix(in srgb,var(--mode-accent),transparent 84%);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.module-guide-toggle::before{content:"?";display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:var(--mode-accent);color:#fff;font-size:13px;box-shadow:0 0 14px color-mix(in srgb,var(--mode-accent),transparent 55%)}
.module-guide-toggle:hover{transform:translateY(-1px);border-color:var(--mode-accent);box-shadow:inset 0 1px #fff,0 10px 23px color-mix(in srgb,var(--mode-accent),transparent 76%)}
.module-guide-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--mode-accent),transparent 58%);outline-offset:3px}
.module-guide-toggle[aria-expanded="true"]::before{content:"×"}
.module-guide-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.7fr);gap:18px;padding:0 16px 16px;border-top:1px solid var(--line);animation:module-guide-reveal .26s ease both}
.module-guide-panel[hidden]{display:none}
.module-guide-steps{padding-top:15px}
.module-guide-steps>strong,.module-guide-result>strong{display:block;margin-bottom:10px;color:var(--text);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.module-guide-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:guide-step}
.module-guide-steps li{position:relative;min-height:84px;padding:13px 13px 13px 46px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel),transparent 8%);color:var(--text);font-size:14px;line-height:1.45;counter-increment:guide-step}
.module-guide-steps li::before{content:counter(guide-step);position:absolute;left:12px;top:12px;display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--mode-accent),transparent 82%);color:var(--mode-accent);font-size:12px;font-weight:900}
.module-guide-result{align-self:stretch;margin-top:15px;padding:14px;border:1px solid color-mix(in srgb,var(--mode-accent),var(--line) 58%);border-radius:12px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--mode-accent),transparent 86%),transparent 65%),var(--panel);color:var(--muted);font-size:14px;line-height:1.5}
.module-guide-result p{margin:0}
.dark-theme .module-guide-toggle{background:linear-gradient(145deg,color-mix(in srgb,var(--mode-accent),#162326 72%),#172326);color:#eef8f8;box-shadow:inset 0 1px #ffffff1f,0 8px 19px #0004}

@keyframes module-guide-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media(max-width:1050px){
  .module-guide-panel{grid-template-columns:1fr}
  .module-guide-result{margin-top:0}
}
@media(max-width:800px){
  .module-guide{margin-top:0;border-radius:13px}
  .module-guide-bar{grid-template-columns:1fr;padding:14px}
  .module-guide-context{grid-template-columns:1fr}
  .module-guide-toggle{width:100%;white-space:normal}
  .module-guide-panel{padding:0 14px 14px}
  .module-guide-steps ol{grid-template-columns:1fr}
  .module-guide-steps li{min-height:0}
}
@media(prefers-reduced-motion:reduce){.module-guide-panel{animation:none}.module-guide-toggle{transition:none}.module-guide-toggle:hover{transform:none}}