/* JOIN KOWBOY (Chase, 27 Oct evening): the thin progress bar on every card, and the Add to Home
   Screen steps' picture colours inside the crew app (the install card colours the same classes
   through its own variables; the crew app has none, so they are set here). */
.cj-bar { display: block; flex: 1 1 auto; height: 6px; border-radius: 3px; background: var(--color-line, #e6e1d8); overflow: hidden; }
.cj-bar > span { display: block; height: 100%; border-radius: 3px; background: var(--color-accent, #b45309); }

.cj-a2hs .kf-a2hs-os { margin: 0 0 8px; font-size: 16px; line-height: 22px; font-weight: 700; color: #1f1a14; }
.cj-a2hs ol { margin: 0; padding: 0 0 0 22px; list-style: decimal; }
.cj-a2hs li { margin: 0 0 10px; font-size: 17px; line-height: 24px; color: #1f1a14; }
.cj-a2hs li:last-child { margin-bottom: 0; }
.cj-a2hs svg { display: block; margin: 6px 0 2px; max-width: 100%; height: 44px; width: auto; }
.cj-a2hs .f-soft { fill: #f5f5f4; }
.cj-a2hs .f-card { fill: #ffffff; }
.cj-a2hs .f-line { fill: #e7e5e4; }
.cj-a2hs .f-ink { fill: #1c1917; }
.cj-a2hs .f-none { fill: none; }
.cj-a2hs .s-edge { stroke: #a8a29e; }
.cj-a2hs .s-ink { stroke: #1c1917; }
.cj-a2hs .s-ios { stroke: #0a84ff; }
.cj-a2hs section { margin: 0; }

/* The agreement's "Done reading? Sign it" bar: positioning only, the agreement's words untouched. */
.cj-sign-bar { position: sticky; bottom: 0; z-index: 30; }