/* Certo's guides for advocates (SCRUM-189). Uses the tokens of certo.css; no scripts, no web fonts. */
.guide { max-width: 44rem; }
.guide h2 { margin-top: 2em; }
.guide h3 { font-size: 1.05rem; margin: 1.4em 0 0.4em; }
.guide ol, .guide ul { padding-left: 1.3rem; }
.guide li { margin: 0.45rem 0; }
.draft { border: 1.5px dashed var(--mm); background: var(--mm-bg); color: var(--ink); padding: 0.55rem 0.8rem; border-radius: var(--radius); }
.disclaimer { color: var(--ink-2); font-size: 0.92rem; }
.guide blockquote { margin: 0.6rem 0; }
.guide blockquote cite { display: block; margin-top: 0.4rem; font: 400 0.85rem/1.5 var(--font-body); font-style: normal; color: var(--ink-2); }
.guide .note { border-left: 3px solid var(--accent); background: var(--accent-soft); padding: 0.5rem 0.8rem; }
table.statuses { width: 100%; border-collapse: collapse; margin: 0.75rem 0; background: var(--sheet); }
table.statuses th, table.statuses td { text-align: left; vertical-align: top; padding: 0.5rem 0.6rem; border-bottom: 1px solid var(--rule); }
table.statuses th { width: 11rem; }
@media (max-width: 520px) {
  table.statuses, table.statuses tbody, table.statuses tr, table.statuses th, table.statuses td { display: block; width: auto; }
  table.statuses td { padding-top: 0; }
}
.tools, .sources, .more { border-top: 1px solid var(--rule); margin-top: 2rem; }
.sources li { overflow-wrap: anywhere; }
.guide-list .summary { display: block; }
.guide blockquote ul.dashes { list-style: none; margin: 0; padding: 0; }
.guide blockquote ul.dashes li::before { content: "- "; }