/* Sfondo e font */
body{
  margin:0;
  background:#eeeeee;
  font-family:"JetBrains Mono", monospace;
  color:#111;
  font-size:16px;             /* BASE FISSA */
}

/* Contenitore principale */
.wrap{
  max-width:900px;
  margin:40px auto;
  padding:0 50px;
}

/* Titolo */
.title{
  font-weight:700;
  font-size:clamp(28px, 5vw, 40px);
  margin:50px 0 20px 0;
}

/* Testo principale */
.content{
  font-size:16px;             /* NON CAMBIA MAI */
  line-height:1.5;
}

/* Paragrafi */
.content p{
  margin:0 0 8px 0;
}

.section-header{
  color:#00cc33;
  font-weight:400;
  display:block;
  margin:0 0 8px 0;      /* solo spazio sotto */
  font-size:16px;
  padding-top:15px;     /* QUESTO crea lo spazio visibile sopra */
}


/* Responsive: SOLO SPAZI, NON I FONT */
@media (max-width:768px){
  .wrap{
    margin:24px auto;
    padding:0 50px;
  }
}

@media (max-width:480px){
  .wrap{
    margin:16px auto;
    padding:0 25px;
  }
}

/* Spazio per non far coprire il testo dal footer fisso */
body{
  padding-bottom:52px;  /* altezza footer circa */
}

/* Barra in fondo stile editor */
.footer-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:#333333;
  color:#f5f5f5;
  font-family:"JetBrains Mono", monospace;
  font-size:14px;
  text-align:center;
  padding:20px 16px;
}