/* start.css: the guide's own two shapes, a numbered page list and a step
   whose command stands beside what it does. Everything else is fly.css.
   Its own file because the site's policy allows no inline style: the
   same rules sat inside the page until 2026-10-31, refused by the browser,
   and the guide had no layout of its own. */
/* The guide's own two shapes: a numbered page list, and a step whose
   command stands beside what it does. Everything else is fly.css. */
.pages { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; counter-reset: pg; }
.pages li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 14px; align-items: baseline; background: var(--body); border-radius: 3px; padding: 14px 18px; }
.light .pages li { background: #e2dccf; }
.pages li::before { counter-increment: pg; content: counter(pg); grid-row: 1 / span 2; font-family: var(--mono); font-size: 22px; font-weight: 600; color: var(--signal); }
.pages b { grid-column: 2; display: block; font-weight: 600; margin-bottom: 2px; }
.pages span { grid-column: 2; color: var(--sub); font-size: 15px; }
.card pre { overflow-x: auto; }
.light .pages span { color: var(--ink-sub); }
.steps { display: grid; gap: 4px; }
.stepc { background: var(--body); border-radius: 3px; padding: 18px 22px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.stepc h3 { margin: 0; font-stretch: 75%; font-weight: 800; font-size: 22px; text-transform: uppercase; }
.stepc h3 small { font-family: var(--mono); font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: 0.06em; color: var(--label); margin-left: 12px; }
.stepc p { font-size: 15px; }
.stepc pre { margin: 0; background: var(--well); border: 1px solid var(--rule); border-radius: 3px; padding: 10px 12px; font-family: var(--mono); font-size: 13px; line-height: 1.6; overflow-x: auto; color: #d8d4cc; }
.stepc pre b { font-weight: 400; color: var(--signal); }
.stepc .or { font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--label); }
.keylist { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 18px; font-family: var(--mono); font-size: 13px; }
.keylist .k { color: var(--signal); white-space: nowrap; }
.keylist span:nth-child(2n) { color: #c8c4bc; }