/* Stili per la documentazione */
.doc-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.doc-header {
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.doc-sidebar {
  float: left;
  width: 250px;
  padding-right: 30px;
}

.doc-content {
  margin-left: 280px;
}

.doc-section {
  margin-bottom: 40px;
  background: #252525;
  padding: 20px;
  border-radius: 8px;
}

.doc-section h2 {
  color: #1a73e8;
  margin-top: 0;
}

.doc-section h3 {
  color: #4caf50;
}

.feature-list {
  columns: 2;
  column-gap: 30px;
}

@media (max-width: 768px) {
  .doc-sidebar {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .doc-content {
    margin-left: 0;
  }
  .feature-list {
    columns: 1;
  }
}

/* Stili comuni per tutte le guide */
.documentation-header {
  background: #1a1a1a;
  padding: 15px 0;
  border-bottom: 1px solid #333;
}

.documentation-footer {
  background: #1a1a1a;
  padding: 15px 0;
  border-top: 1px solid #333;
  margin-top: 40px;
  text-align: center;
  font-size: 0.9em;
  color: #777;
}