/* The participant guide on the start page. */

.md { overflow-wrap: break-word; --code-bg: var(--silver); }
.band .md { --code-bg: #fff; }
.md > :first-child { margin-top: 0; }
.md p, .md ul, .md ol { margin: 14px 0 0; max-width: 74ch; color: var(--text); }
.md ul, .md ol { padding-left: 22px; }
.md li { margin-top: 6px; }
.md li::marker { color: var(--muted); }
.md strong { font-weight: 600; }
.md h3 { font-size: 21px; margin-top: 36px; }
.md h4 { font: 600 17px var(--display); margin-top: 24px; }
.md h3, .md h4, .guide-full h2 { scroll-margin-top: calc(var(--nav-h, 64px) + 20px); }
.md :not(pre) > code { font-size: .84em; background: var(--code-bg); border-radius: 6px; padding: .12em .36em; overflow-wrap: anywhere; }
.md pre.cmd { margin-top: 14px; line-height: 1.55; background: var(--code-bg); }
.md .prompt { margin-top: 18px; }
.md .table-scroll { margin-top: 18px; background: #fff; --code-bg: var(--silver); }
.md .board { font-size: 14px; }
.md .board td { vertical-align: top; }
.md .board td code { font-size: 12.5px; overflow-wrap: normal; }
.md blockquote { margin: 14px 0 0; padding: 2px 0 2px 16px; border-left: 3px solid var(--lime-dark); color: var(--muted); }
.md img { max-width: 100%; }

/* Page head */
.page-head .lead p { margin: 0; }
.page-head .lead p + p { margin-top: 10px; }
.page-head .lead a { color: var(--lime); }

/* Full sections */
.guide-full .md { margin-top: 20px; }

/* Blocks */
.guide-acc { background: #fff; border: 1px solid var(--line); border-radius: var(--r-block); padding: 0 24px; }
.guide-acc details.part { padding: 0; scroll-margin-top: calc(var(--nav-h, 64px) + 16px); }
.guide-acc details.part:first-of-type { margin-top: 0; }
.guide-acc details.part:last-child { border-bottom: 0; }
.guide-acc summary { padding: 20px 0; align-items: center; }
.guide-acc summary .t { display: grid; gap: 4px; }
.guide-acc summary b { font: 600 20px/1.2 var(--display); letter-spacing: -.01em; }
.guide-acc summary small { font-size: 13px; line-height: 1.4; color: var(--muted); font-weight: 400; }
.guide-acc .md { padding-bottom: 28px; --code-bg: var(--silver); }
.guide-tools { display: flex; gap: 12px 24px; align-items: center; flex-wrap: wrap; margin-top: 24px; }
.guide-tools [hidden] { display: none; }
.guide-status { color: var(--muted); font-size: 14px; }
.guide-source { font-size: 13px; color: var(--muted); margin: 0; }

@media (max-width: 860px) { .guide-acc { padding: 0 16px; } .guide-acc summary b { font-size: 18px; } }