html, body { margin: 0; padding: 0; border: 0; }

body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-style: normal; font-size: 20px;
	background-color: #E5E5E5;
}
.wrapper { max-width: 1000px; margin: 0 auto; padding: 6px 6px; } /* kontajner: na mobile plná šírka, na desktope max šírka + centrovanie */

@media (min-width: 1000px) { body { font-size: 21px; } pre  { font-size: 16px; }} /* jemné doladenie na veľkých obrazovkách */

a:link, a:visited, a:active { color: black; }
a:hover { color: blue; }
a img { border: 0; }

pre { font-size: 16px; font-family: inherit; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; }

small { font-size: 0.83em;   /* napr. 80 % rodiča */ }

hr { border: none; border-top: 2px solid black; }

img { max-width: 100%; height: auto; display: block; margin: 0 auto; border: 0; padding: 0; }

.sticky-header { font-size: 20px; position: sticky; top: 0; z-index: 1000; background: #B9B9B9; color: #1E1E7C; }

.header-inner { max-width: 1000px; margin: 0 auto; padding: 6px 3px; } /* vnútro hlavičky – rovnaká šírka ako obsah stránky */

.content { font-size: 16px; line-height: 1.45; white-space: pre-wrap; /* zachová nové riadky */ overflow-wrap: anywhere; /* zalomí dlhé slová */ } /* namiesto tagu pre */