@media screen {
  html { background: #eeeeee; }
  body { margin-bottom: 30%; border-bottom: thin solid #3c790a; }
}

pre { margin-left: 2em; white-space: pre-wrap; }
dt, dfn { font-weight: bold; font-style: normal; }
i, em, dt dfn { font-style: italic; }
pre, code { font-size: inherit; font-family: monospace, Droid Sans Fallback, sans-serif; font-variant: normal; }
pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
pre em { font-weight: bolder; font-style: normal; }
var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
table { border-collapse: collapse; border-style: hidden hidden none hidden; }
table thead, table tbody { border-bottom: solid; }
table tbody th { text-align: left; }
table tbody th:first-child { border-left: solid; }
table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }

ins { background: green; color: white; /* color: green; border: solid thin lime; padding: 0.3em; line-height: 1.6em; */ text-decoration: none; }
del { background: maroon; color: white; /* color: maroon; border: solid thin red; padding: 0.3em; line-height: 1.6em; */ text-decoration: line-through; }
body ins, body del { display: block; }
body * ins, body * del { display: inline; }


.note { color: green; background: transparent; font-family: sans-serif, Droid Sans Fallback; }
.warning { color: red; background: transparent; }
.note, .warning { font-weight: bolder; font-style: italic; }
.note em, .warning em, .note i, .warning i { font-style: normal; }
p.note, div.note { padding: 0.5em 2em; }
span.note { padding: 0 2em; }
.note p:first-child, .warning p:first-child { margin-top: 0; }
.note p:last-child, .warning p:last-child { margin-bottom: 0; }
.warning:before { font-style: normal; }
p.note:before { content: 'Note: '; }
p.warning:before { content: '\26A0 Warning! '; }

.bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
.bookkeeping { font-size: 0.8em; margin: 2em 0; }
.bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
.bookkeeping dt { margin: 0.5em 2em 0; }
.bookkeeping dd { margin: 0 3em 0.5em; }

.critical { margin: 1em; border: double thick red; padding: 1em; background: #FFFFCC; }
.critical > :first-child { margin-top: 0; }

.example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
td > .example:only-child { margin: 0 0 0 0.1em; }
.rfc2119 { font-variant: small-caps;}

/* CSS for test annotations */

details.respec-tests-details { display: none !important;}
body.testcoverage details.respec-tests-details { display: inline-block !important; }

body.testcoverage .has-tests { background-color: #cfc !important;}
body.testcoverage .needs-tests { background-color: #fcc !important;}
body.testcoverage .untestable { opacity: 0.5;}
body.testcoverage .issue, body.testcoverage .example, body.testcoverage .note, body.testcoverage .informative, body.testcoverage .appendix { display: none;}

/* CSS for amendments markup */

.diff-new, .diff-old { position: relative; margin-top: 0.8em;}
.diff-new { border: thick solid #5a5;}
.diff-old { border: thick solid #F55;}
.diff-rm { display: none; }

.diff-old::before, .diff-new::before { position: absolute; top: -1.5em; font-size: 0.8em; right: 0; margin-right: 0; content: attr(aria-label)}

.diff-old::before { color: var(--del-text);}
.diff-new::before { color: var(--ins-text);}

section ol {
    counter-reset: list;
    list-style-type: none;
}

section ol > li::before {
    float: left;
    counter-increment: list;
    content: counter(list) ". ";
    margin-right: 0.4em;
}

section ol > li.skip::before {
    counter-increment: list 0;
    content: "";
}

del:not(#dontusethisid) .simple th  { color: #Faa;}
ins:not(#dontusethisid) .simple th  { color: #aFa;}