* { box-sizing: border-box; } 
body { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; 
    background-color: #f4f6f8; 
    color: #333; 
    margin: 0; 
    padding: 12px; 
} 
.page-layout { 
    display: flex; 
    gap: 20px; 
    max-width: 1200px; 
    width: 100%; 
    margin: 0 auto; 
    align-items: flex-start; 
} 
.container { 
    flex-grow: 1; 
    width: 100%; 
    min-width: 0; 
    background: #fff; 
    border-radius: 8px; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); 
} 
@media (max-width: 768px) { 
    .page-layout { flex-direction: column; gap: 12px; } 
    .container { width: 100%; } 
} 
@media (max-width: 480px) { body { padding: 8px; } }