/* /docs/trust-passport · page scoped CSS (prefix pg-docs__trust-passport-). Spacing between shared blocks, plus one page scoped part
   that is a promote request: the "ask your assistant" box with a Copy key (a question to paste, not a command, so not a .cy-cmd). */

/* the docs nav: vertical padding inside the current label's grey fill (Impeccable cramped-padding on long labels); min-height keeps
   the row at 36px. Promote request: the same padding on .cy-docs__list a. */
.pg-docs__trust-passport-nav .cy-docs__list a{padding-block:7px}

/* tables in the guide */
@media (min-width:768px){
  .pg-docs__trust-passport-questions th[scope="row"]{width:44%}
  .pg-docs__trust-passport-parts th[scope="row"]{width:34%}
}

/* figures keep the widths they have on /product (the paper) and in the fixture plates */
.pg-docs__trust-passport-morning,.pg-docs__trust-passport-eight{max-width:600px}
.pg-docs__trust-passport-paperfig{max-width:600px}

/* fig. 01: the plate head already draws the rule above the first row */
.pg-docs__trust-passport-morning .cy-gate{border-top:0}
.pg-docs__trust-passport-morning .cy-gate__row:last-child{border-bottom:0;padding-bottom:0}

/* fig. 03: the answer line under the two rows */
.pg-docs__trust-passport-answer{margin-top:14px;padding-top:14px;border-top:1px solid var(--s-line-2);font-size:calc(15px + var(--pg-mock-bump));line-height:1.45;color:var(--s-ink);text-wrap:pretty}
.pg-docs__trust-passport-answer__k{display:block;margin-bottom:4px;font-family:var(--font-mono);font-size:calc(13px + var(--pg-mock-bump));color:var(--s-ink-3)}

/* what it covers: the second cell's label and points are hollow (a limit, not a hue) */
.pg-docs__trust-passport-out>li::before{background:transparent;box-shadow:inset 0 0 0 1px var(--s-ink-3)}
.pg-docs__trust-passport-scope .cy-points{margin-top:16px}
.pg-docs__trust-passport-scope .cy-points>li{font-size:16px}

/* the before you send plate sits right under the section head */
.pg-docs__trust-passport-send{margin-top:20px}

/* the ask box: a question the reader can copy into their assistant (sky: the assistant hue) */
.pg-docs__trust-passport-ask{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:20px;row-gap:8px;margin-top:16px;padding:18px 20px;box-shadow:inset 0 0 0 1px var(--pg-rule);background:var(--s-bg)}
.pg-docs__trust-passport-ask__k{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}
.pg-docs__trust-passport-ask__q{margin:0;font-size:17px;line-height:1.5;color:var(--s-ink);text-wrap:pretty}
.pg-docs__trust-passport-ask__copy{min-height:44px;white-space:nowrap}
.pg-docs__trust-passport-ask__done{display:none}
.pg-docs__trust-passport-ask__copy[data-state="copied"] .pg-docs__trust-passport-ask__l{display:none}
.pg-docs__trust-passport-ask__copy[data-state="copied"] .pg-docs__trust-passport-ask__done{display:inline}
.pg-docs__trust-passport-ask__fail{display:none;grid-column:1/-1;margin:0;font-size:14px;line-height:1.5;color:var(--s-ink-2)}
.pg-docs__trust-passport-ask[data-copy="failed"] .pg-docs__trust-passport-ask__fail{display:block}
@media (max-width:519px){
  .pg-docs__trust-passport-ask{grid-template-columns:minmax(0,1fr);padding:16px}
  .pg-docs__trust-passport-ask__copy{justify-self:start}
}