```css
/* styles.css for Stack Exchange */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom tailwind configuration for Stack Exchange */
@layer base {
  body {
    font-family: 'Segoe ui', Tahoma, Geneva, Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* Header styles */
.header {
  background-color: #8d6e00; /* Tailwind yellow-700 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.header h1 span:last-child {
  color: #f39c12; /* Tailwind orange-300 */
}

/* Navigation links */
nav a {
  color: white;
  transition: color 0.2s ease-in-out;
}

nav a:hover {
  color: #f39c12; /* Tailwind orange-300 */
  text-decoration: underline;
}

/* Sidebar styling */
.sidebar {
  background-color: #fdf6e3; /* Tailwind yellow-50 */
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.sidebar a {
  color: #8b5e00; /* Tailwind yellow-700 */
  transition: color 0.2s ease-in-out;
}

.sidebar a:hover {
  color: #a16200; /* Tailwind yellow-900 */
  text-decoration: underline;
}

/* Main content question cards */
.question-card {
  border-color: #e5e7eb; /* Tailwind gray-200 */
  transition: 0.2s ease-in-out;
}

.question-card:hover {
  box-shadow: 0 6px 12px rgba(0,0,0,0.05);
}

/* Question title links */
.question-title {
  color: #1f2937; /* Tailwind gray-900 */
}

.question-title:hover {
  color: #f39c12; /* Tailwind orange-300 */
  text-decoration: underline;
}

/* Question metadata */
.question-meta {
  color: #374151; /* Tailwind gray-700 */
}

/* Tags styling */
.tag {
  background-color: #f9f5f2; /* Tailwind gray-100 */
  color: #1f2937; /* Tailwind gray-800 */
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Pagination buttons */
.pagination a {
  background-color: white;
  border: 1px solid #e5e7eb; /* Tailwind gray-200 */
  transition: all 0.2s ease-in-out;
  border-radius: 0.375rem;
}

.pagination a:hover {
  background-color: #f9f9f9; /* Tailwind gray-100 */
}

/* Footer */
footer {
  background-color: #f5f5f5; /* Tailwind gray-100 */
  color: #4b5563; /* Tailwind gray-600 */
}

/* Responsive styles */
@media (max-width: 768px) {
  .sidebar {
    display: none;
  }

  .mobile-nav {
    display: block;
  }

  .desktop-view {
    grid-template-columns: 1fr;
  }
}
```
```