.main-content {
  max-width: 880px;
  margin: 120px auto;
  padding: 48px 32px;
  background-color: #e0f7fa;
  color: #111;
  box-sizing: border-box;
  border: 2px solid #004080;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 32, 64, 0.1);
}

/* Titolo principale */
.main-content h1 {
  font-size: 2.3rem;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #004080;
  padding-bottom: 0.3em;
  color: #002f4b;
}

/* Titoli sezioni */
.main-content h2 {
  font-size: 1.4rem;
  margin-top: 2.2em;
  margin-bottom: 0.6em;
  border-left: 5px solid #00688B;
  padding-left: 12px;
  color: #003650;
}

/* Testo paragrafi */
.main-content p {
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 1.2em;
}

/* Liste puntate */
.main-content ul {
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  list-style-type: square;
}

.main-content ul li {
  margin-bottom: 0.5em;
}

/* Link */
.main-content a {
  color: #004080;
  text-decoration: none;
  border-bottom: 1px solid #004080;
  transition: color 0.2s ease, border-bottom-color 0.2s ease;
}

.main-content a:hover {
  color: #001f40;
  border-bottom-color: #001f40;
}

/* Responsive */
@media (max-width: 600px) {
  .main-content {
    padding: 24px 16px;
    margin: 80px 16px;
  }

  .main-content h1 {
    font-size: 1.9rem;
  }

  .main-content h2 {
    font-size: 1.3rem;
    padding-left: 10px;
  }

  .main-content p,
  .main-content ul li {
    font-size: 1rem;
  }
}