/* Inline techsheet (compact, proportioned) */
.inline-techsheet{
  display:grid;
  margin-top: 120px;
  grid-template-columns: 40% 60%;  /* specs molto più ampie */
  gap:22px;
  align-items:start;
  margin:64px auto 68px;
  max-width:1160px;
}

/* thumbnails colonna sinistra */
.renders-rail{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.renders-rail a{
  display:block;
  background:#0f1117;
  border:1px solid #181a21;
  border-radius:14px;
  padding:8px;
  transition:transform .15s ease, border-color .2s ease;
}
.renders-rail img{
  width:100%;
  height:auto;
  display:block;
  border-radius:10px;
}
.renders-rail a:hover{ transform:scale(1.01); border-color:#2a2f3b; }

/* colonna destra (wide) */
.specs-wide{
  background:#0f1117;
  border:1px solid #181a21;
  border-radius:16px;
  padding:18px 18px 12px;
}
.specs-wide h1{
  margin:.1rem 0 1rem 0;
  font-size:1.55rem;
  letter-spacing:.02em;
}
.specs-wide h2{
  margin:1rem 0 .4rem 0;
  font-size:.95rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#cfd2e3;
}
.specs-wide ul{ margin:.2rem 0 1rem 0; padding-left:1.1rem; }
.specs-wide li{ margin:.35rem 0; color:#e7e9f0; }


/* tabella capacità */
.tbl{
  width:100%;
  border-collapse:collapse;
  font-size:.95rem;
  color:#e7e9f0;
}
.tbl th, .tbl td{
  text-align:left;
  padding:.55rem .6rem;
  border-bottom:1px solid #23233a;
}
.tbl thead th{
  color:#cfd2e3;
  font-weight:600;
  background:#0e1016;
}

/* due colonne interne per sfruttare lo spazio ampio */
.specs-wide .two-col{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px 20px;
}

/* sticky su desktop per tenere le specs in vista */
@media (min-width:1025px){
  .specs-wide{ position:sticky; top:84px; height:fit-content; }
}

/* responsive: su tablet/mobile tutto a colonna singola */
@media (max-width: 980px){
  .inline-techsheet{ grid-template-columns: 1fr; }
  .specs-wide .two-col{ grid-template-columns:1fr; }
}

.section-title {
  margin-top: 68px;       /* margine superiore */
  font-weight: 700;       /* più grassetto */
  font-size: 1rem;        /* opzionale, puoi aumentare */
  letter-spacing: .03em;  /* opzionale */
}

.diagram-rail {
  display: block;
  background: #0f1117;
  border: 1px solid #181a21;
  border-radius: 14px;
  padding: 16px;
  max-height: 700px;   /* o l’altezza che preferisci */
  overflow-y: scroll;  /* mantiene lo scorrimento */
  scrollbar-width: none; /* Firefox */
}

.diagram-rail::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}
@font-face {
    font-family: 'Neuzeit S';
    src: url('./fonts/NeuzeitSLTStd-Book.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Neuzeit S';
    src: url('./fonts/NeuzeitSLTStd-BookHeavy.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
  }