.region-content ol:not(.plain) {
  counter-reset: li;
  /* Initiate a counter */
  margin-left: 0;
  /* Remove the default left margin */
  padding-left: 0;
  /* Remove the default left padding */
}

.region-content ol:not(.plain)>li {
  position: relative;
  /* Create a positioning context */
  margin: 0 0 6px 2.5em;
  /* Give each list item a left margin to make room for the numbers */
  list-style: none;
  /* Disable the normal item numbering */
}

.region-content ol:not(.plain)>li:before {
  counter-increment: li;
  /* Increment the counter by 1 */
  /* Position and style the number */
  position: absolute;
  box-sizing: border-box;
  top: -0px;
  left: -2.5em;
  width: 2.5em;
  /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
  padding-right: 4px;
  font-weight: normal;
  text-align: right;
}

.region-content ol:not(.plain)>li:before {
  content: "(" counter(li, decimal) ")";
  /* Use the counter as content */
}

[lang^="fr"] .region-content ol:not(.plain)>li:before {
  content: counter(li, decimal) ")";
  /* Use the counter as content */
}

.region-content .new-list-styles.inferred-list ol:not(.plain)>li:before {
  content: "(" counter(li, lower-alpha) ")";
  /* Use the counter as content */
}

[lang^="fr"] .region-content .new-list-styles.inferred-list ol:not(.plain)>li:before {
  content: counter(li, lower-alpha) ")";
  /* Use the counter as content */
}

.region-content .new-list-styles.inferred-list ol:not(.plain)>li>ol>li:before {
  content: "(" counter(li, lower-roman) ")";
  /* Use the counter as content */
}

.region-content ol.lower-alpha>li:before,
.region-content ol.lst-lwr-alph>li:before,
.region-content ol[style*="lower-alpha"]:not(.plain)>li:before,
.region-content ol[type="a"]:not(.plain)>li:before,
.region-content ol.lower>li:before {
  content: "(" counter(li, lower-alpha) ")";
  /* Use the counter as content */
}

[lang^="fr"] .region-content ol.lower-alpha>li:before,
[lang^="fr"] .region-content ol.lst-lwr-alph>li:before,
[lang^="fr"] .region-content ol[style*="lower-alpha"]:not(.plain)>li:before,
[lang^="fr"] .region-content ol[type="a"]:not(.plain)>li:before,
[lang^="fr"] .region-content ol.lower>li:before {
  content: counter(li, lower-alpha) ")";
  /* Use the counter as content */
}

.region-content ol.lower-roman>li:before,
.region-content ol.lst-lwr-rmn>li:before,
.region-content ol[style*="lower-roman"]:not(.plain)>li:before,
.region-content ol.roman>li:before {
  content: "(" counter(li, lower-roman) ")";
  /* Use the counter as content */
}

.region-content ol.lst-lwr-rmn:not(.plain)>li:before,
.region-content ol[type="i"]:not(.plain)>li:before,
.region-content ol[style*="lower-roman"]:not(.plain)>li:before {
  content: "(" counter(li, lower-roman) ")";
}

.region-content ol.lst-upr-rmn:not(.plain)>li:before,
.region-content ol[style*="upper-roman"]:not(.plain)>li:before {
  content: "(" counter(li, upper-roman) ")";
}

.region-content ol.lst-lwr-alph>li:before,
.region-content ol[type="a"]:not(.plain)>li:before,
.region-content ol[style*="lower-alpha"]:not(.plain)>li:before {
  content: "(" counter(li, lower-alpha) ")";
}

.region-content ol.lst-upr-alph>li:before,
.region-content ol[style*="upper-alpha"]>li:before {
  content: "(" counter(li, upper-alpha) ")";
}

[lang^="fr"] .region-content ol.lst-upr-alph:not(.plain)>li:before,
[lang^="fr"] .region-content ol[style*="upper-alpha"]:not(.plain)>li:before {
  content: counter(li, upper-alpha) ")";
}

[lang^="fr"] .region-content ol.lst-lwr-alph:not(.plain)>li:before,
[lang^="fr"] .region-content ol[type="a"]:not(.plain)>li:before,
[lang^="fr"] .region-content ol[style*="lower-alpha"]:not(.plain)>li:before {
  content: counter(li, lower-alpha) ")";
}

/* li ol, li ul {margin-top:6px;} */

.region-content ol>li {
  margin-bottom: 1.5em;
}

.region-content ul>li li,
ol>li li {
  margin-top: .25em;
  margin-bottom: 0em;
}

.region-content ul>li ul,
ul>li ol,
ol>li ul,
ol>li ol {
  margin-top: .5em;
}