/* JETX RESPONSIVE CSS */
@media (max-width:1024px){
.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pros-cons{grid-template-columns:1fr}
.calculator-input-group{grid-template-columns:1fr}
.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (max-width:768px){
.header-content{flex-direction:column;gap:var(--spacing-md)}
.nav-menu{display:none;width:100%;flex-direction:column;gap:var(--spacing-sm)}
.nav-menu.active{display:flex}
.mobile-menu-toggle{display:block}
.page-nav{top:120px}
.page-nav-list{justify-content:flex-start;padding:0 var(--spacing-sm)}
.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
.btn-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}
.tab-buttons{overflow-x:auto;-webkit-overflow-scrolling:touch}
.review-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}
.table{font-size:.875rem}
.table th,.table td{padding:var(--spacing-xs)}
.result-value{font-size:2rem}
h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}
.block{padding:var(--spacing-xl) 0}
.container{padding:0 var(--spacing-sm)}
}
@media (max-width:480px){
.logo{font-size:1.5rem}
.page-nav-item a{font-size:.8rem;padding:6px 10px}
.btn{padding:10px var(--spacing-md);font-size:.9rem}
.card{padding:var(--spacing-md)}
.stat-value{font-size:1rem}
.result-value{font-size:1.75rem}
.footer-content{grid-template-columns:1fr}
}
@media print{
.header,.footer,.page-nav,.btn,.no-print{display:none!important}
.block{page-break-inside:avoid}
}