/*

0 CSS RESET

*/ /* meyerweb.com/eric/tools/css/reset/

v2.0 | 20110126
License: none (public domain)

*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, output, ruby, section, summary, time, mark, audio, video {

margin: 0;
padding: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

border: 0;
font-size: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

vertical-align: baseline; }

html, body, div, span, applet, object, iframe, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, q, s, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

font-family: {{bodyfont}}; }

code, pre, tt, kbd, samp {

font-family: {{monospacefont}};
font-variant-ligatures: none; }

code *, pre *, tt *, kbd *, samp * {

font-family: {{monospacefont}} !important;
font-variant-ligatures: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

display: block; }

table {

border-collapse: collapse;
border-spacing: 0; }

h1, h2, h3, h4, h5, h6 {

font-family: {{headerfont}}; }

blockquote, q {

quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

.h2Annex {

font-family: {{headerfont}}; }

dl {

display: grid;
grid-template-columns: max-content auto; }
dl dt p, dl dd p {
  margin-top: 0; }
dl dt {
  grid-column-start: 1; }
dl dd {
  grid-column-start: 2; }

b, strong {

font-weight: bold; }

div.document-stage-band, div.document-type-band {

background-color: #333333; }

a.FootnoteRef + a.FootnoteRef:before {

content: ", ";
vertical-align: super; }

.addition {

color: blue; }

.deletion {

color: red;
text-decoration: line-through; }

standard-band {

background-color: #0AC442; }

standard {

border-bottom: solid 3px #0AC442; }

directive-band {

background-color: #540D6E; }

directive {

border-bottom: solid 3px #540D6E; }

guide-band {

background-color: #D183C9; }

guide {

border-bottom: solid 3px #D183C9; }

specification-band {

background-color: #65AFFF; }

specification {

border-bottom: solid 3px #65AFFF; }

report-band {

background-color: #3A405A; }

report {

border-bottom: solid 3px #3A405A; }

amendment-band {

background-color: #F26430; }

amendment {

border-bottom: solid 3px #F26430; }

corrigendum-band {

background-color: #C84630; }

corrigendum {

border-bottom: solid 3px #C84630; }

administrative-band {

background-color: #BFAE48; }

administrative {

border-bottom: solid 3px #BFAE48; }

advisory-band {

background-color: #BD9391; }

advisory {

border-bottom: solid 3px #BD9391; }

proposal-band {

background-color: #39A0ED; }

proposal {

border-bottom: solid 3px #39A0ED; }

working-draft-band {

background-color: #2D7393; }

working-draft {

border-bottom: solid 3px #2D7393; }

committee-draft-band {

background-color: #2A6B7C; }

committee-draft {

border-bottom: solid 3px #2A6B7C; }

draft-standard-band {

background-color: #1C7F7A; }

draft-standard {

border-bottom: solid 3px #1C7F7A; }

final-draft-band {

background-color: #53C170; }

final-draft {

border-bottom: solid 3px #53C170; }

published-band {

background-color: #069E2D; }

published {

border-bottom: solid 3px #069E2D; }

withdrawn-band {

background-color: #004E64; }

withdrawn {

border-bottom: solid 3px #004E64; }

cancelled-band {

background-color: #2E382E; }

cancelled {

border-bottom: solid 3px #2E382E; }

body {

margin-left: auto;
margin-right: auto;
max-width: 100%;
font-weight: 300;
line-height: 1.3;
color: -internal-root-color;
background-color: #ffffff; }
body main {
  margin: 0 3em 0 6em; }
body main {
  margin: 0; }

/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

display: block; }

blockquote, q {

quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {

content: '';
content: none; }

/* New CSS */ body {

margin-left: 298px;
margin-right: 2em; }

main {

padding-left: 4em;
padding-right: 2em; }

.title-section, .prefatory-section {

padding-left: 4em;
padding-top: 2em; }

.prefatory-section {

margin-bottom: 5em; }

.doctitle-en, .doctitle-fr {

margin-top: 2em;
text-align: left; }

.doctitle-en {

background-color: black;
padding-left: 3em;
margin-left: -3em;
padding-top: 2em;
padding-bottom: 2em; }

.doctitle-en span {

font-size: 1.5em;
line-height: 1.5em;
font-weight: 900;
display: block;
color: white; }

.doctitle-fr span {

font-size: 1.2em;
line-height: 1.2em;
font-style: italic;
display: block; }

.doctitle-part {

margin-top: 1em; }

span.title {

text-transform: uppercase;
font-size: 1em;
font-weight: 800; }

.coverpage_docstage {

margin-top: 2em;
margin-bottom: 2em; }

.coverpage_warning {

font-size: 0.9em;
font-style: italic;
padding-bottom: 1em; }

.coverpage_docnumber, .coverpage_techcommittee {

text-align: right;
font-size: 0.9em;
line-height: 0.5em; }

.boilerplate-copyright boilerplate-name {

font-weight: 900;
padding-top: 1em; }

.boilerplate-copyright p {

margin-top: 1em;
line-height: 1.1em;
display: block;
font-size: 0.9em; }

/* TYPOGRAPHY */ h1 {

font-weight: 900; }

h2, h3, h4, h5, h6 {

font-weight: 700; }

h1 {

font-size: 1.5em;
line-height: 2em;
margin-top: 2em;
margin-bottom: 1em; }

h2 {

font-size: 1.2em;
line-height: 1.5em;
margin-top: 2em;
margin-bottom: 1em; }

h1, h2, h3, h4, h5, h6 {

line-height: 1.2; }

/* override for amendments */ {% if doctype == “Amendment” or doctype == “Technical Corrigendum” %} h1, h2, h3, h4, h5, h6 {

font-weight: normal;
font-size: initial;
font-style: italic;
line-height: 2em;
margin-top: 2em;
margin-bottom: 1em; }

{% endif %} h2 p {

display: inline; }

p {

margin-top: 1em;
margin-bottom: 1em;
line-height: 1.2em; }

p.zzSTDTitle1 {

font-weight: 700;
font-size: 1.5em; }

p.zzSTDTitle2 {

font-size: 1.5em; }

span.obligation {

font-weight: 400; }

a {

color: black;
text-decoration-color: black; }

h2 p {

display: inline; }

ul > li {

list-style: none; }

ul > li > p:first-child:before {

content: "\2014";
display: inline-block;
width: 1em;
margin-left: -1.5em;
margin-right: 0.5em; }

li p {

/* display: inline-block; */
margin-bottom: 0.6em;
line-height: 1.2; }

toc li:before {

content: " ";
display: none; }

p.AltTerms {

margin-bottom: 0;
font-style: italic;
margin-left: 2em; }

p.Terms {

font-weight: bold;
margin-top: 0em; }

/* Navigation*/ toc {

font-family: {{bodyfont}};
font-weight: 400; }
#toc ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  #toc ul li a {
    padding: 5px 10px; }
  #toc ul a {
    text-decoration: none;
    display: block; }
    #toc ul a:hover {
      box-shadow: none;
      color: white; }
#toc .h2 {
  padding-left: 30px; }
#toc .h3 {
  padding-left: 50px; }
#toc .toc-active, #toc li:hover {
  background: #1d1d1d;
  box-shadow: inset -5px 0px 10px -5px #1d1d1d !important; }
  #toc .toc-active a, #toc li:hover a {
    color: white; }
@media print {
  #toc .toc-active, #toc li:hover {
    background: white;
    box-shadow: none !important; }
  #toc li:hover a {
    color: black; } }
@media screen and (max-width: 768px) {
  #toc {
    padding: 0 1.5em;
    overflow: visible; } }
#toc li:before {
  content: " ";
  display: none; }

nav {

line-height: 1.2em; }
@media screen and (min-width: 768px) {
  nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 278px;
    font-size: 0.9em;
    overflow: auto;
    padding: 0 0 0 20px;
    background-color: #f7f7f7; } }
@media print {
  nav {
    position: relative;
    width: auto;
    font-size: 0.9em;
    overflow: auto;
    padding: 0;
    margin-right: 0;
    background-color: white; } }

toggle {

margin-left: -4em;
margin-top: -2em; }
@media screen and (min-width: 768px) {
  #toggle {
    position: fixed;
    height: 100%;
    width: 30px;
    background-color: black;
    color: white !important;
    cursor: pointer;
    z-index: 100; }
    #toggle span {
      text-align: center;
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%); } }
@media screen and (max-width: 768px) {
  #toggle {
    display: none; } }
@media print {
  #toggle {
    display: none; } }

@media screen and (min-width: 768px) {

.container {
  padding-left: 360px; }
.rule.toc {
  display: none; }
h1.toc-contents {
  margin-top: 1em; }
ul#toc-list {
  padding: 0;
  margin: 0; } }

@media screen and (max-width: 768px) {

body {
  margin-left: 2em; }
main {
  padding: 0; }
.title-section,
.prefatory-section {
  padding-left: 0;
  padding-top: 0;
  width: 100%; } }

.figure, pre, .pseudocode {

background-color: #f7f7f7;
font-size: {{monospacefontsize}};
line-height: 1.6em;
padding: 1.5em;
margin: 2em 0 1em 0;
overflow: auto;
font-size: {{normalfontsize}}; }
.figure .SourceTitle,
pre .SourceTitle,
.pseudocode .SourceTitle {
  font-weight: 700;
  font-size: 1em;
  text-align: center; }

div.figure {

line-height: 1.6em;
padding: 1.5em;
margin: 2em 0 1em 0;
overflow: auto; }
div.figure .FigureTitle, div.figure .figure-title {
  font-weight: 700;
  font-size: 1em;
  text-align: center; }
div.figure > img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 100%;
  height: auto; }

/*

Document types + stages

*/ .document-type-band {

left: 0;
top: 180px;
height: 100%;
position: fixed;
display: block;
z-index: 102; }
.document-type-band > :first-child {
  position: relative;
  width: 25px;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0;
  margin-left: 6px;
  writing-mode: tb-rl;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  white-space: nowrap;
  display: block;
  bottom: 0; }
@media print {
  .document-type-band {
    display: none; } }
.document-type-band .document-type {
  top: 20px; }

.document-stage-band {

left: 0;
top: 0;
height: 100%;
position: fixed;
display: block;
z-index: 101;
box-shadow: -5px 0px 10px #1d1d1d; }
.document-stage-band > :first-child {
  position: relative;
  width: 25px;
  font-weight: 400;
  height: 100%;
  color: white;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0;
  margin-left: 6px;
  writing-mode: tb-rl;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  white-space: nowrap;
  display: block;
  bottom: 0; }
@media print {
  .document-stage-band {
    display: none; } }

p.document-stage {

position: relative;
width: 25px;
font-weight: 400;
height: 210px;
color: white;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 0.05em;
margin: 0;
margin-left: 6px;
writing-mode: tb-rl;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
white-space: nowrap;
display: block;
bottom: 0;
writing-mode: vertical-rl; }

governance-band p.document-type {

font-weight: 400;
height: 230px !important; }

p.document-stage {

font-weight: 300;
height: 160px; }

standard-band {

background-color: #0ac442; }

standard {

border-bottom: solid 3px #0ac442; }

governance {

border-bottom: solid 3px #750697; }

governance-band {

background-color: #750697; }

guide {

border-bottom: solid 3px #48a0e7; }

guide-band {

background-color: #48a0e7; }

.coverpage-maturity {

font-family: 'Overpass', sans-serif;
font-weight: 400;
font-size: 1em;
margin: 0 0 2em 0;
text-transform: uppercase; }

working-draft {

border-bottom: solid 3px #fda706; }

working-draft-band {

background-color: #fda706; }

committee-draft {

border-bottom: solid 3px #fd06fd; }

committee-draft-band {

background-color: #fd06fd; }

draft-standard {

border-bottom: solid 3px #fdf906; }

draft-standard {

border-bottom: solid 3px #fdf906; }

standard {

border-bottom: solid 3px #0ac442; }

standard-band {

background-color: #0ac442; }

obsolete {

border-bottom: solid 3px #7e0d13; }

obsolete-band {

background-color: #7e0d13; }

/* 3 Other styles */ /*

3.2 Links

*/ a {

color: black;
text-decoration-color: black; }

/*

3.3 Lists

*/ ul, ol {

margin-left: 2em; }

toc-list ul {

margin-bottom: 0.25em; }

toc-list ol li {

list-style-type: none; }

/* 3.4 Rules */ .rule {

width: 100%;
height: 1px;
background-color: #0e1a85;
margin: 2em 0; }

/* 3.5 Bibliograhy */ p.Biblio, p.NormRef {

margin-top: 1em;
margin-left: 2em; }

/* 3.6 Source Code + figures */ .figure, pre, .pseudocode {

background-color: #f7f7f7;
font-size: {{monospacefontsize}};
line-height: 1.6em;
padding: 1.5em;
margin: 2em 0 1em 0;
overflow: auto;
font-size: {{normalfontsize}}; }
.figure .SourceTitle,
pre .SourceTitle,
.pseudocode .SourceTitle {
  font-weight: 700;
  font-size: 1em;
  text-align: center; }

pre {

font-family: {{monospacefont}};
font-variant-ligatures: none; }

.AdmonitionTitle {

font-weight: 700;
font-size: 1em;
text-align: center; }

.RecommendationTitle {

font-weight: 700;
font-size: 1em;
text-align: center; }

.figure-title, .FigureTitle, .SourceTitle, .AdmonitionTitle, .RecommendationTitle {

font-weight: 700;
font-size: 1em;
text-align: center; }

/* 3.7 Notes */ .Note, .note {

background-color: #fff495;
color: #47430c;
padding: 0.5em;
margin: 1.5em 0 1.5em 0;
text-align: left; }

.Note p, .note p {

margin: 0; }

.Admonition {

background-color: #ffcccc;
color: #47430c;
padding: 0.5em;
margin: 1.5em 0 1.5em 0;
text-align: left; }

.Admonition p {

margin: 0; }

/* 3.8 Examples */ .example {

background-color: #e1eef1;
padding: 0.5em;
margin: 2em 0 1em 0;
text-align: left;
color: #424242;
padding-left: 2em;
color: black;
padding-left: 2em; }
.example p {
  margin: 0; }
.example .example-title {
  font-weight: 700;
  text-transform: uppercase;
  margin-left: -1.5em; }
.example .example-title {
  margin-left: -1.5em; }
.example pre,
.example .pseudocode {
  background: none; }

/* 3.9 Tables */ table {

width: 100%;
font-weight: 300;
margin: 1em 0 2em 0;
margin-left: auto;
margin-right: auto;
padding-right: 2em;
text-align: center; }
table, table th, table td {
  border: 1px solid black;
  font-size: 0.95em; }
table th, table td {
  padding: 1em; }
table td.header {
  font-weigth: 400; }

td, th {

padding: 1em !important; }

p.TableTitle {

text-align: center;
margin-top: 2.5em;
font-weight: 800;
font-size: 1.1em; }

.TableFootnote {

text-align: left !important; }

/* 3.10 Footnotes */ a.footnote-number, a.TableFootnoteRef, span.TableFootnoteRef {

vertical-align: super;
font-size: 0.8em; }

.footnote {

font-size: {{footnotefontsize}}; }

sup a {

vertical-align: super;
font-size: 0.8em; }

footnote_box {

font-size: {{footnotefontsize}};
background: white;
padding: 0 10px;
margin: 10px;
border: 1px solid #888;
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 0px 0px 5px #888; }

ol.footnotes-list, aside.footnote {

margin-left: 1em; }

ol.footnotes-list li, aside.footnote {

font-size: {{footnotefontsize}};
vertical-align: top;
list-style: decimal;
margin-bottom: 1em; }

ol.footnotes-list:first-child {

margin-top: 2em; }

ol.footnotes-list p, aside.footnote {

display: inline; }

ol > li > p:before {

content: "";
display: none; }

/* 3.11 Blockquotes */ .Quote {

background-color: #f7f7f7;
font-style: italic;
width: 80%;
padding: 1.5em;
margin-top: 2em;
margin-left: auto;
margin-right: auto; }

/* 3.12 Formulas */ .formula {

background-color: #f7f7f7;
padding: 1.5em;
margin-top: 2em;
text-align: center;
margin-left: 20%;
margin-right: 20%;
font-size: {{smallerfontsize}}; }

dl.formula_dl {

background-color: #f7f7f7;
margin-left: 20%;
margin-right: 20%;
font-size: {{smallerfontsize}}; }

/* Keywords */ span.keyword {

font-weight: 600; }

.Admonition, .admonition {

background-color: #ffb3b3;
/* color: #47430c;*/
padding: 0.5em;
margin: 1.5em 0 1.5em 0;
text-align: left; }

.Admonition p, .admonition p {

margin: 0; }