/* Jogo Responsável — +18 block in the page head, chapters beside a local index, self-check. */

.doc { padding-block: clamp(3.5rem, 7vw, 6rem) 0; }
.toc__t { font: 400 var(--fs-micro)/1.2 var(--font-mono); color: var(--color-ink-2); margin-bottom: var(--space-3); letter-spacing: .02em; }
.chap { scroll-margin-top: calc(var(--header-h) + var(--space-5)); }
.doc__body > .notice + .chap { margin-top: clamp(3rem, 6vw, 4.5rem); }
.chap + .chap { margin-top: clamp(4rem, 8vw, 6rem); }
.chap > h2 { font-size: var(--fs-h2); line-height: 1; margin-top: var(--space-4); }
.chap > h2 em { font-style: italic; color: var(--color-brand); }
.chap > .prose { margin-top: var(--space-5); }
.chap > .prose + .defs, .chap > .prose + .check, .chap > .prose + .cards { margin-top: var(--space-6); }

/* +18: the first block of the page */
.rg18 { display: flex; align-items: baseline; gap: var(--space-5); border-top: 1px solid var(--color-ink); padding-top: var(--space-4); }
.rg18__big { font-family: var(--font-display); font-size: clamp(3.5rem, 7vw, 5.5rem); line-height: .9; color: var(--color-accent-text); }
.rg18__t { font-weight: 500; font-size: 1.0625rem; line-height: 1.4; }
.rg-main { margin-top: var(--space-5); color: var(--color-ink); }

/* self-check */
.check fieldset { border: 0; margin: 0; padding: 0; min-width: 0; border-top: 1px solid var(--color-ink); }
.check .field--check { padding: var(--space-4) 0; border-bottom: 1px solid var(--color-line); }
.check .field--check .field__label { font-size: .9375rem; cursor: pointer; }
.check__out { display: block; margin-top: var(--space-5); padding: var(--space-4) var(--space-5); border-left: 2px solid var(--color-brand); background: var(--color-surface); font-size: var(--fs-small); }
.check__out .lbl { margin-bottom: var(--space-2); }
.check__out[data-level="2"] { border-left-color: var(--color-accent); }

/* help channels */
.help .card__k .icon { color: var(--color-brand); }
.card .help__num { font-family: var(--font-display); font-size: clamp(2.5rem, 5vw, 3.5rem); line-height: 1; color: var(--color-ink); }
.chap .note { margin-top: var(--space-4); }