/* rkj-common-blog-typora style */

/*currently using whitey.css*/
#write h1,
#write h2,
#write h3,
#write h4,
#write h5 {
   white-space: pre-wrap;
}
.typora-export-content {
   /* max-width: 513px; */
   margin: auto;
   /* display: flex; */
   /* flex-direction: row; */
   /* rkjfont-sizerkj: 16px; */
   text-align: left;
}
/* RAJNISH: below item is because of table going off-screen due to wordpress styles */
.table-figure, .table-figure table {
   /* width: 344px !important; */
   /* background-color: red; */
   /* margin: -13px; */
}
#write {
   margin: 0px auto;
   height: auto;
   width: inherit;
   word-break: normal;
   overflow-wrap: break-word;
   position: relative;
   white-space: normal;
   overflow-x: visible;
   padding-top: 36px;
}
#write.first-line-indent p {
   text-indent: 2em;
}
#write.first-line-indent li p,
#write.first-line-indent p * {
   text-indent: 0px;
}
#write.first-line-indent li {
   margin-left: 2em;
}
.for-image #write {
   padding-left: 8px;
   padding-right: 8px;
}
.typora-export .footnote-line,
.typora-export li,
.typora-export p {
   white-space: pre-wrap;
}
.typora-export .task-list-item input {
   pointer-events: none;
}
@media screen and (max-width: 500px) {
   /* #write {
      padding-left: 20px;
      padding-right: 20px;
   } */
   /* Rajnish-on mobile table going off-screen*/ 
   #write table {
      font-size: 15px;
   }
}
#write li>figure:last-child {
   margin-bottom: 0.5rem;
}
#write ol,
#write ul {
   position: relative;
}
#write ol>li::marker {
   font-weight: 900;
   font-size: 27px;
   color: #8d050582;
}
#write h2-NOUSE {
   counter-increment: head2-counter;
   counter-reset: head3-counter;
}
#write h2-NOUSE::before {
   content: counter(head2-counter) "- ";
   color: #bd7800;
   font-weight: bold;
}

#write h3-NOUSE {
   counter-increment: head3-counter;
   counter-reset: head4-counter;
}
#write h3-NOUSE::before {
   content: counter(head2-counter) "." counter(head3-counter) "- ";
   /* color: #00b7a8; */
   color: #bd7800;
   font-weight: bold;
}

#write h4-NOUSE {
   counter-increment: head4-counter;
}
#write h4-NOUSE::before {
   content:  counter(head2-counter) "."  counter(head3-counter) "." counter(head4-counter) "- ";
   /* color: #00b7a8; */
   color: #bd7800;
   font-weight: bold;
}

#write img {
   max-width: 100%;
   vertical-align: middle;
   image-orientation: from-image;
}
#write h1,
#write h2,
#write h3,
#write h4,
#write h5,
#write h6,
#write p,
#write pre {
   width: inherit;
}
#write h1,
#write h2,
#write h3,
#write h4,
#write h5,
#write h6,
#write p {
   position: relative;
}
#write h1,
#write h2,
#write h3,
#write h4,
#write h5,
#write h6 {
   break-after: avoid-page;
   break-inside: avoid;
   orphans: 4;
}
#write p {
   orphans: 4;
}
#write p strong span {
   background: linear-gradient(335deg,rgb(255 227 0 / 28%) 0%,rgb(0 255 10 / 14%) 100%) !important;
   -webkit-background-clip: text;
   -webkit-text-fill-color: #8d050582;
   font-size: 18px;
   padding: 5px;
   border-radius: 9px;
}
#write h1 {   /* rkjfont-sizerkj: 2rem; */ }
#write h2 {    /* rkjfont-sizerkj: 1.8rem; */ }
#write h3 {    /* rkjfont-sizerkj: 1.6rem; */ }
#write h4 {    /* rkjfont-sizerkj: 1.4rem; */ }
#write h5 {    /* rkjfont-sizerkj: 1.2rem; */ }
#write h6 {    /* rkjfont-sizerkj: 1rem; */ }
.md-math-block,
.md-rawblock,
#write h1,
#write h2,
#write h3,
#write h4,
#write h5,
#write h6,
#write p {
   margin-top: 3rem;
   margin-bottom: 2rem;
}
.hidden {display: none;}
.md-blockmeta {
   color: rgb(204, 204, 204);
   font-weight: 700;
   font-style: italic;
}
sup.md-footnote {
   padding: 2px 4px;
   background-color: rgba(238, 238, 238, 0.7);
   color: rgb(85, 85, 85);
   border-radius: 4px;
   cursor: pointer;
}
sup.md-footnote a,
sup.md-footnote a:hover {
   color: inherit;
   text-transform: inherit;
   text-decoration: inherit;
}
#write input[type="checkbox"] {
   cursor: pointer;
   width: inherit;
   height: inherit;
}
table.md-table td {
   min-width: 32px;
}
.CodeMirror-gutters {
   border-right: 0px;
   background-color: inherit;
}
.CodeMirror-linenumber {
   user-select: none;
}
.CodeMirror {
   text-align: left;
}
.CodeMirror-placeholder {
   opacity: 0.3;
}
.CodeMirror pre {
   padding: 0px 4px;
}
.CodeMirror-lines {
   padding: 0px;
}
div.hr:focus {
   cursor: none;
}
#write pre {
   white-space: pre-wrap;
   /* margin: 0 0 0 30px; */
}
#write.fences-no-line-wrapping pre {
   white-space: pre;
}
#write pre.ty-contain-cm {
   white-space: normal;
}
.CodeMirror-gutters {
   margin-right: 4px;
}
.md-fences {
   /* rkjfont-sizerkj: 0.9rem; */
   display: block;
   break-inside: avoid;
   text-align: left;
   overflow: visible;
   white-space: pre;
   background: inherit;
   position: relative !important;
}
.md-fences-adv-panel {
   width: 100%;
   margin-top: 10px;
   text-align: center;
   padding-top: 0px;
   padding-bottom: 8px;
   overflow-x: auto;
}
#write .md-fences.mock-cm {
   white-space: pre-wrap;
}
.md-fences.md-fences-with-lineno {
   padding-left: 0px;
}
#write.fences-no-line-wrapping .md-fences.mock-cm {
   white-space: pre;
   overflow-x: auto;
}
.md-fences.mock-cm.md-fences-with-lineno {
   padding-left: 8px;
}
.CodeMirror-line,
twitterwidget {
   break-inside: avoid;
}
svg {
   break-inside: avoid;
}
.footnotes {
   opacity: 0.8;
   /* rkjfont-sizerkj: 0.9rem; */
   margin-top: 1em;
   margin-bottom: 1em;
}
.footnotes+.footnotes {
   margin-top: 0px;
}
.md-reset {
   margin: 0px;
   padding: 0px;
   border: 0px;
   outline: 0px;
   vertical-align: top;
   background: 0px 0px;
   text-decoration: none;
   text-shadow: none;
   float: none;
   position: static;
   width: auto;
   height: auto;
   white-space: nowrap;
   cursor: inherit;
   -webkit-tap-highlight-color: transparent;
   line-height: normal;
   font-weight: 400;
   text-align: left;
   box-sizing: content-box;
   direction: ltr;
}
#write li div {
   padding-top: 0px;
}
#write blockquote {
   margin: 1rem 0px;
}
#write li .mathjax-block,
#write li p {
   margin: 0.5rem 0px;
}
#write li blockquote {
   margin: 1rem 0px;
}
#write li {
   margin: 0px;
   position: relative;
}
blockquote> :last-child {
   margin-bottom: 0px;
}
blockquote> :first-child,
li> :first-child {
   margin-top: 0px;
}
.footnotes-area {
   color: rgb(136, 136, 136);
   margin-top: 0.714rem;
   padding-bottom: 0.143rem;
   white-space: normal;
}
#write .footnote-line {
   white-space: pre-wrap;
}
@media print {
   #write {
      margin-top: 0px;
      border-color: transparent !important;
      padding-top: 0px !important;
      padding-bottom: 0px !important;
   }
   .typora-export * {
      -webkit-print-color-adjust: exact;
   }
   .typora-export #write {
      break-after: avoid;
   }
   .typora-export #write::after {
      height: 0px;
   }
   .is-mac table {
      break-inside: avoid;
   }
   #write>p:nth-child(1) {
      margin-top: 0px;
   }
   .typora-export-show-outline .typora-export-sidebar {
      display: none;
   }
}
.footnote-line {
   margin-top: 0.714em;
   /* rkjfont-sizerkj: 0.7em; */
}
#write a img,
#write img a {
   cursor: pointer;
}
pre.md-meta-block {
   /* rkjfont-sizerkj: 0.8rem; */
   min-height: 0.8rem;
   white-space: pre-wrap;
   background: rgb(204, 204, 204);
   display: block;
   overflow-x: hidden;
}
p>.md-image:only-child:not(.md-img-error) img,
p>img:only-child {
   display: block;
   margin: auto;
}
#write.first-line-indent p>.md-image:only-child:not(.md-img-error) img {
   left: -2em;
   position: relative;
}
p>.md-image:only-child {
   display: inline-block;
   width: 100%;
}
#write .MathJax_Display {
   margin: 0.8em 0px 0px;
}
.md-math-block {
   width: 100%;
}
.md-math-block:not(:empty)::after {
   display: none;
}
.MathJax_ref {
   fill: currentcolor;
}
[contenteditable="true"]:active,
[contenteditable="true"]:focus,
[contenteditable="false"]:active,
[contenteditable="false"]:focus {
   outline: 0px;
   box-shadow: none;
}
.md-task-list-item {
   position: relative;
   list-style-type: none;
}
.task-list-item.md-task-list-item {
   padding-left: 0px;
}
.md-task-list-item>input {
   position: absolute;
   top: 0px;
   left: 0px;
   margin-left: -1.2em;
   margin-top: calc(1em - 10px);
   border: none;
}
.math {
   /* rkjfont-sizerkj: 1rem; */
}
.md-toc {
   min-height: 3.58rem;
   position: relative;
   /* rkjfont-sizerkj: 0.9rem; */
   border-radius: 10px;
}
.md-toc-content {
   position: relative;
   margin-left: 0px;
}
.md-toc-content::after,
.md-toc::after {
   display: none;
}
.md-toc-item {
   display: block;
   color: rgb(65, 131, 196);
}
.md-toc-item a {
   text-decoration: none;
}
.md-toc-inner:hover {
   text-decoration: underline;
}
.md-toc-inner {
   display: inline-block;
   cursor: pointer;
}
.md-toc-h1 .md-toc-inner {
   margin-left: 0px;
   font-weight: 700;
}
.md-toc-h2 .md-toc-inner {
   margin-left: 2em;
}
.md-toc-h3 .md-toc-inner {
   margin-left: 4em;
}
.md-toc-h4 .md-toc-inner {
   margin-left: 6em;
}
.md-toc-h5 .md-toc-inner {
   margin-left: 8em;
}
.md-toc-h6 .md-toc-inner {
   margin-left: 10em;
}
@media screen and (max-width: 48em) {
   .md-toc-h3 .md-toc-inner {
      margin-left: 3.5em;
   }
   .md-toc-h4 .md-toc-inner {
      margin-left: 5em;
   }
   .md-toc-h5 .md-toc-inner {
      margin-left: 6.5em;
   }
   .md-toc-h6 .md-toc-inner {
      margin-left: 8em;
   }
}
a.md-toc-inner {
   /* rkjfont-sizerkj: inherit; */
   font-style: inherit;
   font-weight: inherit;
   line-height: inherit;
}
.footnote-line a:not(.reversefootnote) {
   color: inherit;
}
.reversefootnote {
   /* font-family: ui-monospace, sans-serif; */
}
.md-attr {
   display: none;
}
.md-fn-count::after {
   content: ".";
}
#write kbd {
   margin: 0px 0.1em;
   padding: 0.1em 0.6em;
   /* rkjfont-sizerkj: 0.8em; */
   color: rgb(36, 39, 41);
   background: rgb(255, 255, 255);
   border: 1px solid rgb(173, 179, 185);
   border-radius: 3px;
   box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset;
   white-space: nowrap;
   vertical-align: middle;
}
.md-comment {
   color: rgb(162, 127, 3);
   opacity: 0.6;
   /* font-family: var(--monospace); */
}
#write code {
   text-align: left;
   vertical-align: initial;
   margin-right: 9px;
   margin-left: 9px;
   /* padding: 0 0 0 30px; */
}
a.md-print-anchor {
   white-space: pre !important;
   border-width: initial !important;
   border-style: none !important;
   border-color: initial !important;
   display: inline-block !important;
   position: absolute !important;
   width: 1px !important;
   right: 0px !important;
   outline: 0px !important;
   background: 0px 0px !important;
   text-decoration: initial !important;
   text-shadow: initial !important;
}
.os-windows.monocolor-emoji .md-emoji {
   /* font-family: "Segoe UI Symbol", sans-serif; */
}
.md-diagram-panel>svg {
   max-width: 100%;
}
[lang="flow"] svg,
[lang="mermaid"] svg {
   max-width: 100%;
   height: auto;
}
[lang="mermaid"] .node text {
   /* rkjfont-sizerkj: 1rem; */
}
#write table tr th {
   border-bottom: 0px;
}
#write video {
   max-width: 100%;
   display: block;
   margin: 0px auto;
}
.highlight td,
.highlight tr {
   border: 0px;
}
#write mark {
   background: rgb(255 255 0 / 54%);
   color: rgb(0, 0, 0);
   padding: 16px 0;
   border-radius: 18px;
}
#write strong:has(mark) {
   line-height: 72px;
}
.md-html-inline .md-plain,
.md-html-inline strong,
mark .md-inline-math,
mark strong {
   color: inherit;
}

.md-expand mark .md-meta {
   opacity: 0.3 !important;
}

mark .md-meta {
   color: rgb(0, 0, 0);
}

.md-diagram-panel .messageText {
   stroke: none !important;
}

.md-diagram-panel .start-state {
   fill: var(--node-fill);
}

.md-diagram-panel .edgeLabel rect {
   opacity: 1 !important;
}

.md-fences.md-fences-math {
   /* rkjfont-sizerkj: 1em; */
}

.md-fences-advanced:not(.md-focus) {
   padding: 0px;
   white-space: nowrap;
   border: 0px;
}

.md-fences-advanced:not(.md-focus) {
   background: inherit;
}

.typora-export-show-outline .typora-export-content {
   max-width: 1440px;
   margin: auto;
   display: flex;
   flex-direction: row;
}

.typora-export-sidebar {
   width: 300px;
   /* rkjfont-sizerkj: 0.8rem; */
   margin-top: 80px;
   margin-right: 18px;
}

.typora-export-show-outline #write {
   --webkit-flex: 2;
   flex: 2 1 0%;
}

.typora-export-sidebar .outline-content {
   position: fixed;
   top: 0px;
   max-height: 100%;
   overflow: hidden auto;
   padding-bottom: 30px;
   padding-top: 60px;
   width: 300px;
}

@media screen and (max-width: 1024px) {

   .typora-export-sidebar,
   .typora-export-sidebar .outline-content {
      width: 240px;
   }
}

@media screen and (max-width: 800px) {
   .typora-export-sidebar {
      display: none;
   }
}

.outline-content li,
.outline-content ul {
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 0px;
   padding-right: 0px;
   list-style: none;
   overflow-wrap: anywhere;
}

.outline-content ul {
   margin-top: 0px;
   margin-bottom: 0px;
}

.outline-content strong {
   font-weight: 400;
}

.outline-expander {
   width: 1rem;
   height: 1.42857rem;
   position: relative;
   display: table-cell;
   vertical-align: middle;
   cursor: pointer;
   padding-left: 4px;
}

.outline-expander::before {
   content: "";
   position: relative;
   /* font-family: Ionicons; */
   display: inline-block;
   /* rkjfont-sizerkj: 8px; */
   vertical-align: middle;
}

.outline-item {
   padding-top: 3px;
   padding-bottom: 3px;
   cursor: pointer;
}

.outline-expander:hover::before {
   content: "";
}

.outline-h1>.outline-item {
   padding-left: 0px;
}

.outline-h2>.outline-item {
   padding-left: 1em;
}

.outline-h3>.outline-item {
   padding-left: 2em;
}

.outline-h4>.outline-item {
   padding-left: 3em;
}

.outline-h5>.outline-item {
   padding-left: 4em;
}

.outline-h6>.outline-item {
   padding-left: 5em;
}

.outline-label {
   cursor: pointer;
   display: table-cell;
   vertical-align: middle;
   text-decoration: none;
   color: inherit;
}

.outline-label:hover {
   text-decoration: underline;
}

.outline-item:hover {
   border-color: rgb(245, 245, 245);
   background-color: var(--item-hover-bg-color);
}

.outline-item:hover {
   margin-left: -28px;
   margin-right: -28px;
   border-left: 28px solid transparent;
   border-right: 28px solid transparent;
}

.outline-item-single .outline-expander::before,
.outline-item-single .outline-expander:hover::before {
   display: none;
}

.outline-item-open>.outline-item>.outline-expander::before {
   content: "";
}

.outline-children {
   display: none;
}

.info-panel-tab-wrapper {
   display: none;
}

.outline-item-open>.outline-children {
   display: block;
}

.typora-export .outline-item {
   padding-top: 1px;
   padding-bottom: 1px;
}

.typora-export .outline-item:hover {
   margin-right: -8px;
   border-right: 8px solid transparent;
}

.typora-export .outline-expander::before {
   content: "+";
   /* font-family: inherit; */
   top: -1px;
}

.typora-export .outline-expander:hover::before,
.typora-export .outline-item-open>.outline-item>.outline-expander::before {
   content: "−";
}

.typora-export-collapse-outline .outline-children {
   display: none;
}

.typora-export-collapse-outline .outline-item-open>.outline-children,
.typora-export-no-collapse-outline .outline-children {
   display: block;
}

.typora-export-no-collapse-outline .outline-expander::before {
   content: "" !important;
}

.typora-export-show-outline .outline-item-active>.outline-item .outline-label {
   font-weight: 700;
}

.md-inline-math-container mjx-container {
   zoom: 0.95;
}

mjx-container {
   break-inside: avoid;
}

.md-alert.md-alert-note {
   border-left-color: rgb(9, 105, 218);
}

.md-alert.md-alert-important {
   border-left-color: rgb(130, 80, 223);
}

.md-alert.md-alert-warning {
   border-left-color: rgb(154, 103, 0);
}

.md-alert.md-alert-tip {
   border-left-color: rgb(31, 136, 61);
}

.md-alert.md-alert-caution {
   border-left-color: rgb(207, 34, 46);
}

.md-alert {
   padding: 0px 1em;
   margin-bottom: 16px;
   color: inherit;
   border-left: 0.25em solid rgb(0, 0, 0);
}

.md-alert-text-note {
   color: rgb(9, 105, 218);
}

.md-alert-text-important {
   color: rgb(130, 80, 223);
}

.md-alert-text-warning {
   color: rgb(154, 103, 0);
}

.md-alert-text-tip {
   color: rgb(31, 136, 61);
}

.md-alert-text-caution {
   color: rgb(207, 34, 46);
}

.md-alert-text {
   /* rkjfont-sizerkj: 0.9rem; */
   font-weight: 700;
}

.md-alert-text svg {
   fill: currentcolor;
   position: relative;
   top: 0.125em;
   margin-right: 1ch;
   overflow: visible;
}

.md-alert-text-container::after {
   content: attr(data-text);
   text-transform: capitalize;
   pointer-events: none;
   margin-right: 1ch;
}

#write {
   max-width: 960px;
   margin: 0 auto;
   margin-bottom: 2em;
   line-height: 1.53;
   padding-top: 40px;
}

@media only screen and (min-width: 1400px) {
   #write {
      max-width: 1100px;
   }
}

.CodeMirror { height: auto; }
.CodeMirror.cm-s-inner { background: inherit; }
.CodeMirror-scroll { overflow: auto hidden; z-index: 3; }
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgb(255, 255, 255); }
.CodeMirror-gutters { border-right: 1px solid rgb(221, 221, 221); background: inherit; white-space: nowrap; }
.CodeMirror-linenumber { padding: 0px 3px 0px 5px; text-align: right; color: rgb(153, 153, 153); }
.cm-s-inner .cm-keyword { color: rgb(119, 0, 136); }
.cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgb(34, 17, 153); }
.cm-s-inner .cm-number { color: rgb(17, 102, 68); }
.cm-s-inner .cm-def { color: rgb(0, 0, 255); }
.cm-s-inner .cm-variable { color: rgb(0, 0, 0); }
.cm-s-inner .cm-variable-2 { color: rgb(0, 85, 170); }
.cm-s-inner .cm-variable-3 { color: rgb(0, 136, 85); }
.cm-s-inner .cm-string { color: rgb(170, 17, 17); }
.cm-s-inner .cm-property { color: rgb(0, 0, 0); }
.cm-s-inner .cm-operator { color: rgb(152, 26, 26); }
.cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgb(170, 85, 0); }
.cm-s-inner .cm-string-2 { color: rgb(255, 85, 0); }
.cm-s-inner .cm-meta { color: rgb(85, 85, 85); }
.cm-s-inner .cm-qualifier { color: rgb(85, 85, 85); }
.cm-s-inner .cm-builtin { color: rgb(51, 0, 170); }
.cm-s-inner .cm-bracket { color: rgb(153, 153, 119); }
.cm-s-inner .cm-tag { color: rgb(17, 119, 0); }
.cm-s-inner .cm-attribute { color: rgb(0, 0, 204); }
.cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgb(0, 0, 255); }
.cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgb(0, 153, 0); }
.cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgb(153, 153, 153); }
.cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(0, 0, 204); }
.cm-negative { color: rgb(221, 68, 68); }
.cm-positive { color: rgb(34, 153, 34); }
.cm-header, .cm-strong { font-weight: 700; }
.cm-del { text-decoration: line-through; }
.cm-em { font-style: italic; }
.cm-link { text-decoration: underline; }
.cm-error { color: red; }
.cm-invalidchar { color: red; }
.cm-constant { color: rgb(38, 139, 210); }
.cm-defined { color: rgb(181, 137, 0); }
div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 255, 0); }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(255, 34, 34); }
.cm-s-inner .CodeMirror-activeline-background { background: inherit; }
.CodeMirror { position: relative; overflow: hidden; }
.CodeMirror-scroll { height: 100%; outline: 0px; position: relative; box-sizing: content-box; background: inherit; }
.CodeMirror-sizer { position: relative; }
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: 0px; }
.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden; }
.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: auto hidden; }
.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }
.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }
.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; padding-bottom: 10px; z-index: 3; overflow-y: hidden; }
.CodeMirror-gutter { white-space: normal; height: 100%; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; }
.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: 0px 0px !important; border: none !important; }
.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
.CodeMirror-lines { cursor: text; }
.CodeMirror pre { border-radius: 0px; border-width: 0px; background: 0px 0px; font-family: inherit; rkjfont-sizerkj: inherit; margin: 0px; white-space: pre; overflow-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; font-size: 15px;}
.CodeMirror-wrap pre { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; }
.CodeMirror-code pre { border-right: 30px solid transparent; width: fit-content; }
.CodeMirror-wrap .CodeMirror-code pre { border-right: none; width: auto; }
.CodeMirror-linebackground { position: absolute; inset: 0px; z-index: 0; }
.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }
.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }
.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right: none; width: 0px; }
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
.CodeMirror-focused div.CodeMirror-cursor { visibility: inherit; }
.cm-searching { background: rgba(255, 255, 0, 0.4); }
span.cm-underlined { text-decoration: underline; }
span.cm-strikethrough { text-decoration: line-through; }
.cm-tw-syntaxerror { color: rgb(255, 255, 255); background-color: rgb(153, 0, 0); }
.cm-tw-deleted { text-decoration: line-through; }
.cm-tw-header5 { font-weight: 700; }
.cm-tw-listitem:first-child { padding-left: 10px; }
.cm-tw-box { border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: inherit; border-top-width: 0px !important; }
.cm-tw-underline { text-decoration: underline; }
@media print {
  .CodeMirror div.CodeMirror-cursor { visibility: hidden; }
}


/* Typography
-------------------------------------------------------- */

#write>h1:first-child,
#write h1 {
   margin-top: 2em;
   margin-bottom: 2em;
   font-weight: normal;
}

h1 {
   /* rkjfont-sizerkj: 3em; */
   margin-top: 102px;
   font-weight: normal;
   margin-bottom: 102px;
   border-radius: 12px;
   padding: 3px 0;
   /* background-color: #f0edb4; */
   /* background: linear-gradient(180deg, #c0eba6, #b8edb2, #aaf0f3, #fde7f3, #fff6e6, #fdffbc, #fbffc4, #ebffdf, #dbf5ff, #ffd9ea, #ffd7ca, #ffd7c4); */
   background: linear-gradient(180deg, #c0eba68f, #b8edb280, #aaf1f376, #fde7f386, #fff6e68f, #fdffbc88, #fbffc482, #ebffdf9e, #dbf5ff9b, #ffd9ea93, #ffd7ca84, #ffd7c488);
   box-shadow: 20px 6px 14px 2px #F3F1EA;
   /* font-size: clamp(36px, 46px + ((1vw - 3.2px) * 1.369), 72px)!important; */
   font-size: clamp(32px, 40px + ((1vw - 3.2px) * 1.369), 50px)!important;
   color: #bd7800;
   font-weight: 900;
   text-align: center;
}

#write h2 {
   /* margin-top: 2em;
   font-weight: normal;
   margin-bottom: 2em;
   border-radius: 9px;
   padding: 3px 0;
   background-color: #f0edb4;
   box-shadow: 20px 6px 14px 2px #e9e9cb, 3px -2px 11px 0px #fffaa3ad */

   margin: 123px 0 72px 0;
   border-radius: 0 18px 18px 0;
   padding: 12px 0 0;
   /* background: linear-gradient(0deg, #c0eba6, #b8edb2, #aaf0f3, #fde7f3, #fff6e6, #fdffbc, #fbffc4, #ebffdf, #dbf5ff, #ffd9ea, #ffd7ca, #ffd7c4); */
   background: linear-gradient(0deg, rgb(192 235 166 / 50%), rgb(184 237 178 / 50%), rgb(170 240 243 / 50%), rgb(253 231 243 / 50%), rgb(255 246 230 / 50%), rgb(253 255 188 / 50%), rgb(251 255 196 / 50%), rgb(235 255 223 / 50%), rgb(219 245 255 / 50%), rgb(255 217 234 / 50%), rgb(255 215 202 / 50%), rgb(255 215 196 / 50%));
   /* box-shadow: 10px 9px 0px 0px #F6F4E1, 20px 0px 20px 0px #00000040; */
   box-shadow: 12px 12px 0px 0px #F6F4E1, 21px 5px 12px 0px #7e7b7b40;
   color: #bd7800;
   font-weight: 800;
   border-top: 3px solid #bd7800;
}

#write h3 {
   /* margin-top: 3em;
   border-radius: 3px;
   box-shadow: 20px 6px 14px 2px #e9e9cb, 20px 0px 20px 0px #fffaa3ad;
   padding: 9px 0; */

   margin: 81px 0 54px 0;
   border-radius: 0 18px 18px 0;
   /* box-shadow: 20px 6px 14px 2px #F3F1EA, 12px -21px 3px -18px #D79B33; */
   /* box-shadow: 9px 12px 9px 3px #f3f1ea, 12px -21px 3px -18px #D79B33; */
   box-shadow: 5px 12px 3px 3px #f2f1d7, inset -4px -21px 3px -18px #D79B33;
   padding: 9px 0;
   /* background: linear-gradient(177deg, #c0eba6, #b8edb2, #aaf0f3, #fde7f3, #fff6e6, #fdffbc, #fbffc4, #ebffdf, #dbf5ff, #ffd9ea, #ffd7ca, #ffd7c4); */
   background: linear-gradient(177deg, rgb(192 235 166 / 50%), rgb(184 237 178 / 50%), rgb(170 240 243 / 50%), rgb(253 231 243 / 50%), rgb(255 246 230 / 50%), rgb(253 255 188 / 50%), rgb(251 255 196 / 50%), rgb(235 255 223 / 50%), rgb(219 245 255 / 50%), rgb(255 217 234 / 50%), rgb(255 215 202 / 50%), rgb(255 215 196 / 50%));
   color: #bd7800;
   /* color: #895b0a; */
   font-weight: 700;
   margin: 72px 0 72px 0;
   text-align: center;
}

#write h4 {
   /* background: linear-gradient(180deg,#ffe3004a 0%,#ffffffba 100%) !important;
   border-bottom: 3px solid #ff00008a;
   border-radius: 0 18px 18px 0;
   padding: 12px 0 0 9px; */

   /* background: linear-gradient(178deg,#ffe30033 0%,#ffffff87 100%) !important; */
   background: linear-gradient(362deg, #c0eba6, #b8edb2, #aaf0f3, #fde7f3, #fff6e6, #fdffbc, #fbffc4, #ebffdf, #dbf5ff, #ffd9ea, #ffd7ca, #ffd7c4) !important;
   border-bottom: 1px solid #D79B33;
   border-radius: 0 18px 18px 0;
   padding: 12px 0 0 0px;
   color: #895b0a;
   padding: 9px 0;
   font-weight: 700;
   margin: 72px 0 72px 0;
   text-align: center;
}
#write h5 {
   background: linear-gradient(169deg, #c0eba6, #b8edb2, #aaf0f3, #fde7f3, #fff6e6, #fdffbc, #fbffc4, #ebffdf, #dbf5ff, #ffd9ea, #ffd7ca, #ffd7c4) !important;
   border-bottom: 1px solid #D79B33;
   padding: 12px 0 0 0px;
   color: #895b0a;
   padding: 9px 0;
   font-weight: 700;
   margin: 45px 0 45px 0;
   text-align: center;
}
#write h6 {
   background: linear-gradient(341deg, #c0eba6, #b8edb2, #aaf0f3, #fde7f3, #fff6e6, #fdffbc, #fbffc4, #ebffdf, #dbf5ff, #ffd9ea, #ffd7ca, #ffd7c4) !important;
   border-bottom: 1px solid #D79B33;
   padding: 12px 0 0 0px;
   color: #895b0a;
   padding: 9px 0;
   font-weight: 700;
   margin: 18px 0 18px 0;
   text-align: center;
}

#write h1,
#write h2 {
   text-align: center;
   font-style: normal;
   font-weight: 700;
   letter-spacing: 1.4px;
   text-transform: capitalize;
}

#write h2:after {
   border-bottom: 5px solid #bd7800;
   content: '';
   width: 100px;
   display: block;
   margin: 30px auto;
   height: 18px;
}

#write h1+h2,
#write h2+h3 {
   margin-top: 0.83em;
}

#write p,
.mathjax-block {
   /* margin-top: 0; */
   -webkit-hypens: auto;
   -moz-hypens: auto;
   hyphens: auto;
}
#write ul,
#write ol li>ul {
   list-style: lower-alpha;
   padding-left: 2.7em;
}
#write ul li>ul {
   list-style: disc;
   padding-left: 2.7em;
}
#write ul>li::marker {
   font-weight: 900;
   font-size: 21px;
   color: #8d050582;
}
#write ol {
   padding-left: 2.7em;
}

@media print {
   #write ol {
      padding-left: 40px;
   }
}

#write blockquote {
   margin-left: 1em;
   padding-left: 1em;
   border-left: 1px solid #ddd;
}

#write code,
#write pre {
   /* font-family: "Consolas", "Menlo", "Monaco", monospace, serif; */
   /* font-size: .9em; */
   background: #ffffff;
   box-shadow: 3px 3px 9px 0 rgba(0, 0, 0, 0.2);
}

.md-fences {
   margin-left: 1em;
   padding-left: 1em;
   border: 1px solid #ddd;
   padding-bottom: 8px;
   padding-top: 6px;
   margin-bottom: 1.5em;
}

#write a {
   color: #2484c1;
   text-decoration: none;
}

#write a:hover {
   text-decoration: underline;
}

#write a img {
   border: none;
}

#write h1 a,
#write h1 a:hover {
   color: #333;
   text-decoration: none;
}

#write hr {
   color: #ddd;
   height: 1px;
   margin: 2em 0;
   border-top: solid 1px #ddd;
   border-bottom: none;
   border-left: 0;
   border-right: 0;
}

.ty-table-edit {
   background: #ededed;
   padding-top: 4px;
}

#write table {
   margin-bottom: 1.333333rem;
}

#write table th,
#write table td {
   padding: 8px;
   line-height: 1.333333rem;
   vertical-align: top;
   border-top: 1px solid #ddd;
   /* word-break: break-all; */
}

#write table th {
   font-weight: bold
}

#write table thead th {
   vertical-align: top;
}

#write table caption+thead tr:first-child th,
#write table caption+thead tr:first-child td,
#write table colgroup+thead tr:first-child th,
#write table colgroup+thead tr:first-child td,
#write table thead:first-child tr:first-child th,
#write table thead:first-child tr:first-child td {
   border-top: 0
}

#write table tbody+tbody {
   border-top: 2px solid #ddd
}

.task-list {
   padding: 0;
}

.md-task-list-item {
   padding-left: 1.6rem;
}

.md-task-list-item>input:before {
   content: '\221A';
   display: inline-block;
   width: 1.33333333rem;
   height: 1.6rem;
   vertical-align: middle;
   text-align: center;
   color: #ddd;
   background-color: #fefefe;
}

.md-task-list-item>input:checked:before,
.md-task-list-item>input[checked]:before {
   color: inherit;
}

.md-tag {
   color: inherit;
   font: inherit;
}

#write pre.md-meta-block {
   min-height: 35px;
   padding: 0.5em 1em;
}

#write pre.md-meta-block {
   white-space: pre;
   background: #f8f8f8;
   border: 0px;
   color: #999;

   width: 100vw;
   max-width: calc(100% + 60px);
   margin-left: -30px;
   border-left: 30px #f8f8f8 solid;
   border-right: 30px #f8f8f8 solid;

   margin-bottom: 2em;
   margin-top: -1.3333333333333rem;
   padding-top: 26px;
   padding-bottom: 10px;
   line-height: 1.8em;
   /* rkjfont-sizerkj: 0.9em; */
   /* rkjfont-sizerkj: 0.76em; */
   padding-left: 0;
}

.md-img-error.md-image>.md-meta {
   vertical-align: bottom;
}

#write>h5.md-focus:before {
   top: 2px;
}

.md-toc {
   margin-top: 40px;
}

.md-toc-content {
   padding-bottom: 20px;
}

.outline-expander:before {
   color: inherit;
   /* rkjfont-sizerkj: 14px; */
   top: auto;
   content: "\f0da";
   /* font-family: FontAwesome; */
}

.outline-expander:hover:before,
.outline-item-open>.outline-item>.outline-expander:before {
   content: "\f0d7";
}

/** source code mode */
#typora-source {
   /* font-family: Courier, monospace; */
   color: #6A6A6A;
}

.html-for-mac #typora-sidebar {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.cm-s-typora-default .cm-header,
.cm-s-typora-default .cm-property,
.CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
   color: #428bca;
}
.cm-s-typora-default .cm-atom,
.cm-s-typora-default .cm-number {
   color: #777777;
}
.typora-node .file-list-item-parent-loc,
.typora-node .file-list-item-time,
.typora-node .file-list-item-summary {
   /* font-family: arial, sans-serif; */
}
.md-task-list-item>input {
   margin-left: -1.3em;
   margin-top: calc(1rem - 12px);
}
.md-mathjax-midline {
   background: #fafafa;
}
.md-fences .code-tooltip {
   bottom: -2em !important;
}
.dropdown-menu .divider {
   border-color: #e5e5e5;
}
:root {
   --sequence-theme: hand;
   --mermaid-flowchart-curve: linear;
   -–mermaid-sequence-numbers: on;
}
