.toc-list { list-style: none; counter-reset: toc; padding-left: 0; line-height: 2; } .toc-list .toc-list { padding-left: 45px; } .toc-list-item { counter-increment: toc; } .toc-list .toc-list-item .toc-link::before { content: counters(toc, ".") ". "; position: static; display: inline; width: auto; height: auto; margin: 0; background: none; } .brxe-post-toc { width: 600px; } .article-body { counter-reset: fn; } sup a { counter-increment: fn; } sup a::before { content: "[" counter(fn) "]"; } .article-footnotes { counter-reset: fnref; list-style: none; padding-left: 0; } .article-footnotes li { counter-increment: fnref; padding-left: 2.8em; text-indent: -2.8em; } .article-footnotes li::before { content: "[" counter(fnref) "] "; display: inline-block; width: 2.8em; text-align: right; padding-right: 0.5em; font-weight: bold; } .article-body { counter-reset: fn h2; } .article-body h2 { counter-increment: h2; counter-reset: h3; } .article-body h3 { counter-increment: h3; counter-reset: h4; } .article-body h4 { counter-increment: h4; counter-reset: h5; } .article-body h5 { counter-increment: h5; counter-reset: h6; } .article-body h6 { counter-increment: h6; } .article-body h2::before { content: counter(h2) ". "; } .article-body h3::before { content: counter(h2) "." counter(h3) ". "; } .article-body h4::before { content: counter(h2) "." counter(h3) "." counter(h4) ". "; } .article-body h5::before { content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "; } .article-body h6::before { content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "; } .article-body table, td, tr, th { border: 1px solid black; border-collapse: collapse; border-spacing: 0; width: 1%; white-space: nowrap; padding: 5px; } .article-body table tr:nth-child(1) { background-color: var(--col-orange-light); font-weight: bolder; } .article-body table tr:nth-child(odd):not(:first-child) { background-color: #1f1c191a; } .article-body blockquote { border-left-style: solid; border-left-width: 4px; font-family: inherit; font-style: italic; font-size: 1.8rem; margin: 15px 0; padding: 0 0 0 30px; position: relative; } .article-body figcaption { color: var(--col-sec-text); font-size: 1.5rem; margin: 1em 0; text-align: left; } .article-body table caption { color: var(--col-sec-text); font-size: 1.5rem; margin: 1em 0; text-align: left; caption-side: bottom; } .article-body img { max-width: 75%; border-radius: 15px; box-shadow: 1px 2px 3px 1px var(--col-shadow-t-1); } .article-body code { color: var(--col-sec-text); font-size: inherit; font-family: IBM Plex Mono; background-color: var(--col-orange-light); }     #num-span{ font-weight: 900; background-color: green; color: white; padding: 4px 5px 3px 5px; border-radius: 4px; } textarea { border-radius: 7px; } textarea[readonly] { background-color: #eee; } .checkbox[type="checkbox"]:after{ position: relative; display: block; left: 4px; top: -20px; width: 16px; height: 16px; background-color: #fff; border-width: 1px; border-style: solid; border-radius: 3px; border-color: #fff; content: ""; } .checkbox[type="checkbox"]:before{ border: 1px solid #d1d1d1; border-radius: 4px; content: ""; background: #FFF; position: relative; display: block; width: 24px; height: 24px; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25); } .checkbox[type="checkbox"]:hover:before{ border-color: green; border-width: 2px; } .checkbox[type="checkbox"]:checked:after{ background-color: green; } .checkbox[type="checkbox"]:checked:before{ border-color: green; border-width: 2px; } .checkbox[type="checkbox"]:hover:checked:before{ border-color: #999; border-width: 1px; } #requiredWarning{ margin-top:-20px; }  input[type="button"].reset-button { border-radius: 0.35em; border-style: solid; border-color: #ddd; border-width: 2px; font-size: 1em; outline: none; background: #fff; color: #0f0a00; text-transform: uppercase; padding: 7px 14px 7px 14px; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25); } input[type="button"]:hover.reset-button { border-radius: 0.35em; border-style: solid; border-color: #999; border-width: 2px; font-size: 1em; outline: none; background: #fff; color: #0f0a00; font-weight: bold; text-transform: uppercase; padding: 7px 14px 7px 14px; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25); } input[type="button"].push-button { margin-left:25px; } input[type="button"].action-button { border-radius: 0.35em; border-style: solid; border-color: #ddd; border-width: 2px; font-size: 1em; outline: none; background: #fff; color: green; text-transform: uppercase; padding: 7px 14px 7px 14px; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25); } input[type="button"]:hover.action-button { border-radius: 0.35em; border-style: solid; border-color: green; border-width: 2px; font-size: 1em; outline: none; background: #fff; color: green; font-weight: bold; text-transform: uppercase; padding: 7px 14px 7px 14px; box-shadow: 0em 0.15em 0.65em 0em rgba(247, 110, 70, 0.25); } input[type="button"].add-button { border-radius: 0.35em; border-style: solid; border-color: #ddd; border-width: 2px; font-size: 0.9em; outline: none; background: #fff; color: green; text-transform: uppercase; padding: 7px 14px 7px 14px; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25); } input[type="button"]:hover.add-button { border-radius: 0.35em; border-style: solid; border-color: green; border-width: 2px; font-size: 0.9em; outline: none; background: #fff; color: green; font-weight: bold; text-transform: uppercase; padding: 7px 14px 7px 14px; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25); } input[type="button"].remove-button { border-radius: 0.35em; border-style: solid; border-color: #ddd; border-width: 2px; font-size: 0.9em; outline: none; background: #fff; color: red; text-transform: uppercase; padding: 7px 14px 7px 14px; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25); } input[type="button"]:hover.remove-button { border-radius: 0.35em; border-style: solid; border-color: red; border-width: 2px; font-size: 0.9em; outline: none; background: #fff; color: red; font-weight: bold; text-transform: uppercase; padding: 7px 14px 7px 14px; box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25); }