/* css/legal.css — typography for the static legal pages (impressum.html,
   datenschutz.html). Sits on top of tutorial.css's .pt-page-wrap / .pt-page
   dark shell; only adds running-text styles those pages need. */

/* base.css locks body to a fixed app height with overflow:hidden (the game is a
   single non-scrolling screen). Legal pages are long documents — undo that lock
   so they scroll. Safe to target body globally: only the two legal pages load
   this stylesheet. */
html,
body {
	height: auto;
	min-height: 100%;
	overflow-y: auto;
}

.pt-page.legal {
	max-width: 720px;
	line-height: 1.6;
}

.pt-page.legal h1 {
	text-align: left;
	margin-bottom: 22px;
}

.pt-page.legal h2 {
	font-size: 1.08rem;
	color: var(--menu-text, #fff);
	margin: 28px 0 8px;
}

.pt-page.legal p,
.pt-page.legal li {
	color: var(--menu-text-dim, #b3a994);
	font-size: 0.95rem;
}

.pt-page.legal ul {
	margin: 8px 0;
	padding-left: 20px;
}

.pt-page.legal li { margin-bottom: 4px; }

.pt-page.legal a {
	color: var(--highlight-color, #f0d9b5);
	text-decoration: underline;
}
.pt-page.legal a:hover { color: var(--menu-text, #fff); }

.pt-page.legal .legal-block {
	background: var(--menu-surface, #322e28);
	border: 1px solid var(--menu-border, #3c362e);
	border-radius: 10px;
	padding: 14px 16px;
}

.pt-page.legal code {
	background: var(--menu-input-bg, #2b2823);
	padding: 1px 5px;
	border-radius: 4px;
	font-size: 0.88em;
}

.pt-page.legal .legal-meta {
	margin-top: 32px;
	padding-top: 16px;
	border-top: 1px solid var(--menu-border, #3c362e);
}

.pt-page.legal .legal-updated {
	font-size: 0.82rem;
	opacity: 0.7;
}

/* DE/EN language switch under the back link. The active language is a plain
   <strong>; the other is a link. */
.pt-page.legal .legal-lang {
	font-size: 0.85rem;
	color: var(--menu-text-dim, #b3a994);
	margin: 0 0 18px;
}
.pt-page.legal .legal-lang strong {
	color: var(--menu-text, #fff);
	font-weight: 700;
}

/* Translation disclaimer (English pages only). */
.pt-page.legal .legal-note {
	font-size: 0.85rem;
	font-style: italic;
	color: var(--menu-text-dim, #b3a994);
	border-left: 2px solid var(--menu-border, #3c362e);
	padding-left: 12px;
	margin: 0 0 22px;
}