/* Should be kept in sync with repo in vcite/public/ldml-xml.css */

.inner-text > .ldml-decision {
  padding-right: 60px; /* add margin so that we can fit the page number indicators */
  padding-left: 20px;
}

.ldml-pagenumber::before {
  content: '*' attr(data-val);
  font-weight: normal;
}

.ldml-pagenumber::after {
  content: attr(data-rep) ' ' attr(data-val);
  position: absolute;
  right: 0px;
  margin-top: var(--after-margin-top);
  font-weight: normal;
  color: #333;
}

.ldml-pagenumber:hover::before {
  background-color: orange;
}

.ldml-pagenumber:hover::after {
  background-color: orange;
}

.ldml-pagenumber {
  opacity: 0.55;
  font-size: 85%;
  border-radius: 3px;
  padding: 0.15rem;
  font-family: sans-serif;
  --after-margin-top: 2px;
}

.ldml-opinionheading {
  text-align: center;
  margin-top: 3rem;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.ldml-opinion {
  margin-top: 1rem;
  border-top: 3px double #CCC;
}

.ldml-heading {
    font-size: 1.25rem;
    margin-top: 1.25rem;
    display: block;
    margin-bottom: 0.5rem;
}

.ldml-heading.content__heading--depth1 {
  font-size: 1.25rem;
}

.ldml-heading.content__heading--depth2 {
  font-size: 1.15rem;
}

.ldml-heading.content__heading--depth3 {
  font-size: 1rem;
}

.ldml-heading.content__heading--depth4 {
  font-size: 0.9rem;
  color: #555;
}

.ldml-notemarker , .ldml-noteanchor {
  vertical-align: super;
  font-size: 0.75em;
  line-height: 1;
}

p.ldml-paragraph:not(.no-indent) {
  text-indent: 0;
}

.ldml-notes p.ldml-paragraph {
  text-indent: 0;
}

.ldml-blockquote + .ldml-blockquote {
  margin-top: -1rem;
  padding-top: 1rem;
}

.ldml-notes {
  font-size: 95%;
  margin-top: 1rem;
  border-top: 2px solid #CCC;
  color: #444;
  line-height: 1.2rem; 
  padding-top: 1rem;
}

.ldml-note {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dashed #EEE;
}

.ldml-header {
  text-align: center;
}

.ldml-pre {
  padding-top: 1rem;
  color: inherit;
  margin-left: 2rem;
}
