body { 
    margin: 0; 
    padding: 0; 
    background-color: #f0f2f5; 
    font-family: sans-serif;
}

.navbar {
    background: #2c3e50;
    color: white;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.nav-bar-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    height: 40px;
}

.current-table { font-weight: bold; letter-spacing: 1px; }

/* Hamburger */
.hamburger {
    background: none; border: none; cursor: pointer;
    display: flex; flex-direction: column; gap: 4px;
}
.hamburger span {
    display: block; width: 22px; height: 2px;
    background-color: white; transition: 0.3s;
}
.hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Poziome rozwijane menu */
.nav-links {
    display: none;
    position: absolute;
    top: 60px; /* Wysokość nav-bar-top + padding */
    left: 0;
    width: 100%;
    background: #34495e;
    flex-direction: row; /* Poziomo */
    flex-wrap: wrap;    /* Zawijanie jeśli za dużo tabel */
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.nav-links.show { display: flex; }

.nav-links a {
    color: white;
    text-decoration: none;
    padding: 12px 15px;
    font-size: 0.9em;
    font-weight: bold;
}

.nav-links a.active { color: #3498db; background: #1a252f; }

/* Tabela danych */
.container { padding: 5px; max-width: 900px; margin: 0 auto; }

.entry {
    background: white; margin-bottom: 3px; padding: 6px 10px;
    border-radius: 3px; border-left: 3px solid #2c3e50;
    display: flex; align-items: center;
}

.col-pol { flex: 0 0 35%; font-weight: bold; font-size: 0.95em; }
.col-fon { flex: 0 0 30%; color: #666; font-style: italic; font-size: 0.8em; padding: 0 5px; }
.col-jid { flex: 1; color: #b71c1c; font-size: 1.2em; text-align: right; direction: rtl; }

@media (min-width: 800px) {
    body { font-size: 18px; }
    .nav-bar-top { height: 50px; padding: 10px 30px; }
}