/* The guide pages. Layered on style.css — same palette, reading layout. */
body.guide{padding-bottom:0}
.gwrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);
  gap:2.6rem;padding:0 20px}
@media(max-width:900px){.gwrap{grid-template-columns:1fr;gap:1rem}}

.gnav{position:sticky;top:64px;align-self:start;max-height:calc(100vh - 80px);overflow-y:auto;
  padding:1.6rem 0 3rem}
@media(max-width:900px){.gnav{position:static;max-height:none;padding-bottom:0;
  border-bottom:1px solid var(--line);margin-bottom:1rem}}
.gnav h4{margin:1.3rem 0 .4rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--pink);font-weight:800}
.gnav h4:first-child{margin-top:0}
.gnav ul{list-style:none;margin:0;padding:0;display:grid;gap:.05rem}
.gnav a{display:block;padding:.34rem .6rem;border-radius:8px;color:var(--muted);font-size:.9rem}
.gnav a:hover{color:var(--text);background:var(--panel);text-decoration:none}
.gnav a.on{color:var(--text);background:linear-gradient(135deg,rgba(255,45,117,.18),rgba(124,77,255,.14));
  font-weight:700;box-shadow:inset 2px 0 0 var(--pink)}

.gbody{padding:1.8rem 0 4rem;min-width:0;font-size:16.5px;line-height:1.72}
.gcrumb{margin:0 0 .25rem;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--dim);font-weight:800}
.gbody h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 .5rem;letter-spacing:-.02em;font-weight:800}
.gsum{color:var(--muted);font-size:1.02rem;margin:0 0 1.6rem;padding-bottom:1.3rem;
  border-bottom:1px solid var(--line)}
.gbody h2{font-size:1.4rem;margin:2.3rem 0 .7rem;letter-spacing:-.01em;scroll-margin-top:80px}
.gbody h3{font-size:1.08rem;margin:1.7rem 0 .5rem;scroll-margin-top:80px}
.gbody p{margin:0 0 1rem}
.gbody ul,.gbody ol{margin:0 0 1.1rem;padding-left:1.35rem}
.gbody li{margin:.3rem 0}
.gbody li>p{margin:.3rem 0}
.gbody strong{color:#fff}
.gbody em{color:#d6d9ea}
.gbody hr{border:0;border-top:1px solid var(--line);margin:2.2rem 0 1.2rem}
.gbody blockquote{margin:1.2rem 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--line);
  color:var(--muted)}

.gbody table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.94rem;display:block;
  overflow-x:auto}
.gbody th,.gbody td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);
  vertical-align:top}
.gbody th{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);
  white-space:nowrap}
.gbody tr:last-child td{border-bottom:0}

.gbody pre{margin:0 0 1.3rem}
.gbody code{font-size:.87em}
.gbody pre code{background:none;border:0;padding:0;font-size:13px;color:#cfd3e6}

/* python-markdown admonitions, from the > [!NOTE] syntax */
.admonition{border-radius:0 12px 12px 0;padding:.9rem 1.15rem;margin:1.3rem 0;
  border-left:3px solid var(--line);background:rgba(255,255,255,.03);font-size:.96rem}
.admonition>:last-child{margin-bottom:0}
.admonition-title{font-weight:800;margin:0 0 .35rem;font-size:.78rem;letter-spacing:.11em;
  text-transform:uppercase}
.admonition.note{border-left-color:var(--cyan);background:rgba(0,229,255,.06)}
.admonition.note .admonition-title{color:var(--cyan)}
.admonition.tip{border-left-color:var(--ok);background:rgba(0,230,118,.06)}
.admonition.tip .admonition-title{color:var(--ok)}
.admonition.important{border-left-color:var(--purple);background:rgba(124,77,255,.09)}
.admonition.important .admonition-title{color:#b39cff}
.admonition.warning{border-left-color:var(--warn);background:rgba(255,179,0,.07)}
.admonition.warning .admonition-title{color:var(--warn)}
.admonition.danger{border-left-color:var(--pink);background:rgba(255,45,117,.08)}
.admonition.danger .admonition-title{color:var(--pink)}

.gtoc{margin:0 0 1.8rem;border:1px solid var(--line);border-radius:12px;
  background:rgba(21,26,40,.55);padding:.2rem .3rem}
.gtoc summary{cursor:pointer;padding:.6rem .85rem;font-size:.82rem;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.gtoc summary:hover{color:var(--text)}
.gtoc .toc{padding:0 .85rem .7rem}
.gtoc ul{list-style:none;margin:0;padding-left:.7rem}
.gtoc>.toc>ul{padding-left:0}
.gtoc li{margin:.15rem 0}
.gtoc a{font-size:.9rem;color:var(--muted)}

.gfoot{color:var(--muted);font-size:.9rem;margin-top:1.2rem}