/* /docs/protection · page scoped CSS (prefix pg-docs__protection-). 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 it is not a .cy-cmd). */

/* the docs nav: a long current label ("Protection and alerts") needs vertical padding inside its grey fill (Impeccable
   cramped-padding); min-height keeps the row at 36px. Promote request: the same padding on .cy-docs__list a. */
.pg-docs__protection-nav .cy-docs__list a{padding-block:7px}

/* tables in the guide: the first column names the thing, the second answers it */
@media (min-width:768px){
  .pg-docs__protection-jobs th[scope="row"]{width:34%}
  .pg-docs__protection-states th[scope="row"]{width:30%}
  .pg-docs__protection-data td{width:50%}
}

/* the alert card keeps the width it has on /product */
.pg-docs__protection-alertfig{max-width:600px}

/* fig. 03: a notification needs less height than the menu bar card the frame was sized for (4:3, 460px on phones) */
.pg-docs__protection-frame{aspect-ratio:3/2}
@media (max-width:519px){.pg-docs__protection-frame{aspect-ratio:auto;height:320px}}

/* the ask box: a question the reader can copy into their assistant (sky: the assistant hue) */
.pg-docs__protection-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__protection-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__protection-ask__q{margin:0;font-size:17px;line-height:1.5;color:var(--s-ink);text-wrap:pretty}
.pg-docs__protection-ask__copy{min-height:44px;white-space:nowrap}
.pg-docs__protection-ask__done{display:none}
.pg-docs__protection-ask__copy[data-state="copied"] .pg-docs__protection-ask__l{display:none}
.pg-docs__protection-ask__copy[data-state="copied"] .pg-docs__protection-ask__done{display:inline}
.pg-docs__protection-ask__fail{display:none;grid-column:1/-1;margin:0;font-size:14px;line-height:1.5;color:var(--s-ink-2)}
.pg-docs__protection-ask[data-copy="failed"] .pg-docs__protection-ask__fail{display:block}
@media (max-width:519px){
  .pg-docs__protection-ask{grid-template-columns:minmax(0,1fr);padding:16px}
  .pg-docs__protection-ask__copy{justify-self:start}
}