/* BLOCCO "DENTRO L'ALBERO" — CSS DI PROVA */
.dentro-albero{
  --da-bg: #ffffff;
  --da-ink: #1d2a27;
  --da-muted: #5a6b66;
  --da-line: #e6ecea;
  --da-soft: #f3f7f5;
  --da-accent: #2f6b5f;

  background: var(--da-bg);
  color: var(--da-ink);
  border: 1px solid var(--da-line);
  border-radius: 14px;
  overflow: hidden;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Header */
.da-header{
  background: linear-gradient(180deg, var(--da-soft), #fff);
  border-bottom: 1px solid var(--da-line);
  padding: 18px 18px 14px 18px;
  position: relative;
}
.da-header::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: var(--da-accent);
}
.da-title{
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.2px;
  line-height: 1.15;
  padding-left: 10px;
}
.da-subtitle{
  padding-left: 10px;
  margin-top: 6px;
  color: var(--da-muted);
  font-size: 14px;
}

.da-body{
  padding: 16px 18px;
  display: grid;
  gap: 14px;
}
.da-text{
  color: var(--da-ink);
  font-size: 15px;
  line-height: 1.65;
}
.da-text strong{
  color: var(--da-accent);
}

/* Footer */
.da-footer{
  border-top: 1px solid var(--da-line);
  padding: 14px 18px 18px 18px;
  background: #fff;
  display: grid;
  gap: 8px;
}
.da-footer-line{
  color: var(--da-muted);
  font-size: 14px;
  line-height: 1.6;
}
.da-footer-line strong{
  color: var(--da-ink);
}


@media (max-width: 860px){

}
@media (max-width: 560px){

  .da-title{ font-size: 22px; }
}