/* /docs/help · page scoped CSS (prefix pg-docs__help-). Spacing between shared blocks, the hero actions and the support template. */

/* hero: the email button and a jump link, then the meta line */
.pg-docs__help-acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}
.pg-docs__help-jump{min-height:44px;display:inline-flex;align-items:center}
.pg-docs__help-meta{margin-top:28px}
@media (max-width:767px){.pg-docs__help-acts{margin-top:24px}.pg-docs__help-acts .cy-btn{width:100%}}

/* six situations in the 68ch column */
.cy-prose .pg-docs__help-cells{margin-top:24px}

/* the support template: five labelled lines on the plate, grey hints under each, two actions */
.pg-docs__help-tpl{margin-top:24px}
.pg-docs__help-lines{display:grid;margin:0}
.pg-docs__help-lines>div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--pg-hair)}
.pg-docs__help-lines dt{font-family:var(--font-mono);font-size:14px;line-height:1.5;color:var(--s-ink)}
.pg-docs__help-lines dd{margin:0;font-size:14px;line-height:1.5;color:var(--s-ink-3)}
.pg-docs__help-tpl-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.pg-docs__help-copy-d{display:none}
.pg-docs__help-tpl-acts [data-state="copied"] .pg-docs__help-copy-l{display:none}
.pg-docs__help-tpl-acts [data-state="copied"] .pg-docs__help-copy-d{display:inline}
.pg-docs__help-tpl .cy-install__fail{margin-top:12px;font-size:14px;line-height:1.5}
@media (max-width:519px){.pg-docs__help-tpl-acts .cy-btn{width:100%}}

/* the plan table and the link rows */
@media (min-width:768px){.pg-docs__help-who th[scope="row"]{width:28%}}
.cy-prose .pg-docs__help-links{margin-top:20px}
.pg-docs__help-links a{min-height:44px;display:inline-flex;align-items:center}
.pg-docs__help-tpl .cy-plate__head{flex-wrap:wrap;column-gap:16px}