/* Zmeny v tele pre tmavší podklad */
body {
	font-size: 12.0pt;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	line-height:1.6em;
	margin: 15pt;
    background-color: #d6eef5; /* Tmavo-svetlá modrá */
}
/* Pridajte (alebo upravte) štýl pre hlavný kontajner obsahu */
#main-container {
    width: 800px; /* Nastavte pevnú šírku pre celú stránku */
    margin: 25px auto; /* Týmto sa obsah vycentruje: 25px hore/dole, auto vľavo/vpravo */
    height: auto;
    background-color: #ffffff; /* Pre vizuálne oddelenie od pozadia */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
/* Hlavičky a linky zostanú rovnaké, aby kontrastovali */
a {
	color: #238EC6;
	text-decoration: none;
}
/* ... ostatné h1, h2, h3, h4 bez zmeny ... */

/* Modernizácia .toggle */
.toggle { 
    /* Zmením farbu toggle na kontrastnejšiu, ktorá ladí s tmavším pozadím */
	text-align: left;
	font-size: 14px;
	line-height:22px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #DCEAF4; /* Svetlejší podklad pre toggle */
	margin-bottom: 10px;
	border: 1px solid #B8C7D6; /* Tmavší okraj */
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
    transition: background-color 0.3s ease;
}

.toggle:hover {
    background: #C4DAEC;
}

/* Nový štýl pre sekcie (System/Možnosti) */
.system-section {
    /* Zmeny pre tmavšiu sekciu */
    border: 1px solid #B8C7D6;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 8px;
    background-color: #ffffff; /* Biela vnútri sekcie pre dobrú čitateľnosť */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Výraznejší tieň */
}

/* Štýl pre varovanie XP/Vista */
.deprecated-section {
    border: 1px solid #d9534f;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 8px;
    background-color: #fff0f0; /* Svetlo červené varovanie */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Tlačidlá zostávajú rovnaké */
.modern-link {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 10px;
    background-color: #238EC6;
    color: white !important;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.modern-link:hover {
    background-color: #1a6fa0;
    text-decoration: none;
}

/* Špecifický štýl pre sekciu s problémami */
.problem-toggle {
    border: 1px solid #d9534f; /* Červený okraj */
    background-color: #fdf5f5; /* Svetlo červené pozadie */
}

/* Úprava ikonky/symbolu v problem-toggle */
.problem-toggle a.toggle-trigger {
	color: #d9534f; /* Červená farba textu hlavičky */
    font-weight: bold;
}

/* Zmena symbolu pre sekciu Riešenie problémov */
.problem-toggle a.toggle-trigger:before {
    /* Použijeme varovný symbol (napr. ❗ alebo ❓ alebo ⚠️) */
	content: "❗"; /* Unicode symbol výkričníka pre upozornenie */
	margin-right: 10px;
	font-size: 1.1em;
    color: #d9534f;
}

/* Symbol pre otvorený stav (zostane "+" pre konzistentnosť) */
.problem-toggle a.active.toggle-trigger:before {
	content: "+"; 
    color: #444; /* Zostane sivá alebo čierna */
}