/* Shesha, de gids: Adishesha, de kobra met de opgezette kap. Volgt de kleuren van de site (dag en nacht). */
:root{--g-paneel-bg:var(--wit,#f6f2ea);--g-paneel-ink:var(--inkt,#241c16);--g-rand:var(--lijn,#cfc4b3);--g-accent:var(--link,#8a3f12);--g-accent-ink:#fff;
  --g-romp:#6b5644;--g-kap:#4a3727;--g-kap-binnen:#8a6a48;--g-bril:#e2c27a;--g-kop:#2a201a;--g-oog:#f0d9a0;--g-knop:#f6f2ea}
:root:not([data-theme="light"]){--g-knop:#211b17;--g-accent:#e0873a;--g-accent-ink:#15110e}
.gids{position:fixed;right:clamp(12px,3vw,32px);bottom:clamp(12px,3vw,28px);z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.gids-knop{width:72px;height:72px;border:1px solid var(--g-rand);padding:6px;cursor:pointer;border-radius:50%;background:var(--g-knop);box-shadow:0 8px 22px rgba(40,25,10,.18);transition:box-shadow .4s,border-color .4s}
.gids-knop:focus-visible{outline:3px solid var(--g-accent);outline-offset:4px}
.gids-svg{display:block;width:100%;height:100%;overflow:visible}
.g-romp{fill:none;stroke:var(--g-romp);stroke-width:5.5;stroke-linecap:round}
.g-rand{fill:none;stroke:#b08a5e;stroke-width:1.3;opacity:.8}
.g-schub{fill:#6b5240;opacity:.8}
.g-nek{fill:none;stroke:var(--g-romp);stroke-width:8;stroke-linecap:round}
.g-kap{fill:var(--g-kap)}
.g-rug{fill:none;stroke:var(--g-kap-binnen);stroke-width:1;opacity:.45}
.g-brug{stroke-width:2.2}
.g-bril{fill:none;stroke:var(--g-bril);stroke-width:3;stroke-linecap:round}
.g-kop{fill:var(--g-kop)}
.g-oog{fill:var(--g-oog)}
.g-tong{fill:none;stroke:var(--g-tong,#c0392b);stroke-width:1.6;stroke-linecap:round;opacity:0}
.gids-lijf{transform-origin:60px 104px;animation:wieg 7s ease-in-out infinite}
.gids.spreekt .g-tong{animation:tong .6s ease 2}
.gids.groet:not(.open) .gids-knop,.gids-knop:hover{border-color:var(--g-accent);box-shadow:0 8px 22px rgba(40,25,10,.22)}
@keyframes wieg{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
@keyframes tong{0%,100%{opacity:0;transform:translateY(-2px)}40%{opacity:1;transform:translateY(2px)}}
@keyframes hup{0%,100%{transform:translateY(0)}30%{transform:translateY(-12px)}55%{transform:translateY(0)}75%{transform:translateY(-5px)}}
.gids-paneel{width:min(340px,calc(100vw - 32px));background:var(--g-paneel-bg);color:var(--g-paneel-ink);border:1px solid var(--g-rand);border-radius:18px 18px 4px 18px;padding:18px 18px 14px;box-shadow:0 18px 40px rgba(40,25,10,.2);transform-origin:bottom right;animation:open .28s ease}
@keyframes open{from{opacity:0;transform:scale(.92) translateY(8px)}}
.gids-tekst{margin:0 0 12px;font-size:1rem;line-height:1.5}
.gids-keuzes{display:flex;flex-direction:column;gap:6px}
.gids-keuzes button,.gids-keuzes a{font:inherit;font-size:.95rem;text-align:left;padding:8px 12px;border-radius:10px;border:1px solid var(--g-rand);background:transparent;color:inherit;cursor:pointer;text-decoration:none}
.gids-keuzes a{background:var(--g-accent);color:var(--g-accent-ink);border-color:transparent;font-weight:600}
.gids-keuzes button:hover,.gids-keuzes button:focus-visible{border-color:var(--g-accent)}
.gids-keuzes :focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}
.gids-noot{margin:12px 0 0;font-size:.78rem;opacity:.7}
@media (prefers-reduced-motion:reduce){.gids-lijf,.gids.groet .gids-knop,.gids-paneel{animation:none}}
@media (max-width:600px){.gids-knop{width:58px;height:58px;padding:5px}}
/* zoeken (11-11) */
.gids-paneel{max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overflow:auto;width:min(360px,calc(100vw - 32px))}
.gids-tekst{font-weight:600}
.gids-antwoord:empty{display:none}
.gids-antwoord{margin:0 0 12px;font-size:.95rem;line-height:1.5}
.gids-antwoord p{margin:0 0 .6rem}
.gids-antwoord a{color:var(--g-accent)}
.gids-antwoord .gids-link{display:inline-block;margin-top:.1rem;padding:7px 12px;border-radius:10px;background:var(--g-accent);color:var(--g-accent-ink);font-weight:600;text-decoration:none}
.gids-bron,.gids-ook{font-size:.82rem;opacity:.8;margin-bottom:.25rem!important}
.gids-ook{margin-top:.9rem!important}
.gids-meer{margin:0;padding-left:1.1rem}
.gids-meer li{margin:.2rem 0}
.gids-vraag{display:flex;gap:6px;margin:0 0 10px}
.gids-vraag input{flex:1;min-width:0;font:inherit;font-size:16px;padding:8px 10px;border-radius:10px;border:1px solid var(--g-rand);background:var(--papier,#ece6dc);color:inherit}
.gids-vraag button{font:inherit;font-size:.92rem;font-weight:600;padding:8px 12px;border-radius:10px;border:0;background:var(--g-accent);color:var(--g-accent-ink);cursor:pointer}
.gids-vraag :focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}