body {
    font-family: Arial, sans-serif;
    font-size: 16px;
}

.box {
    background: #f0f4f7;
    border: 1px solid #d0d7df;
    padding: 20px;
    border-radius: 8px;
}

.center {
    text-align: center;
}

h2 {
    font-size: 26px;
    margin-bottom: 10px;
}

p {
    font-size: 18px;
    line-height: 1.5;
}
.btn-bordeaux {
    background-color: #800000 !important;
    border-color: #800000 !important;
    color: white !important;
}

/* CONTENITORE CHE SCROLLA (funziona bene su mobile) */
.writing-wrap{
  width: 800px;
  max-width: 100%;
  height: 220px;                 /* altezza fissa => serve per lo scroll */
  border: 2px solid #800000;
  border-radius: 6px;
  overflow-y: auto;              /* <-- lo scroll è qui */
  -webkit-overflow-scrolling: touch; /* iOS */
  box-sizing: border-box;
  background: white;
}

/* TEXTAREA dentro il contenitore */
.writing-ta{
  width: 100%;
  height: 100%;
  border: none;                  /* il bordo è sul wrapper */
  outline: none;
  padding: 10px;
  font-size: 18px;
  resize: none;                  /* evita resize che rompe lo scroll su mobile */
  box-sizing: border-box;
}



.contribution-box {
    margin-left: 40px;
}