/* Pixie uses the shared documentation layout; these rules cover chapter links and screenshots. */
.pixie-documentation-page .pxd-meta{margin-top:14px;font-size:12px;color:var(--pqd-muted)}
.pxd-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}
.pxd-section-nav a{border:1px solid var(--pqd-line);border-radius:8px;padding:7px 11px;font-size:12px;background:var(--pqd-bg-soft)}
.pxd-section-nav a:hover,.pxd-section-nav a:focus-visible{border-color:var(--pqd-accent);color:var(--pqd-accent)}
.pxd-block{margin-top:38px;scroll-margin-top:90px}
.pxd-block>h3{font-size:21px;letter-spacing:-.02em;margin:0 0 18px;color:var(--pqd-text);line-height:1.35}
.pxd-figure{margin:20px 0 26px}
.pxd-image-link{display:block;border:1px solid var(--pqd-line);border-radius:12px;overflow:hidden;background:#f6f6f7;cursor:zoom-in}
.pxd-image-link img{display:block;width:100%;height:auto}
.pxd-figure figcaption{padding-top:9px;color:var(--pqd-muted);font-size:12px}
.pxd-image-dialog{position:fixed;inset:0;margin:auto;width:min(96vw,1600px);max-width:96vw;max-height:94dvh;padding:16px;border:1px solid var(--pqd-line);border-radius:14px;background:var(--pqd-bg);color:var(--pqd-text);overflow:auto}
.pxd-image-dialog::backdrop{background:rgba(0,0,0,.8)}
.pxd-image-dialog form{position:sticky;top:0;display:flex;justify-content:flex-end;margin:0 0 10px;z-index:1}
.pxd-image-close{border:1px solid var(--pqd-line);border-radius:8px;background:var(--pqd-bg);color:var(--pqd-text);padding:9px 14px;cursor:pointer;font:inherit}
.pxd-image-dialog>img{display:block;width:100%;height:auto}
@media(max-width:600px){.pxd-block{margin-top:30px}.pxd-block>h3{font-size:19px}.pxd-image-dialog{padding:8px}.pxd-section-nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
