/* /docs/hardening · page scoped CSS (prefix pg-docs__hardening-). Spacing between shared blocks, the copyable question (the same
   block as /docs/assistant; a promote request) and small notes under figures. */

/* hero: the question to copy, then the meta line */
.cy-phero__text>.pg-docs__hardening-ask--hero{margin-top:32px;max-width:560px}
.pg-docs__hardening-meta{margin-top:28px}
@media (max-width:767px){.cy-phero__text>.pg-docs__hardening-ask--hero{margin-top:24px}}

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

/* figures keep one rhythm in the guide */
.pg-docs__hardening-fig{margin-top:32px}
.pg-docs__hardening-plate-foot{margin-top:16px;padding-top:12px;border-top:1px solid var(--pg-hair);font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--s-ink-3)}
.cy-prose .pg-docs__hardening-plate-foot{margin-top:16px}
.pg-docs__hardening-note{max-width:64ch;font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--s-ink-3)}

/* tables: the state or the line first */
@media (min-width:768px){.pg-docs__hardening-states th[scope="row"]{width:22%}}

/* fig. 03: the two records sit on the raised plate, as in the reading layout (.cy-read .cy-plate), so the hairline record cards
   are not cards inside a bordered card (promote request: the same rule for .cy-docs) */
.pg-docs__hardening-recs.cy-plate{background:var(--s-raised);box-shadow:none}

/* the plan table in the 68ch column: a wider first column so the line names wrap to two lines at most */
@media (min-width:768px){.pg-docs__hardening-plans .cy-table--compare th:not(:first-child),.pg-docs__hardening-plans .cy-table--compare td{width:30%}}