/* ============================================================================
   DOKUMENTACJA (Guide) — tekstowa ściąga
   ============================================================================ */
.gd-view{
  flex:1;min-width:0;display:flex;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
}
.gd-view[hidden]{display:none}
body.app-reveal .gd-view{animation:riseIn .5s ease .18s backwards}

#panelGuide:not([hidden]){display:flex;flex-direction:column}

/* spis sekcji (panel) */
.gd-nav{flex:1;overflow-y:auto;margin-top:8px;display:flex;flex-direction:column;gap:2px}
.gd-navitem{
  text-align:left;padding:9px 12px;border-radius:6px;
  font-size:12px;font-weight:600;color:var(--muted);
  transition:background .13s ease, color .13s ease;
}
.gd-navitem:hover{background:#1B2027;color:var(--text-soft)}
.gd-navitem.active{background:#1C2735;color:#9CCBFF}

/* treść */
.gd-scroll{flex:1;overflow-y:auto;padding:28px 40px 60px}
.gd-sec{max-width:760px;margin:0 auto 34px;scroll-margin-top:20px}
.gd-h{
  font-size:19px;font-weight:800;letter-spacing:.01em;color:#EDF1F6;
  margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #21252C;
}
.gd-sec p{font-size:13.5px;line-height:1.75;color:#B8C0CA;margin:0 0 12px}
.gd-sec b{color:#E4E9EF;font-weight:700}
.gd-sec ul{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.gd-sec li{font-size:13px;line-height:1.65;color:#AEB6C0}
.gd-sec code{
  background:#191D23;border:1px solid #262B33;border-radius:4px;
  padding:1px 6px;font-size:12px;color:#9CCBFF;font-family:ui-monospace,monospace;
}
.gd-keys{border-collapse:collapse;width:100%;font-size:13px}
.gd-keys td{padding:8px 10px;border-bottom:1px solid #1D222A;color:#AEB6C0}
.gd-keys td:first-child{width:190px;white-space:nowrap}
.gd-keys kbd{
  background:#20252D;border:1px solid #2E353F;border-bottom-width:2px;border-radius:5px;
  padding:2px 7px;font-size:11px;color:#DCE2EA;font-family:ui-monospace,monospace;
}