/* Handbook step chrome. The document's own styles live in HB_CSS (js/handbook/handbook.js) so the export matches. */
.hb-bar{display:flex;justify-content:flex-end;gap:8px;margin:-62px 0 50px}   /* level with the page title */
/* Reviewed: the page's manual tick */
.hb-review.on{color:var(--ok);border-color:var(--ok);background:var(--tag-green)}
@media(max-width:760px){.hb-bar{margin:-6px 0 18px;justify-content:flex-start}}
/* In the app the handbook is just the page: no frame, and the app's own type for headings */
.hb-page{font-family:inherit}
.hb-page > .hb-cover .hb-lead,.hb-page > p:first-child{margin-top:0}
.hb-in{width:100%;font:inherit;font-size:14px;color:var(--ink);border:1px dashed rgba(35,131,226,.45);background:#f5f9fe;border-radius:6px;padding:6px 9px;outline:none;resize:vertical}
input.hb-in{width:auto;min-width:180px;padding:2px 8px}
.hb-in:focus{border-style:solid;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}
.hb-in::placeholder{color:var(--faint)}
.hb-ask{font-size:13px;color:var(--accent);margin-bottom:4px}
.hb-note{margin-top:28px}
.hb-note-add{border:0;background:none;padding:0;font-size:13px;color:var(--faint);cursor:pointer}
.hb-note-add:hover{color:var(--accent)}
.hb-note:not(.open) .hb-in,.hb-note.open .hb-note-add{display:none}
.hb-jump{border:0;background:none;padding:0;font:inherit;color:var(--hb-link,#1a5fd0);text-decoration:underline;cursor:pointer}

/* Handbook page titles carry the section icon */
h1.with-ico{display:flex;align-items:center;gap:14px}
h1.with-ico .hb-ico{width:46px;height:46px;border-radius:12px;background:#eaf1ff;color:#397ffc;display:inline-flex;align-items:center;justify-content:center}
h1.with-ico .hb-ico svg{width:25px;height:25px}
.hb-src{font-size:13px;color:var(--muted);margin-top:6px}