:root{
  --bg:#f5f1e8;
  --card:#ffffff;
  --text:#000;
  --soft:#e7e0d3;
}

*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui;}

/* AGGIUNTO per sticky footer */
html,body{
  height:100%;
}

body{
  background:var(--bg);
  color:var(--text);
  display:flex;            /* nuovo */
  flex-direction:column;   /* nuovo */
}

header{
  padding:40px 20px;
  text-align:center;
  border-bottom:1px solid var(--soft);
}

/* il contenuto cresce e spinge il footer */
.container{
  max-width:850px;
  margin:auto;
  padding: 30px 18px 0px;
  flex:1;
}

.post{
  background:var(--card);
  margin-bottom:35px;
  border:1px solid var(--soft);
}

.post img {width:100%;display:block;}

.post-content{padding:22px;}

.date{font-size:0.8rem;margin-bottom:10px;}

footer{
  text-align:center;
  padding:30px;
  border-top:1px solid var(--soft);
}

/* Footer con bottone ritorno */
.back-footer{
  text-align:center;
  padding:40px 20px;
  border-top:1px solid var(--soft);
  /*margin-top:40px;*/
}

.back-footer a{
  text-decoration:none;
  color:black;
  font-size:0.95rem;
  padding:10px 16px;
  border:1px solid var(--soft);
  background:var(--card);
  transition:0.2s;
}

.back-footer a:hover{
  background:var(--soft);
}

.post-link {
  text-decoration: none;
  color: inherit;
}