/* Комплект «Промпт и контекст»: только то, чего нет в общих hub.css и document.css. */

.kit-routes { max-width: 54rem; padding-block: clamp(1.5rem, 4vw, 2.5rem); border-top: 1px solid var(--border); }
.kit-routes h2 { margin: 0 0 1rem; font-family: var(--font-display); font-size: clamp(1.2rem, 2.4vw, 1.5rem); letter-spacing: -0.025em; }
.kit-routes ul { max-width: 72ch; margin: 0; padding-left: 1.1rem; line-height: 1.65; }
.kit-routes li + li { margin-top: 0.6rem; }
.kit-note { max-width: 72ch; margin: 1.25rem 0 0; color: var(--muted-text); font-size: 0.92rem; }

/* Чек-боксы рабочего листа: отмечать их нужно в своей копии, здесь они только показывают форму. */
.document-body ul.task-list { list-style: none; padding-left: 0; }
.document-body ul.task-list li { position: relative; padding-left: 1.75rem; }
.document-body ul.task-list input[type="checkbox"] { position: absolute; left: 0; top: 0.3rem; margin: 0; accent-color: var(--accent); }

.document-body hr { max-width: 54rem; margin: 2.5rem 0; border: 0; border-top: 1px solid var(--border); }
.document-body pre { max-width: 72ch; overflow-x: auto; padding: 1rem 1.15rem; border: 1px solid var(--border); background: var(--surface-raised); }
