/* ch2.css — chapter 2 only: block layout explorer, hierarchy plate helpers */
.bl-grid{display:grid;gap:1px;justify-content:start;overflow-x:auto;padding:2px;max-width:100%}
.bl-cell{border:1px solid var(--lk-rule-soft);padding:0;margin:0;cursor:pointer;font:600 7px/1 var(--lk-mono);color:var(--lk-ink-soft);border-radius:1px}
.bl-cell.bl-warp{border-color:var(--lk-cobalt)}
.bl-cell.bl-sel{outline:2px solid var(--lk-vermilion);outline-offset:0;position:relative;z-index:1}
.bl-cell:focus-visible{outline:2px solid var(--lk-cobalt);outline-offset:1px}
.pseudo pre{margin:0;font-size:.8rem;line-height:1.55}

/* Fig. 7, the launch on the hardware (fig-launch.js): the act line under the card */
.iso-act{margin:.6rem .2rem 0;min-height:3.2em;font-size:.93rem;color:var(--lk-ink)}
.iso-act b{font-family:var(--lk-utility);font-size:.82rem;letter-spacing:.03em;color:var(--lk-cobalt-dark);margin-right:.2rem}
#fig-launch .iso-ctl .grp:last-child button{padding:.24rem .5rem}
#fig-launch .iso-svg{overflow:hidden}
#fig-launch .iso-svg path,#fig-launch .iso-svg circle{vector-effect:non-scaling-stroke}