/* ===== Layout Styles ===== */
/* Grid レイアウト */

.app-container {
  display: grid;
  grid-template-columns: 250px 1fr;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
}

/* サイドバーが折りたたまれた時 */
.sidebar.collapsed ~ .main-content {
  grid-column: 1 / -1;
}

/* メインコンテンツエリア */
.main-content {
  padding: 40px;
  overflow-y: auto;
}

.app-header {
  text-align: center;
  margin-bottom: 30px;
  background: white;
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.app-header h1 {
  color: #667eea;
  margin-bottom: 4px;
  font-size: 1.5rem;
}

.app-header .subtitle {
  color: #888;
  font-size: 0.9rem;
}

/* クイズカードコンテナ */
#quiz-card-container {
  max-width: 800px;
  margin: 0 auto;
}