/* Guide layout: keep intrinsic text/table widths inside their grid cells. */
.guide-page .guide-hero,
.guide-page .guide-layout { width:100%; box-sizing:border-box; }
.guide-page .guide-hero > *,
.guide-page .guide-layout > *,
.guide-page .guide-body,
.guide-page #handbook,
.guide-page .guide-section,
.guide-page .guide-step > *,
.guide-page .guide-command-content { min-width:0; }
.guide-page .guide-step { grid-template-columns:36px minmax(0,1fr); }
.guide-page .guide-body { overflow-wrap:anywhere; }
.guide-page .guide-table-wrap { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.guide-page .guide-section { scroll-margin-top:100px; }
.guide-page .guide-actions > *,
.guide-page .guide-community .button { max-width:100%; white-space:normal; text-align:center; }
@media (max-width:760px) {
  .guide-page .guide-hero,
  .guide-page .guide-layout { grid-template-columns:minmax(0,1fr); padding-inline:20px; }
  .guide-page .guide-toc { min-width:0; max-width:100%; padding-block:18px; }
  .guide-page .guide-toc nav {
    display:flex; flex-wrap:wrap; gap:8px; overflow:visible;
    white-space:normal; margin:14px 0 0; padding:0;
  }
  .guide-page .guide-toc nav a {
    display:flex; align-items:center; min-height:44px; max-width:100%;
    padding:10px 12px; border:1px solid var(--line); border-radius:9px;
    background:#211923; font-size:12px; line-height:1.45; overflow-wrap:anywhere;
  }
  .guide-page .guide-hero h1 { font-size:clamp(32px,8.5vw,48px); letter-spacing:-1.5px; }
  .guide-page .guide-step { grid-template-columns:28px minmax(0,1fr); gap:12px; padding:18px 16px; }
  .guide-page .guide-step p,
  .guide-page .guide-topic p { line-height:1.7; }
  .guide-page .guide-search { padding:16px; }
  .guide-page .guide-search input { font-size:16px; }
  .guide-page .guide-filters button { min-height:44px; white-space:normal; }
  .guide-page .guide-community { padding:22px 18px; }
  .guide-page .guide-example { max-width:100%; }
}
@media (max-width:380px) {
  .guide-page .guide-hero,
  .guide-page .guide-layout { padding-inline:16px; }
  .guide-page .guide-actions { align-items:stretch; flex-direction:column; gap:16px; }
  .guide-page .guide-actions .text-link { align-self:flex-start; }
}
@media (max-width:380px) {
  .guide-page .vz-tools { min-width:0; }
  .guide-page .vz-header .vz-backstage { min-width:0; white-space:normal; text-align:center; line-height:1.25; }
  .guide-page .vz-header .vz-page-tools,
  .guide-page .vz-header .vz-menu { flex-shrink:0; }
}
