/* Manuals of the apps (software/manuals/<language>/<app>.htm), on top of franck.css.
   Only loaded by the manual pages, so a change here does not need a new ?v= in all other pages. */

/* Readable line length */
.franck-manual {
	max-width: 56rem;
}

/* Anchors: the heading stays below the fixed navbar */
.franck-manual [id] {
	scroll-margin-top: 5rem;
}

/* Chapters (h2) and sections (h3) */
.franck-manual-chapter {
	margin-top: 2.5rem;
}

	.franck-manual-chapter > h2 {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}

.franck-manual h3 {
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--franck-heading);
	margin-top: 1.75rem;
}

/* Table of contents */
.franck-manual-toc {
	border: 1px solid var(--franck-line);
	border-radius: .5rem;
	padding: .75rem 1.25rem .25rem 1.25rem;
	margin: 1rem 0;
}

	.franck-manual-toc ol {
		padding-left: 1.25rem;
	}

		.franck-manual-toc ol ol {
			list-style: none;
			padding-left: .5rem;
			font-size: .9rem;
		}

/* Names in the app (menus, buttons): bold */
.franck-ui {
	font-weight: 600;
}

/* Keys: light, like a key on the keyboard */
.franck-manual kbd {
	background-color: #f4f6f8;
	color: var(--franck-heading);
	border: 1px solid #c9d2da;
	border-bottom-width: 2px;
	border-radius: .3rem;
	padding: .05rem .35rem;
	font-size: .85em;
	white-space: nowrap;
}

/* Tips */
.franck-manual-tip {
	border-left: 3px solid var(--franck-accent);
	background-color: #f4f8fb;
	padding: .5rem .75rem;
	margin: 1rem 0;
}

/* Screenshots */
.franck-manual figure {
	margin: 1rem 0 1.5rem 0;
}

	.franck-manual figure img {
		max-width: 100%;
		height: auto;
		border: 1px solid var(--franck-line);
		border-radius: .35rem;
	}

	.franck-manual figure figcaption {
		color: var(--franck-muted);
		font-size: .875rem;
		margin-top: .25rem;
	}

/* Place for a screenshot that is not made yet */
.franck-manual-placeholder {
	border: 2px dashed #c9d2da;
	border-radius: .35rem;
	padding: 1.5rem 1rem;
	text-align: center;
	color: var(--franck-muted);
	background-color: #fafbfc;
}

/* Back to the table of contents */
.franck-manual-top {
	font-size: .875rem;
	text-align: right;
}

/* Tables (keyboard shortcuts) */
.franck-manual table {
	font-size: .95rem;
}

@media print {
	/* Every chapter on a new page; a screenshot or tip not split over two pages */
	.franck-manual-chapter {
		break-before: page;
		margin-top: 0;
	}

	.franck-manual figure,
	.franck-manual-tip,
	.franck-manual tr {
		break-inside: avoid;
	}

	.franck-manual h2,
	.franck-manual h3 {
		break-after: avoid;
	}

	.franck-manual-top {
		display: none;
	}

	.franck-manual {
		max-width: none;
	}
}