/* Cele trei reguli, așezate ca niște clauze de act, nu ca trei casete.
   Numeralul roman, enunțul mare, glosa mică. Hairline între ele. */
.lista-clauze{list-style:none;margin:72px 0 0;padding:0;border-top:1px solid var(--fir)}
.lista-clauze li{display:grid;grid-template-columns:96px minmax(0,1.15fr) minmax(0,.85fr);
  gap:48px;align-items:start;padding:52px 0;border-bottom:1px solid var(--fir)}
.lista-clauze .cifra{font-weight:200;font-size:clamp(30px,3.2vw,46px);line-height:1;
  letter-spacing:.1em;color:var(--aur);padding-top:4px}
.lista-clauze .clauza{font-weight:200;font-size:clamp(26px,3.3vw,42px);line-height:1.18;
  letter-spacing:.02em;color:var(--alb);margin:0;max-width:none}
.lista-clauze .glosa{color:var(--fum);font-size:16.5px;line-height:1.8;margin:0;
  padding-top:10px;max-width:46ch}
@media(max-width:980px){
  .lista-clauze li{grid-template-columns:62px minmax(0,1fr);gap:28px;padding:40px 0}
  .lista-clauze .glosa{grid-column:2}
}
@media(max-width:560px){
  .lista-clauze li{grid-template-columns:1fr;gap:16px}
  .lista-clauze .glosa{grid-column:1}
  .lista-clauze .cifra{font-size:26px}
  .lista-clauze .clauza br{display:none}
}