/* /docs/assistant · page scoped CSS (prefix pg-docs__assistant-). Spacing between shared blocks, the /cybee field in the hero and
   the two copyable questions (a promote request: the old site had "Copy question" blocks on several docs pages). */

/* hero: the /cybee field, a short note under it, then the meta line */
.pg-docs__assistant-slash{display:grid;justify-items:start;gap:12px}
.pg-docs__assistant-field{min-width:220px}
.pg-docs__assistant-field .cy-cmd__text{font-size:17px}
.pg-docs__assistant-note{font-size:15px;line-height:1.5;color:var(--s-ink-2)}
.pg-docs__assistant-meta{margin-top:28px}
.cy-phero__text>.pg-docs__assistant-slash{margin-top:32px}
@media (max-width:767px){.cy-phero__text>.pg-docs__assistant-slash{margin-top:24px}}

/* figures in the guide keep one width; the menu bar frame is a photo, so it takes the column */
.pg-docs__assistant-fig{margin-top:32px}
.pg-docs__assistant-fig .cy-win{max-width:560px}

/* fig. 02: one question in three assistants, one row each, the host in the same key column as the five parts below */
.pg-docs__assistant-contract .cy-contract__asks{grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.pg-docs__assistant-contract .cy-contract__ask{grid-template-columns:112px minmax(0,1fr);column-gap:16px;align-items:baseline}}

/* two questions to copy: a raised field, the question in ink, the Copy key at the right */
.pg-docs__assistant-asks{display:grid;gap:12px;margin-top:24px}
.pg-docs__assistant-ask{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:6px;align-items:center;
  padding:16px 8px 18px 20px;border-radius:10px;background:var(--s-raised);box-shadow:inset 0 0 0 1px var(--s-line)}
.pg-docs__assistant-ask-k{grid-column:1;font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}
.pg-docs__assistant-ask-q{grid-column:1;font-size:17px;font-weight:500;line-height:1.45;color:var(--s-ink);text-wrap:pretty}
.pg-docs__assistant-ask-copy{grid-column:2;grid-row:1/span 2;align-self:center}
.pg-docs__assistant-ask>.cy-install__fail{grid-column:1/-1;font-size:14px;line-height:1.5}
@media (max-width:767px){
  .pg-docs__assistant-ask{grid-template-columns:minmax(0,1fr);padding:16px 16px 12px}
  .pg-docs__assistant-ask-copy{grid-column:1;grid-row:auto;justify-self:start;margin-left:-4px}
  .pg-docs__assistant-ask .cy-cmd__key{background:var(--s-key);color:var(--s-ink);box-shadow:inset 0 0 0 1px var(--s-line-2)}
}

/* tables inside the guide: the question or the part first, the plain answer second */
@media (min-width:768px){.pg-docs__assistant-more th[scope="row"]{width:42%}}