body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; line-height: 1.6; margin: 0; padding: 0; padding-top: 50px; }

        .main-header {
            position: fixed;
            top: 0;
            background-color: #333;
            padding: 5px 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.3);
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            box-sizing: border-box;
            z-index: 1000;
        }

        .header-left {
            display: flex;
            flex-direction: column;
            color: white;
        }

        .general-title {
            font-size: 0.75rem;
            text-transform: uppercase;
            opacity: 0.7;
            letter-spacing: 1px;
            margin: 0;
            line-height: 1.2;
        }

        .specific-title {
            font-size: 1.1rem;
            font-weight: bold;
            margin: 0;
            line-height: 1.2;
        }
        
        nav a {
            color: white;
            text-decoration: none;
            margin-left: 15px;
            font-weight: bold;
        }

        nav a.active {
            background-color: #0056b3;
            padding: 5px 10px;
            border-radius: 0;
        }

        nav a:hover {
            text-decoration: underline;
        }

        .presentation-container {
            width: 85%;
            margin: 20px auto;
            padding: 20px;
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
            background-color: #fdfdfd;
        }
        .slide {
            width: 100%;
            background-color: #f0f0f0;
            border: 1px solid #ccc;
            margin-bottom: 25px;
            padding: 0;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            min-height: 400px;
        }
        .slide-header {
            background-color: #0056b3;
            color: white;
            padding: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .slide-title {
            font-size: 1.6em;
            font-weight: bold;
            margin: 0;
        }
        .slide-number {
            font-size: 1.1em;
            font-style: italic;
        }
        .slide-content {
            padding: 25px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: justify;
        }
        .slide-content h3 {
            color: #0056b3;
            border-bottom: 2px solid #0056b3;
            padding-bottom: 5px;
        }
        .slide-content ul {
            list-style-type: square;
            padding-left: 20px;
        }
        .illustration-placeholder {
            border: 2px dashed #aaa;
            padding: 20px;
            text-align: center;
            background-color: #e9e9e9;
            font-style: italic;
            color: #555;
            height: 100%;
            box-sizing: border-box;
        }
        code {
            display: block;
            background-color: #2d2d2d;
            color: #f8f8f2;
            padding: 15px;
            border-radius: 5px;
            font-family: 'Consolas', 'Courier New', Courier, monospace;
            white-space: pre;
            margin-top: 20px;
            font-size: 0.9em;
        }
        .code-comment { color: #7f7f7f; }
        .code-keyword { color: #cc7832; }
        .code-string { color: #a5c261; }
        .code-prompt { color: #8c8c8c; }
        .slide-body-split {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 20px;
            margin-top: 15px;
        }
        .slide-text-content {
            flex: 3;
        }
        .slide-illustration-content {
            flex: 2;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f0f2f5; color: #333; line-height: 1.7; padding: 0; }

		/* Oryginalny */
		/* .menu-bar { background-color: #2c3e50; padding: 10px 20px; display: flex; flex-wrap: wrap; gap: 8px; position: sticky; top: 0; z-index: 1000; } */

        .menu-bar { background-color: #243342; padding: 10px 20px; display: flex; flex-wrap: wrap; gap: 8px; position: sticky; top: 0; z-index: 1000; }

        .menu-bar a { color: #ecf0f1; text-decoration: none; padding: 6px 14px; font-size: 0.9em; transition: background-color 0.3s; }

        .menu-bar a:hover { background-color: #e74c3c; }

        .menu-bar a.active { background-color: #e74c3c; font-weight: bold; }

        .slide { max-width: 1100px; margin: 30px auto; background: #f9f9f9; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; }

        /* .header { background-color: #2c3e50; color: white; padding: 14px 24px; display: flex; align-items: center; gap: 16px; } */
		
		.header { background-color: #364d63; color: white; padding: 14px 24px; display: flex; align-items: center; gap: 16px; }

        .slide-number { background-color: #e74c3c; padding: 4px 14px; font-weight: bold; font-size: 0.95em; white-space: nowrap; }

        .slide-title { font-size: 1.15em; font-weight: 600; border-bottom: 2px solid #e74c3c; padding-bottom: 4px; }

        .content { display: flex; flex-wrap: wrap; padding: 24px; gap: 24px; }

        .text { flex: 3; min-width: 300px; max-width: 100%; }

        .illustration { flex: 2; min-width: 250px; display: flex; align-items: center; justify-content: center; }

        .illustration img { max-width: 100%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

        h3 { color: #2c3e50; margin-bottom: 12px; font-size: 1.15em; }

        p { margin-bottom: 10px; text-align: justify; }

        ul, ol { margin: 10px 0 10px 20px; }

        li { margin-bottom: 6px; }

        pre.cli { background-color: #1e1e1e; color: #d4d4d4; padding: 16px; overflow-x: auto; font-family: 'Courier New', Courier, monospace; font-size: 0.92em; line-height: 1.6; margin: 12px 0; border-left: 5px solid #e74c3c; }

        .cmd { color: #569cd6; } .def { color: #dcdcaa; } .str { color: #ce9178; }

        .comment { color: #6a9955; font-style: italic; } .num { color: #b5cea8; } .attr { color: #9cdcfe; }

        .important-box { background-color: #fff3cd; border-left: 5px solid #ffc107; padding: 15px; margin: 12px 0; }

        table { width: 100%; border-collapse: collapse; margin: 12px 0; }

        table th, table td { border: 1px solid #ddd; padding: 8px 12px; text-align: left; }

        table th { background-color: #2c3e50; color: white; }

        table tr:nth-child(even) { background-color: #f2f2f2; }

        @media (max-width: 768px) { .content { flex-direction: column; } .illustration { order: -1; } }

        .slide_ext { background-color: #eef5fa; padding: 24px 24px; padding-right:20%; border-top: 2px solid #2c3e50; display: none; }
        .slide_ext p { margin-bottom: 8px; font-size: 0.95em; }
        .slide_ext.hidden { display: block; }