/* styl głównejgo nagłówka każdego aktykułu "title" */
.page-header h2{
            color: #003d7c;
            padding: 1rem;
            margin: 0;
            text-align: center;
            border-bottom: 3px solid #003d7c;
        }

/* glowny kontener artykułu - dodajemy div ca całość i wpisujemy klasę .article-content */
.article-content-newstyle {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
  font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
  color: #1E1E1E;
  line-height: 1.4;
  font-size: 1rem;
}

.article-content-newstyle p {
    margin: 0 0 1em 0;
}

.article-content-newstyle ol,
.article-content-newstyle ul {
    margin: 0 0 1em 0;
    padding-left: 2em;
}

.article-content-newstyle li {
    margin: 0.3em 0;
}

.article-content-newstyle a {
    color: #003d7c;
}

.article-content-newstyle a:hover,
.article-content-newstyle a:focus {
    color: #002a5c;
    text-decoration: none;
}

/* Light Table Styling */ 
.tabela-newstyle { 
width: 100%; 
max-width: 1200px; 
border-collapse: collapse; 
margin: 1rem auto; 
background: white; 
} 

.tabela_dokumentow_head-newstyle { 
background: #003d7c; 
color: white !important; 
padding: 0.75rem !important; 
text-align: center; 
font-weight: 600 !important; 
} 

.tabela-newstyle td { 
padding: 0.75rem; 
border-bottom: 1px solid #e9ecef; 
vertical-align: top; 
} 

.tabela-newstyle td:first-child a[target="_blank"]::after { 
content: " ↗"; 
font-size: 0.8em; 
opacity: 0.7; 
margin-left: 0.3rem; 
} 

.tabela-newstyle img { 
vertical-align: middle; 
} 



.custom-button-newstyle {
    display: inline-block;
    background-color: #003d7c;
    color: #ffffff !important;
    padding: 1rem 2rem;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 2px solid #003d7c;
    font-weight: 600;
    font-size: 1.1rem;
    text-align: center;
}

.custom-button-newstyle:hover,
.custom-button-newstyle:focus {
    background-color: #002a5c;
    border-color: #002a5c;
    color: #ffffff;
    text-decoration: none;
    outline: 2px solid #003d7c;
    outline-offset: 2px;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 61, 124, 0.3);
}

/* Footer Note Styling */
.article-content-newstyle h6 {
    margin: 2rem auto 0 auto;
    padding: 1rem;
    border-radius: 4px;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #555;
    max-width: 1200px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .article-content-newstyle {
        margin: 1rem;
        padding: 1.5rem;
    }
    
    .tabela-newstyle {
        font-size: 0.85rem;
    }
    
    .tabela_dokumentow_head-newstyle {
        padding: 0.5rem 0.3rem;
        font-size: 0.8rem;
    }
    
    .tabela-newstyle td {
        padding: 0.5rem 0.3rem;
    }
    
	  .contact-button-newstyle {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .article-content-newstyle {
        margin: 0.5rem;
        padding: 1rem;
    }
    
    .table-wrapper-newstyle {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .tabela-newstyle {
        width: 100%;
        min-width: 700px;
        display: table;
        font-size: 0.8rem;
    }
    
    .tabela_dokumentow_head-newstyle {
        padding: 0.5rem 0.25rem;
        font-size: 0.75rem;
    }
    
    .tabela-newstyle td {
        padding: 0.5rem 0.25rem;
        min-width: 80px;
    }
    
    .tabela-newstyle td:first-child {
        min-width: 200px;
    }
	
	.contact-button-newstyle {
        padding: 1rem;
    }
}