/* The directory navigates documents; every workflow is one static image. */
.document-page.guide-handbook .page {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  align-items: start;
  gap: clamp(32px, 4vw, 72px);
  width: min(1520px, calc(100% - 64px));
  padding: 40px 0 80px;
}
.guide-sidebar {
  position: sticky;
  top: 112px;
  max-height: calc(100svh - 144px);
  overflow-y: auto;
  padding-right: 20px;
  scrollbar-width: thin;
  border-right: 1px solid var(--line);
}
.guide-directory > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 10px 20px;
  font-size: 18px;
  font-weight: 650;
  list-style: none;
  cursor: pointer;
}
.guide-directory > summary::-webkit-details-marker,
.guide-nav summary::-webkit-details-marker { display: none; }
.guide-directory-label { display: none; font-size: 13px; font-weight: 400; color: var(--muted); }
.guide-nav { font-size: 14px; line-height: 1.5; }
.guide-nav summary,
.guide-nav a {
  display: flex;
  min-height: 40px;
  align-items: center;
  padding: 9px 10px;
  border-radius: 6px;
  color: var(--ink);
  text-decoration: none;
  list-style: none;
}
.guide-nav summary { cursor: pointer; gap: 9px; font-weight: 600; }
.guide-nav summary::before {
  content: '';
  width: 5px;
  height: 5px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
  flex-shrink: 0;
}
.guide-nav details[open] > summary::before { transform: translateY(-2px) rotate(45deg); }
.guide-nav-groups { margin-left: 13px; }
.guide-nav-topics { margin: 0 0 6px 12px; border-left: 1px solid var(--line); padding-left: 8px; }
.guide-nav a:hover, .guide-nav summary:hover { background: var(--paper-deep); }
.guide-nav a[aria-current='page'] { background: var(--paper-deep); color: var(--rust-strong); font-weight: 650; }
.guide-nav-root { font-weight: 600; }
.guide-nav-help { margin-top: 24px; }
.guide-main { min-width: 0; }
.document-page .guide-panel { padding: 0; border: 0; margin: 0; scroll-margin-top: 112px; }
.document-page .guide-panel + .guide-panel { margin-top: 64px; }
.guide-handbook-ready .guide-panel + .guide-panel { margin-top: 0; }
.guide-panel[hidden] { display: none; }
.document-page .guide-breadcrumb { margin: 0 0 12px; font-size: 13px; line-height: 1.5; color: var(--muted); }
.document-page .guide-panel h1 { margin: 0 0 18px; font-size: clamp(28px, 2.6vw, 36px); line-height: 1.35; }
.guide-panel h1:focus { outline: none; }
.document-page .guide-intro { margin: 0 0 32px; max-width: 680px; font-size: 16px; line-height: 1.8; color: var(--muted); }
.guide-figure { margin: 28px 0 36px; }
.guide-figure-view { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.guide-figure img { display: block; width: 100%; min-width: var(--guide-figure-width, 0px); max-width: 100%; height: auto; }
.guide-figure figcaption { max-width: 760px; margin-top: 14px; font-size: 14px; line-height: 1.8; color: var(--muted); }
@media (min-width: 901px) {
  .guide-handbook-ready .guide-directory > summary { cursor: default; }
}
@media (max-width: 900px) {
  .document-page.guide-handbook .page { display: block; width: calc(100% - 40px); padding-top: 20px; }
  .guide-sidebar { position: static; max-height: none; padding-right: 0; border-right: 0; border-bottom: 1px solid var(--line); margin-bottom: 28px; overflow: visible; }
  .guide-directory > summary { min-height: 48px; padding: 8px 0 16px; }
  .guide-directory-label { display: inline; }
  .guide-directory[open] > summary .guide-directory-label::after { content: ' −'; }
  .guide-directory:not([open]) > summary .guide-directory-label::after { content: ' ＋'; }
  .guide-nav { padding-bottom: 20px; }
  .guide-nav summary, .guide-nav a { min-height: 44px; }
  .document-page .guide-panel { scroll-margin-top: 24px; }
  .document-page .guide-intro { margin-bottom: 24px; }
  .guide-figure { margin-top: 24px; }
}
@media print {
  .document-page.guide-handbook .page { display: block; width: 100%; padding: 0; }
  .guide-sidebar { display: none; }
  .guide-panel[hidden] { display: block; }
  .document-page .guide-panel { break-before: page; padding: 0; }
  .document-page .guide-panel:first-child { break-before: auto; }
  .guide-figure-view { overflow: visible; }
  .guide-figure img { min-width: 0; }
  .guide-figure { break-inside: avoid; }
}

.guide-permissions { overflow-x:auto; margin:32px 0; }
.guide-permissions table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.7; }
.guide-permissions caption { text-align:left; font-size:20px; font-weight:600; margin-bottom:16px; }
.guide-permissions th, .guide-permissions td { padding:14px 16px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.guide-permissions thead { background:var(--paper-deep); }
.guide-permissions th { font-weight:600; }
.guide-permissions td.guide-permission-mark { font-size:20px; font-weight:600; line-height:1.2; }