/* document.css — Shared readable styling for rendered Markdown documents. */

.board-help {
	font-size: 0.97rem;
	line-height: 1.5;
}

.board-help h1,
.board-help h2,
.board-help h3,
.board-help h4 {
	margin: 1em 0 0.4em;
	line-height: 1.25;
	scroll-margin-top: 0.5rem;
}

.board-help h1 { font-size: 1.4rem; }
.board-help h2 { font-size: 1.2rem; }
.board-help h3 { font-size: 1.05rem; }
.board-help > :first-child { margin-top: 0; }
.board-help p { margin: 0.6em 0; }
.board-help ul,
.board-help ol { margin: 0.6em 0; padding-left: 1.5em; }
.board-help li { margin: 0.2em 0; }
/* A nested list belongs to the item above it: tighten it so the two read as one block. */
.board-help li > ul,
.board-help li > ol { margin: 0.2em 0; }

/* Guide tables wrap instead of scrolling. A table that overflows would need its own keyboard
   handle to be reachable; one that wraps needs nothing and stays readable on a phone. */
.board-help__table {
	width: 100%;
	margin: 0.7em 0;
	border-collapse: collapse;
}

.board-help__table th,
.board-help__table td {
	padding: 0.35em 0.6em;
	border: 1px solid var(--border);
	text-align: left;
	vertical-align: top;
}

.board-help__table th { background: var(--surface-2); }

.board-help__contents {
	margin: 0.9rem 0 1.1rem;
	padding: 0.75rem 1rem;
	border: 1px solid var(--border);
	border-radius: 8px;
	background: var(--surface-2);
}

.board-help__contents h2 { margin-top: 0; }
.board-help__contents ul { margin-bottom: 0; }

.board-help hr {
	border: 0;
	border-top: 1px solid var(--border-color, #ccc);
	margin: 1em 0;
}

.board-help code {
	padding: 0.1em 0.35em;
	border-radius: 4px;
	background: var(--surface-2, rgba(127, 127, 127, 0.15));
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.9em;
}

.board-help a {
	color: var(--link-color, #2563eb);
}