/* =============================================================
   Notion Style Theme for Obsidian
   Version: 1.0.0
   Description: Full Notion visual overhaul — typography, code,
                callouts, tables, and interactive elements.
   ============================================================= */




.theme-light,
body.theme-light {
  
  --notion-bg-primary:       #ffffff;
  --notion-bg-secondary:     #F9F8F7;   
  --notion-bg-tertiary:      #f0efed;
  --notion-bg-sidebar:       #F9F8F7;   
  --notion-bg-hover:         rgba(55, 53, 47, 0.06);
  --notion-bg-active:        rgba(55, 53, 47, 0.12);

  
  --notion-text-primary:     #37352f;
  --notion-text-secondary:   #787774;
  --notion-text-tertiary:    #9b9a97;
  --notion-text-placeholder: rgba(55, 53, 47, 0.40);
  --notion-text-link:        #2382e2;

  
  --notion-border:           rgba(55, 53, 47, 0.16);
  --notion-border-strong:    rgba(55, 53, 47, 0.30);
  --blockquote-border-thickness: 0px;

  
  --notion-code-bg:          #ededeb;
  --notion-code-border:      #ededeb;
  --notion-code-text:        #eb5757;
  --notion-codeblock-bg:     #f9f8f7;
  --notion-codeblock-text:   #37352f;
  --notion-codeblock-border: #f9f8f7;

  
  --notion-callout-info-bg:      #e7f3ff;
  --notion-callout-info-border:  #2382e2;
  --notion-callout-info-text:    #2c4a70;

  --notion-callout-tip-bg:       #eefaf1;
  --notion-callout-tip-border:   #0f9d58;
  --notion-callout-tip-text:     #1a5c34;

  --notion-callout-warn-bg:      #fff8e6;
  --notion-callout-warn-border:  #f2a93b;
  --notion-callout-warn-text:    #7a4d0f;

  --notion-callout-error-bg:     #fff0f0;
  --notion-callout-error-border: #e03e3e;
  --notion-callout-error-text:   #7a1a1a;

  --notion-callout-quote-bg:     #f7f6f3;
  --notion-callout-quote-border: #9b9a97;
  --notion-callout-quote-text:   #37352f;

  
  --notion-table-header-bg:  #f7f6f3;
  --notion-table-row-hover:  rgba(55, 53, 47, 0.04);
  --notion-table-border:     rgba(55, 53, 47, 0.16);

  
  --notion-tag-bg:           rgba(227, 226, 224, 0.5);
  --notion-tag-text:         #37352f;

  
  --notion-scrollbar-bg:     transparent;
  --notion-scrollbar-thumb:  rgba(55, 53, 47, 0.18);

  
  --code-background:   #f9f8f7;
  --code-normal:       #37352f;   
  --code-comment:      #8d8d8d;   
  --code-function:     #d63253;   
  --code-important:    #990055;   
  --code-keyword:      #006fd0;   
  --code-operator:     #9a6e3b;   
  --code-property:     #990055;   
  --code-punctuation:  #37352f;   
  --code-string:       #579c26;   
  --code-tag:          #990055;   
  --code-value:        #990055;   
}

.theme-dark,
body.theme-dark {
  
  --notion-bg-primary:       #191919;
  --notion-bg-secondary:     #1f1f1f;
  --notion-bg-tertiary:      #282828;
  --notion-bg-sidebar:       #191919;   
  --notion-bg-hover:         rgba(255, 255, 255, 0.055);
  --notion-bg-active:        rgba(255, 255, 255, 0.10);

  
  --notion-text-primary:     rgba(255, 255, 255, 0.81);
  --notion-text-secondary:   rgba(255, 255, 255, 0.50);
  --notion-text-tertiary:    rgba(255, 255, 255, 0.35);
  --notion-text-placeholder: rgba(255, 255, 255, 0.28);
  --notion-text-link:        #529cca;

  
  --notion-border:           rgba(255, 255, 255, 0.13);
  --notion-border-strong:    rgba(255, 255, 255, 0.22);
  --blockquote-border-thickness: 0px;

  
  --notion-code-bg:          rgba(255, 255, 255, 0.06);
  --notion-code-border:      rgba(255, 255, 255, 0.06); 
  --notion-code-text:        #ff7b72;
  --notion-codeblock-bg:     #202020;
  --notion-codeblock-text:   rgba(255, 255, 255, 0.81);
  --notion-codeblock-border: #202020;

  
  --notion-callout-info-bg:      rgba(83, 145, 210, 0.12);
  --notion-callout-info-border:  #529cca;
  --notion-callout-info-text:    #9cc4e4;

  --notion-callout-tip-bg:       rgba(15, 157, 88, 0.10);
  --notion-callout-tip-border:   #4ca16a;
  --notion-callout-tip-text:     #81d8a4;

  --notion-callout-warn-bg:      rgba(242, 169, 59, 0.10);
  --notion-callout-warn-border:  #d4a050;
  --notion-callout-warn-text:    #f0c070;

  --notion-callout-error-bg:     rgba(224, 62, 62, 0.10);
  --notion-callout-error-border: #d05050;
  --notion-callout-error-text:   #f07070;

  --notion-callout-quote-bg:     rgba(255, 255, 255, 0.04);
  --notion-callout-quote-border: rgba(255, 255, 255, 0.25);
  --notion-callout-quote-text:   rgba(255, 255, 255, 0.81);

  
  --notion-table-header-bg:  rgba(255, 255, 255, 0.10);
  --notion-table-row-hover:  rgba(255, 255, 255, 0.03);
  --notion-table-border:     rgba(255, 255, 255, 0.10);

  
  --notion-tag-bg:           rgba(255, 255, 255, 0.08);
  --notion-tag-text:         rgba(255, 255, 255, 0.65);

  
  --notion-scrollbar-bg:     transparent;
  --notion-scrollbar-thumb:  rgba(255, 255, 255, 0.15);

  
  --code-background:   #202020;
  --code-normal:       #dcdcdc;   
  --code-comment:      #998066;   
  --code-function:     #ecec93;   
  --code-important:    #e06c75;   
  --code-keyword:      #67a2cc;   
  --code-operator:     #f5b73d;   
  --code-property:     #dcdcdc;   
  --code-punctuation:  #dcdcdc;   
  --code-string:       #bde051;   
  --code-tag:          #e06c75;   
  --code-value:        #e06c75;   
}




.theme-light, .theme-dark {
  
  --font-text-theme:   -apple-system, BlinkMacSystemFont, "Segoe UI",
                       "Microsoft YaHei", "Noto Sans SC", "Microsoft JhengHei",
                       "Noto Sans TC", "Meiryo", "Yu Gothic", "Noto Sans JP",
                       "Malgun Gothic", "Noto Sans KR",
                       "Apple Color Emoji", sans-serif,
                       "Segoe UI Emoji", "Segoe UI Symbol";
  --font-monospace-theme: "SFMono-Regular", Menlo, Consolas, "PT Mono",
                           "Liberation Mono", Courier, monospace;

  
  --font-text-size:         16px;
  --line-height-normal:     1.4;
  --line-height-tight:      1.25;

  
  --h1-size: 1.875em;  
  --h2-size: 1.5em;    
  --h3-size: 1.25em;   
  --h4-size: 1.25em;   
  --h5-size: 1.25em;   
  --h6-size: 1.25em;   

  
  --notion-content-width:   1080px;  
  --notion-page-padding:    96px;
  --notion-page-padding-sm: 24px;

  
  --file-line-width:        1080px;  

  
  --notion-radius-sm:  3px;
  --notion-radius-md:  6px;
  --notion-radius-lg:  8px;

  
  --notion-transition: background 120ms ease-in, color 120ms ease-in;
}




body {
  font-family:   var(--font-text-theme) !important;
  font-size:     var(--font-text-size)  !important;
  line-height:   var(--line-height-normal) !important;
  color:         var(--notion-text-primary) !important;
  background:    var(--notion-bg-primary) !important;
  -webkit-font-smoothing:  subpixel-antialiased !important;
  -moz-osx-font-smoothing: auto                !important;
}


.workspace,
.workspace-leaf,
.workspace-split {
  background: var(--notion-bg-primary) !important;
}

.workspace-leaf-content {
  background: var(--notion-bg-primary) !important;
}




.nav-folder,
.nav-file,
.nav-files-container,
.workspace-ribbon,
.workspace-tabs,
.nav-header,
.nav-action-button,
.nav-buttons-container,
.workspace-leaf-resize-handle,
.mod-left-split,
.mod-right-split {
  background: var(--notion-bg-sidebar) !important;
}



.nav-files-container {
  padding: 4px 8px 4px 16px !important;
}


.nav-indentation-guide {
  display: none !important;
}
.nav-files-container {
  --nav-indentation-guide-width: 0px !important;
}


.nav-file-title,
.nav-folder-title {
  display:        flex !important;
  align-items:    center !important;
  min-height:     30px !important;
  color:          var(--notion-text-primary) !important;
  font-size:      14px !important;
  font-weight:    400 !important;
  line-height:    1.3 !important;
  border-radius:  4px !important;
  transition:     background 80ms ease, color 80ms ease !important;
  padding:        4px 6px 4px 8px !important;
  margin:         1px 0 !important;
  cursor:         pointer !important;
  user-select:    none !important;
}

.nav-file-title:hover,
.nav-folder-title:hover {
  background: var(--notion-bg-hover) !important;
  color:      var(--notion-text-primary) !important;
}

.nav-file-title.is-active {
  background:  var(--notion-bg-active) !important;
  font-weight: 500 !important;
}

.nav-folder-title.is-active {
  background: var(--notion-bg-hover) !important;
}


.nav-folder-title-content {
  font-weight: 500 !important;
  font-size:   14px !important;
  color:       var(--notion-text-primary) !important;
}


.nav-file-title-content {
  font-size:   14px !important;
  font-weight: 400 !important;
  color:       var(--notion-text-primary) !important;
  white-space: nowrap !important;
  overflow:    hidden !important;
  text-overflow: ellipsis !important;
}


.nav-folder-collapse-indicator {
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  width:           20px !important;
  height:          20px !important;
  flex-shrink:     0 !important;
  color:           var(--notion-text-tertiary) !important;
  margin-right:    2px !important;
  border-radius:   3px !important;
}

.nav-folder-collapse-indicator svg {
  width:  14px !important;
  height: 14px !important;
  stroke: currentColor !important;
}


.nav-file-title::before {
  content:      "📄";
  font-size:    13px !important;
  margin-right: 6px !important;
  flex-shrink:  0 !important;
  opacity:      0.6 !important;
  line-height:  1 !important;
}

.nav-file-title.is-active::before {
  opacity: 1 !important;
}


.nav-header {
  padding:     8px 8px 4px !important;
}

.nav-header .nav-action-button {
  background:  transparent !important;
  color:       var(--notion-text-tertiary) !important;
  border:      none !important;
  border-radius: 4px !important;
  padding:     4px !important;
  transition:  background 80ms ease !important;
}

.nav-header .nav-action-button:hover {
  background: var(--notion-bg-hover) !important;
  color:      var(--notion-text-secondary) !important;
}


.workspace-drawer.mod-left .workspace-tabs,
.workspace-drawer.mod-right .workspace-tabs {
  background: var(--notion-bg-sidebar) !important;
}


.nav-folder-children:empty::after {
  content:   "No pages inside";
  display:   block !important;
  padding:   4px 8px !important;
  font-size: 12px !important;
  color:     var(--notion-text-placeholder) !important;
}




.workspace-tab-header-container {
  background:    var(--notion-bg-secondary) !important;
  border-bottom: 1px solid var(--notion-border) !important;
}

.workspace-tab-header {
  background:    transparent !important;
  color:         var(--notion-text-secondary) !important;
  border-radius: var(--notion-radius-sm) var(--notion-radius-sm) 0 0 !important;
  font-size:     14px !important;
  transition:    var(--notion-transition) !important;
}

.workspace-tab-header:hover {
  background: var(--notion-bg-hover) !important;
  color:      var(--notion-text-primary) !important;
}

.workspace-tab-header.is-active {
  background: var(--notion-bg-primary) !important;
  color:      var(--notion-text-primary) !important;
  font-weight: 500 !important;
}

.workspace-tab-header-inner-title {
  font-size: 14px !important;
}




.markdown-source-view,
.markdown-reading-view,
.markdown-preview-view {
  background: var(--notion-bg-primary) !important;
  color:      var(--notion-text-primary) !important;
}


.markdown-preview-view .markdown-preview-section {
  max-width: var(--notion-content-width) !important;
  padding:   40px var(--notion-page-padding) 80px !important;
  margin:    0 auto !important;
}


.cm-editor .cm-content {
  max-width: var(--notion-content-width) !important;
  padding:   0px var(--notion-page-padding) 80px !important;
  margin:    0 auto !important;
  box-sizing: border-box !important;
}


.cm-embed-block .cm-editor .cm-content,
.cm-table-widget .cm-editor .cm-content,
td .cm-editor .cm-content {
  max-width:  none !important;
  padding:    0    !important;
  margin:     0    !important;
}


.view-content {
  background: var(--notion-bg-primary) !important;
}





.markdown-preview-view h1,
.markdown-reading-view h1 {
  font-size:      var(--h1-size)            !important;
  font-weight:    700                       !important;
  line-height:    1.2                       !important;
  color:          var(--notion-text-primary) !important;
  margin-top:     3rem                      !important;
  margin-bottom:  1.5rem                    !important;
  letter-spacing: -0.02em                   !important;
}

.markdown-preview-view h2,
.markdown-reading-view h2 {
  font-size:      var(--h2-size)            !important;
  font-weight:    700                       !important;
  line-height:    1.3                       !important;
  color:          var(--notion-text-primary) !important;
  margin-top:     1.5rem                    !important;
  margin-bottom:  1.5rem                    !important;
  letter-spacing: -0.01em                   !important;
}

.markdown-preview-view h3,
.markdown-reading-view h3 {
  font-size:     var(--h3-size)            !important;
  font-weight:   700                       !important;
  line-height:   1.3                       !important;
  color:         var(--notion-text-primary) !important;
  margin-top:    1.5rem                    !important;
  margin-bottom: 1rem                      !important;
}

.markdown-preview-view h4,
.markdown-reading-view h4,
.markdown-preview-view h5,
.markdown-reading-view h5,
.markdown-preview-view h6,
.markdown-reading-view h6 {
  font-size:     var(--h4-size)            !important;  
  font-weight:   700                       !important;
  line-height:   1.3                       !important;
  color:         var(--notion-text-primary) !important;
  margin-top:    1rem                      !important;
  margin-bottom: 0                         !important;
}


.cm-header-1 { font-size: var(--h1-size) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; color: var(--notion-text-primary) !important; }
.cm-header-2 { font-size: var(--h2-size) !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; color: var(--notion-text-primary) !important; }
.cm-header-3 { font-size: var(--h3-size) !important; font-weight: 700 !important; line-height: 1.3 !important;                             color: var(--notion-text-primary) !important; }
.cm-header-4 { font-size: var(--h4-size) !important; font-weight: 700 !important; line-height: 1.3 !important;                             color: var(--notion-text-primary) !important; }
.cm-header-5 { font-size: var(--h5-size) !important; font-weight: 700 !important; line-height: 1.3 !important;                             color: var(--notion-text-primary) !important; }
.cm-header-6 { font-size: var(--h6-size) !important; font-weight: 700 !important; line-height: 1.3 !important;                             color: var(--notion-text-primary) !important; }


.cm-line:has(.cm-header-1) { padding-top: 3rem   !important; padding-bottom: 1.5rem !important; }
.cm-line:has(.cm-header-2) { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.cm-line:has(.cm-header-3) { padding-top: 1.5rem !important; padding-bottom: 1rem   !important; }
.cm-line:has(.cm-header-4),
.cm-line:has(.cm-header-5),
.cm-line:has(.cm-header-6) { padding-top: 1rem   !important; padding-bottom: 0       !important; }


.cm-line:has(:is(.cm-header-1,.cm-header-2,.cm-header-3,.cm-header-4,.cm-header-5,.cm-header-6)) + .cm-line:has(:is(.cm-header-1,.cm-header-2,.cm-header-3,.cm-header-4,.cm-header-5,.cm-header-6)) {
  padding-top: 0 !important;
}


.cm-embed-block .cm-line:has(.cm-header-1),
.cm-embed-block .cm-line:has(.cm-header-2),
.cm-embed-block .cm-line:has(.cm-header-3),
.cm-embed-block .cm-line:has(.cm-header-4),
.cm-embed-block .cm-line:has(.cm-header-5),
.cm-embed-block .cm-line:has(.cm-header-6) { padding-top: 0 !important; padding-bottom: 0 !important; }




.markdown-preview-view p,
.markdown-reading-view p {
  line-height:   1.5               !important;
  color:         var(--notion-text-primary) !important;
  margin-top:    0.9em             !important;
  margin-bottom: 0.9em             !important;
}


.markdown-preview-view strong,
.markdown-reading-view strong,
.cm-strong {
  color:       var(--notion-text-primary) !important;
  font-weight: 600 !important;
}


.markdown-preview-view em,
.markdown-reading-view em,
.cm-em {
  color: var(--notion-text-primary) !important;
}


.markdown-preview-view s,
.markdown-reading-view s,
.cm-strikethrough {
  color:           var(--notion-text-tertiary) !important;
  text-decoration: line-through !important;
}


.markdown-preview-view a,
.markdown-reading-view a {
  color:           var(--notion-text-link) !important;
  text-decoration: none !important;
  border-bottom:   1px solid transparent !important;
  transition:      border-color 100ms ease !important;
}

.markdown-preview-view a:hover,
.markdown-reading-view a:hover {
  border-bottom-color: var(--notion-text-link) !important;
}


.internal-link {
  color:           var(--notion-text-link) !important;
  text-decoration: none !important;
}

.internal-link:hover {
  text-decoration: underline !important;
}


.markdown-preview-view hr,
.markdown-reading-view hr {
  border: none !important;
  border-top: 1px solid var(--notion-border) !important;
  margin: 24px 0 !important;
}




.markdown-preview-view code:not(pre code),
.markdown-reading-view  code:not(pre code),
.markdown-source-view   code:not(pre code) {
  background:    var(--notion-code-bg)     !important;
  color:         var(--notion-code-text)   !important;
  border:        1px solid var(--notion-code-border) !important;
  border-radius: var(--notion-radius-sm)   !important;
  font-family:   var(--font-monospace-theme) !important;
  font-size:     0.875em                   !important;
  padding:       0.15em 0.4em              !important;
  white-space:   nowrap                    !important;
}


.cm-inline-code .cm-hmd-codeblock,
span.cm-inline-code {
  background:    var(--notion-code-bg)                 !important;
  color:         var(--notion-code-text)               !important;
  border:        1px solid var(--notion-code-border)   !important;
  border-radius: var(--notion-radius-sm)               !important;
  font-family:   var(--font-monospace-theme)           !important;
  font-size:     0.875em                               !important;
  padding:       0.1em 0.35em                          !important;
}




.markdown-preview-view pre,
.markdown-reading-view pre {
  background:    var(--notion-codeblock-bg)     !important;
  border:        none                            !important;
  border-radius: var(--notion-radius-md)         !important;
  padding:       38px 20px 16px                  !important; 
  margin:        12px 0                          !important;
  overflow-x:    auto                            !important;
  tab-size:      2                               !important;
  position:      relative                        !important;
}

.markdown-preview-view pre code,
.markdown-reading-view pre code {
  background:    transparent             !important;
  color:         var(--notion-codeblock-text) !important;
  border:        none                    !important;
  border-radius: 0                       !important;
  font-family:   var(--font-monospace-theme) !important;
  font-size:     0.875em                 !important;
  line-height:   1.7                     !important;
  padding:       0                       !important;
  white-space:   pre                     !important;
}


:is(.markdown-preview-view, .markdown-reading-view, .cm-embed-block)
  pre[class*="language-"]::before {
  position:       absolute      !important;
  top:            10px          !important;
  left:           16px          !important;
  font-size:      0.68em        !important;
  font-family:    var(--font-text-theme) !important;
  font-weight:    600           !important;
  color:          var(--notion-text-tertiary) !important;
  text-transform: uppercase     !important;
  letter-spacing: 0.08em        !important;
  user-select:    none          !important;
  pointer-events: none          !important;
  line-height:    1             !important;
}


:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-bash::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-sh::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-shell::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-zsh::before    { content: "Shell"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-c::before      { content: "C"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-cpp::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-c\+\+::before  { content: "C++"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-csharp::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-cs::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-c\#::before     { content: "C#"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-css::before    { content: "CSS"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-dart::before   { content: "Dart"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-diff::before   { content: "Diff"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-docker::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-dockerfile::before { content: "Dockerfile"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-go::before     { content: "Go"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-graphql::before { content: "GraphQL"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-html::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-markup::before { content: "HTML"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-http::before   { content: "HTTP"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-java::before   { content: "Java"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-javascript::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-js::before     { content: "JavaScript"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-json::before   { content: "JSON"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-jsx::before    { content: "JSX"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-kotlin::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-kt::before     { content: "Kotlin"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-latex::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-tex::before    { content: "LaTeX"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-lua::before    { content: "Lua"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-makefile::before { content: "Makefile"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-markdown::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-md::before     { content: "Markdown"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-nginx::before  { content: "Nginx"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-php::before    { content: "PHP"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-plaintext::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-text::before   { content: "Plain Text"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-powershell::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-ps::before     { content: "PowerShell"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-python::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-py::before     { content: "Python"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-r::before      { content: "R"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-ruby::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-rb::before     { content: "Ruby"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-rust::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-rs::before     { content: "Rust"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-scala::before  { content: "Scala"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-scss::before   { content: "SCSS"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-sql::before    { content: "SQL"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-swift::before  { content: "Swift"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-toml::before   { content: "TOML"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-typescript::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-ts::before     { content: "TypeScript"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-tsx::before    { content: "TSX"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-vim::before    { content: "Vim Script"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-xml::before    { content: "XML"; }
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-yaml::before,
:is(.markdown-preview-view,.markdown-reading-view,.cm-embed-block) pre.language-yml::before    { content: "YAML"; }


.markdown-preview-view .copy-code-button,
.markdown-reading-view  .copy-code-button,
pre .copy-code-button {
  position:       absolute      !important;
  top:            5px           !important;
  right:          8px           !important;
  bottom:         auto          !important;
  left:           auto          !important;
  padding:        3px 8px       !important;
  border:         none          !important;
  border-radius:  var(--notion-radius-sm) !important;
  background:     transparent   !important;
  color:          var(--notion-text-tertiary) !important;
  font-size:      0.68em        !important;
  font-family:    var(--font-text-theme) !important;
  font-weight:    600           !important;
  text-transform: uppercase     !important;
  letter-spacing: 0.06em        !important;
  cursor:         pointer       !important;
  opacity:        0             !important;
  transition:     opacity 150ms ease, background 120ms, color 120ms !important;
  white-space:    nowrap        !important;
}


.markdown-preview-view pre:hover .copy-code-button,
.markdown-reading-view  pre:hover .copy-code-button,
pre:hover .copy-code-button {
  opacity: 1 !important;
}

.markdown-preview-view .copy-code-button:hover,
.markdown-reading-view  .copy-code-button:hover,
pre .copy-code-button:hover {
  background: var(--notion-bg-hover)      !important;
  color:      var(--notion-text-secondary) !important;
}


.markdown-preview-view .copy-code-button.mod-copied,
.markdown-reading-view  .copy-code-button.mod-copied,
pre .copy-code-button.mod-copied {
  color:   var(--notion-callout-tip-border) !important;
  opacity: 1 !important;
}






.markdown-preview-view pre .token,
.markdown-reading-view  pre .token {
  background:  transparent !important;
  border:      none        !important;
  padding:     0           !important;
  font-size:   inherit     !important;
  line-height: inherit     !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.comment,
:is(.markdown-preview-view, .markdown-reading-view) .token.prolog,
:is(.markdown-preview-view, .markdown-reading-view) .token.doctype,
:is(.markdown-preview-view, .markdown-reading-view) .token.cdata {
  color:      var(--code-comment) !important;
  font-style: italic              !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.punctuation {
  color: var(--code-punctuation) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.boolean,
:is(.markdown-preview-view, .markdown-reading-view) .token.number,
:is(.markdown-preview-view, .markdown-reading-view) .token.constant,
:is(.markdown-preview-view, .markdown-reading-view) .token.symbol {
  color: var(--code-value) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.string,
:is(.markdown-preview-view, .markdown-reading-view) .token.char,
:is(.markdown-preview-view, .markdown-reading-view) .token.builtin,
:is(.markdown-preview-view, .markdown-reading-view) .token.selector,
:is(.markdown-preview-view, .markdown-reading-view) .token.interpolation-string,
:is(.markdown-preview-view, .markdown-reading-view) .language-css .token.string,
:is(.markdown-preview-view, .markdown-reading-view) .style .token.string {
  color: var(--code-string) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.keyword,
:is(.markdown-preview-view, .markdown-reading-view) .token.atrule {
  color:       var(--code-keyword) !important;
  font-weight: 500                 !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.operator,
:is(.markdown-preview-view, .markdown-reading-view) .token.entity,
:is(.markdown-preview-view, .markdown-reading-view) .token.url {
  color: var(--code-operator) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.function {
  color: var(--code-function) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.class-name,
:is(.markdown-preview-view, .markdown-reading-view) .token.type-list,
:is(.markdown-preview-view, .markdown-reading-view) .token.regex,
:is(.markdown-preview-view, .markdown-reading-view) .token.important,
:is(.markdown-preview-view, .markdown-reading-view) .token.variable {
  color: var(--code-important) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.property,
:is(.markdown-preview-view, .markdown-reading-view) .token.tag {
  color: var(--code-tag) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.attr-value {
  color: var(--code-string) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.attr-name {
  color: var(--code-function) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.attr-value .token.punctuation,
:is(.markdown-preview-view, .markdown-reading-view) .token.attr-value .token.punctuation.attr-equals {
  color: var(--code-punctuation) !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.namespace {
  color:   var(--code-tag) !important;
  opacity: 0.8             !important;
}


:is(.markdown-preview-view, .markdown-reading-view) .token.preprocessor,
:is(.markdown-preview-view, .markdown-reading-view) .token.directive,
:is(.markdown-preview-view, .markdown-reading-view) .token.directive-hash {
  color: var(--code-keyword) !important;
}


.cm-comment { color: var(--code-comment)     !important; font-style: italic !important; }
.cm-keyword,
.cm-modifier { color: var(--code-keyword)    !important; font-weight: 500   !important; }
.cm-string,
.cm-string2  { color: var(--code-string)     !important; }
.cm-number,
.cm-atom,
.cm-bool     { color: var(--code-value)      !important; }
.cm-className,
.cm-typeName { color: var(--code-important)  !important; }
.cm-function,
.cm-definition.cm-variableName,
.cm-variableName.cm-function { color: var(--code-function)  !important; }
.cm-propertyName             { color: var(--code-property)  !important; }
.cm-variableName,
.cm-local                    { color: var(--code-normal)    !important; }
.cm-operator                 { color: var(--code-operator)  !important; }
.cm-meta,
.cm-annotation               { color: var(--code-tag)       !important; }
.cm-tagName,
.cm-namespace                { color: var(--code-tag)       !important; }
.cm-attributeName            { color: var(--code-function)  !important; } 
.cm-punctuation              { color: var(--code-punctuation) !important; }


.cm-content .HyperMD-codeblock {
  background:  var(--code-background)       !important;
  color:       var(--code-normal)           !important;
  font-family: var(--font-monospace-theme)  !important;
  font-size:   0.875em                      !important;
}

.HyperMD-codeblock-begin,
.HyperMD-codeblock-end {
  background:    var(--code-background) !important;
  border-radius: var(--notion-radius-md) !important;
}


.markdown-source-view.mod-cm6 .HyperMD-codeblock .cm-indent::before {
  border-right: none !important;
}





.markdown-preview-view ul,
.markdown-reading-view ul {
  list-style:   none    !important;
  padding-left: 24px    !important;
  margin:       4px 0   !important;
}

.markdown-preview-view ul > li,
.markdown-reading-view ul > li {
  position:    relative !important;
  line-height: 1.5      !important;
  margin:      2px 0    !important;
  padding-left: 4px     !important;
}


.markdown-preview-view ul > li > .list-bullet,
.markdown-reading-view ul > li > .list-bullet {
  display: none !important;
}


.markdown-preview-view ul > li::before,
.markdown-reading-view ul > li::before {
  content:     "•"       !important;
  position:    absolute  !important;
  left:        -16px     !important;
  top:         0         !important;
  color:       var(--notion-text-primary) !important;
  font-size:   1em       !important;
  line-height: 1.6       !important;
}


.markdown-preview-view ul ul > li::before,
.markdown-reading-view ul ul > li::before {
  content: "◦" !important;
  color:   var(--notion-text-secondary) !important;
}


.markdown-preview-view ul ul ul > li::before,
.markdown-reading-view ul ul ul > li::before {
  content:   "▪" !important;
  font-size: 0.7em !important;
  top:       0.15em !important;
}


.markdown-preview-view ol,
.markdown-reading-view ol {
  padding-left: 24px  !important;
  margin:       4px 0 !important;
}

.markdown-preview-view ol > li,
.markdown-reading-view ol > li {
  line-height:  1.5    !important;
  margin:       2px 0  !important;
  padding-left: 4px    !important;
  list-style:   decimal !important;
  color:        var(--notion-text-primary) !important;
}


.markdown-preview-view ol ol > li,
.markdown-reading-view ol ol > li {
  list-style: lower-alpha !important;
}


.markdown-preview-view ol ol ol > li,
.markdown-reading-view ol ol ol > li {
  list-style: lower-roman !important;
}


.markdown-preview-view li ul,
.markdown-preview-view li ol,
.markdown-reading-view li ul,
.markdown-reading-view li ol {
  margin-top:    2px !important;
  margin-bottom: 0   !important;
}




.cm-content ul {
  list-style:   none    !important;
  padding-left: 24px    !important;
  margin:       4px 0   !important;
}
.cm-content ul > li {
  position:     relative !important;
  line-height:  1.5      !important;
  margin:       2px 0    !important;
  padding-left: 4px      !important;
}
.cm-content ul > li > .list-bullet            { display: none !important; }
.cm-content ul > li::before                   { content: "•";  position: absolute; left: -16px; top: 0; color: var(--notion-text-primary); font-size: 1em; line-height: 1.5; }
.cm-content ul ul > li::before                { content: "◦";  color: var(--notion-text-secondary) !important; }
.cm-content ul ul ul > li::before             { content: "▪";  font-size: 0.7em !important; top: 0.15em !important; }


.cm-content ol {
  padding-left: 24px  !important;
  margin:       4px 0 !important;
}
.cm-content ol > li {
  line-height:  1.5     !important;
  margin:       2px 0   !important;
  padding-left: 4px     !important;
  list-style:   decimal !important;
  color:        var(--notion-text-primary) !important;
}
.cm-content ol ol > li    { list-style: lower-alpha !important; }
.cm-content ol ol ol > li { list-style: lower-roman !important; }


.cm-content li ul,
.cm-content li ol { margin-top: 2px !important; margin-bottom: 0 !important; }


.markdown-source-view .task-list-item {
  list-style:   none !important;
  padding-left: 4px  !important;
}
.markdown-source-view .task-list-item::before { display: none !important; }


.markdown-source-view input[type="checkbox"] {
  appearance:         none         !important;
  -webkit-appearance: none         !important;
  width:              16px         !important;
  height:             16px         !important;
  border:             1.5px solid var(--notion-border-strong) !important;
  border-radius:      3px          !important;
  margin-right:       6px          !important;
  vertical-align:     -3px         !important;
  cursor:             pointer      !important;
  background:         transparent  !important;
  transition:         background 120ms, border-color 120ms !important;
  flex-shrink:        0            !important;
}
.markdown-source-view input[type="checkbox"]:checked {
  background:       #35aaff !important;
  border-color:     #35aaff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 4.5L4.5 8L11 1'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center    !important;
}

.markdown-source-view .task-list-item-checkbox:checked + * {
  opacity:         0.6           !important;
  text-decoration: line-through  !important;
  color:           var(--notion-text-tertiary) !important;
}


.cm-line.HyperMD-quote-1,
.cm-line.HyperMD-quote-2,
.cm-line.HyperMD-quote-3 {
  border-left: 3px solid var(--notion-text-tertiary) !important;
  margin:      2px 0 !important;
  color:       var(--notion-text-primary) !important;
  font-style:  normal !important;
}

.cm-line.HyperMD-quote-1 .cm-quote,
.cm-line.HyperMD-quote-2 .cm-quote,
.cm-line.HyperMD-quote-3 .cm-quote {
  color: var(--notion-text-primary) !important;
}


.cm-line.HyperMD-hr {
  border:     none !important;
  border-top: 1px solid var(--notion-border) !important;
  margin:     24px 0 !important;
  height:     1px    !important;
  overflow:   hidden !important;
  color:      transparent !important;
}
.cm-line.HyperMD-hr .cm-hr {
  opacity: 0 !important;
}


.cm-editor .cm-content {
  line-height: 1.5 !important;
}





.markdown-preview-view ul.contains-task-list,
.markdown-reading-view ul.contains-task-list {
  padding-left: 0 !important;
}

.markdown-preview-view .task-list-item,
.markdown-reading-view .task-list-item {
  list-style: none   !important;
  padding-left: 4px  !important;
  position:  static  !important;
}


.markdown-preview-view ul.contains-task-list > li.task-list-item,
.markdown-reading-view ul.contains-task-list > li.task-list-item {
  display:      flex   !important;
  align-items:  center !important;
}

.markdown-preview-view .task-list-item::before,
.markdown-reading-view .task-list-item::before {
  display: none !important;
}


.markdown-preview-view .task-list-item > p,
.markdown-reading-view .task-list-item > p {
  margin: 0 !important;
}

.markdown-preview-view .task-list-item-checkbox,
.markdown-reading-view .task-list-item-checkbox {
  appearance:       none         !important;
  -webkit-appearance: none       !important;
  width:            16px         !important;
  height:           16px         !important;
  border:           1.5px solid var(--notion-border-strong) !important;
  border-radius:    3px          !important;
  margin:           0 6px 0 0   !important;
  cursor:           pointer      !important;
  background:       transparent  !important;
  transition:       background 120ms, border-color 120ms !important;
  flex-shrink:      0            !important;
  align-self:       flex-start   !important;
  position:         relative     !important;
  top:              0.3em       !important;
}

.markdown-preview-view .task-list-item-checkbox:checked,
.markdown-reading-view .task-list-item-checkbox:checked {
  background:    #35aaff        !important;
  border-color:  #35aaff        !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 4.5L4.5 8L11 1'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center   !important;
}

.markdown-preview-view .task-list-item-checkbox:checked + *,
.markdown-reading-view .task-list-item-checkbox:checked + * {
  opacity:         0.6 !important;
  text-decoration: line-through !important;
  color:           var(--notion-text-tertiary) !important;
}




.markdown-preview-view blockquote,
.markdown-reading-view blockquote {
  border-left:   3px solid var(--notion-text-tertiary) !important;
  background:    transparent !important;
  margin:        8px 0 !important;
  padding:       4px 16px !important;
  color:         var(--notion-text-primary) !important;
  font-style:    normal !important;
  border-radius: 0 !important;
}

.markdown-preview-view blockquote p,
.markdown-reading-view blockquote p {
  color: var(--notion-text-primary) !important;
}




.markdown-preview-view .callout,
.markdown-reading-view .callout {
  border:        1px solid transparent !important;
  border-left:   3px solid !important;
  border-radius: var(--notion-radius-md) !important;
  padding:       12px 16px !important;
  margin:        8px 0 !important;
  font-size:     0.9375em !important;
}

.callout-title {
  display:      flex !important;
  align-items:  center !important;
  gap:          8px !important;
  font-weight:  600 !important;
  font-size:    0.9375em !important;
  margin-bottom: 6px !important;
}

.callout-content {
  font-size:   0.9375em !important;
  line-height: 1.6 !important;
}


.callout[data-callout="info"],
.callout[data-callout="note"] {
  background:        var(--notion-callout-info-bg) !important;
  border-left-color: var(--notion-callout-info-border) !important;
  color:             var(--notion-callout-info-text) !important;
}
.callout[data-callout="info"] .callout-title-inner,
.callout[data-callout="note"] .callout-title-inner {
  color: var(--notion-callout-info-border) !important;
}


.callout[data-callout="tip"],
.callout[data-callout="success"],
.callout[data-callout="abstract"],
.callout[data-callout="check"],
.callout[data-callout="done"],
.callout[data-callout="important"] {
  background:        var(--notion-callout-tip-bg) !important;
  border-left-color: var(--notion-callout-tip-border) !important;
  color:             var(--notion-callout-tip-text) !important;
}
.callout[data-callout="tip"] .callout-title-inner,
.callout[data-callout="success"] .callout-title-inner,
.callout[data-callout="important"] .callout-title-inner {
  color: var(--notion-callout-tip-border) !important;
}


.callout[data-callout="warning"],
.callout[data-callout="caution"],
.callout[data-callout="attention"],
.callout[data-callout="question"],
.callout[data-callout="help"],
.callout[data-callout="faq"] {
  background:        var(--notion-callout-warn-bg) !important;
  border-left-color: var(--notion-callout-warn-border) !important;
  color:             var(--notion-callout-warn-text) !important;
}
.callout[data-callout="warning"] .callout-title-inner {
  color: var(--notion-callout-warn-border) !important;
}


.callout[data-callout="danger"],
.callout[data-callout="error"],
.callout[data-callout="bug"],
.callout[data-callout="failure"],
.callout[data-callout="fail"],
.callout[data-callout="missing"] {
  background:        var(--notion-callout-error-bg) !important;
  border-left-color: var(--notion-callout-error-border) !important;
  color:             var(--notion-callout-error-text) !important;
}
.callout[data-callout="danger"] .callout-title-inner,
.callout[data-callout="error"] .callout-title-inner {
  color: var(--notion-callout-error-border) !important;
}


.callout[data-callout="quote"],
.callout[data-callout="cite"],
.callout[data-callout="example"] {
  background:        var(--notion-callout-quote-bg) !important;
  border-left-color: var(--notion-callout-quote-border) !important;
  color:             var(--notion-callout-quote-text) !important;
}


.callout-icon {
  width:  18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}


.callout.is-collapsible .callout-title {
  cursor: pointer !important;
}

.callout.is-collapsible .callout-fold {
  margin-left: auto !important;
  transition:  transform 150ms ease !important;
}

.callout.is-collapsed .callout-fold {
  transform: rotate(-90deg) !important;
}




.markdown-preview-view table,
.markdown-reading-view table {
  width:           100% !important;
  border-collapse: collapse !important;
  border-spacing:  0 !important;
  font-size:       0.9375em !important;
  margin:          16px 0 !important;
  border:          none !important; 
}

.markdown-preview-view th,
.markdown-reading-view th {
  background:    var(--notion-table-header-bg) !important;
  color:         var(--notion-text-primary) !important;
  font-weight:   700 !important;
  font-size:     0.9375em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding:       8px 12px !important;
  border-top:    1px solid var(--notion-table-border) !important; 
  border-bottom: 1px solid var(--notion-table-border) !important;
  border-right:  1px solid var(--notion-table-border) !important;
  
}


.markdown-preview-view th:first-child,
.markdown-preview-view td:first-child,
.markdown-reading-view th:first-child,
.markdown-reading-view td:first-child {
  border-left: 1px solid var(--notion-table-border) !important;
}

.markdown-preview-view td,
.markdown-reading-view td {
  padding:        8px 12px !important;
  border-bottom:  1px solid var(--notion-table-border) !important;
  border-right:   1px solid var(--notion-table-border) !important;
  color:          var(--notion-text-primary) !important;
  vertical-align: top !important;
  line-height:    1.5 !important;
  
}

.markdown-preview-view tr:hover td,
.markdown-reading-view tr:hover td {
  background: var(--notion-table-row-hover) !important;
}





.cm-embed-block.cm-table-widget,
.cm-table-widget {
  width:    100% !important;
  overflow: visible !important;
}


.cm-embed-block.cm-table-widget table,
.cm-table-widget table,
.markdown-source-view.mod-cm6 .cm-embed-block table {
  width:           100% !important;
  border-collapse: collapse !important;
  border-spacing:  0 !important;
  font-size:       0.9375em !important;
  margin:          0 0 16px !important; 
  border:          none !important; 
}


.cm-embed-block.cm-table-widget th,
.cm-table-widget th {
  background:     var(--notion-table-header-bg) !important;
  color:          var(--notion-text-primary) !important;
  font-weight:    700 !important;
  font-size:      0.9375em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding:        8px 12px !important;
  border-top:     1px solid var(--notion-table-border) !important;
  border-bottom:  1px solid var(--notion-table-border) !important;
  border-right:   1px solid var(--notion-table-border) !important;
  
  vertical-align: top !important;
  box-sizing:     border-box !important;
}


.cm-embed-block.cm-table-widget th:first-child,
.cm-embed-block.cm-table-widget td:first-child,
.cm-table-widget th:first-child,
.cm-table-widget td:first-child {
  border-left: 1px solid var(--notion-table-border) !important;
}


.cm-embed-block.cm-table-widget td,
.cm-table-widget td {
  padding:        8px 12px !important;
  border-bottom:  1px solid var(--notion-table-border) !important;
  border-right:   1px solid var(--notion-table-border) !important;
  color:          var(--notion-text-primary) !important;
  vertical-align: top !important;
  
  box-sizing:     border-box !important;
  line-height:    1.5 !important;
}


.cm-embed-block.cm-table-widget td > *,
.cm-embed-block.cm-table-widget th > *,
.cm-table-widget td > *,
.cm-table-widget th > * {
  padding:    0 !important;
  margin:     0 !important;
  text-align: inherit !important; 
}


.table-editor-table td,
.table-editor-table th {
  padding:        8px 12px !important;
  vertical-align: top !important;
  box-sizing:     border-box !important;
  
}

.table-editor-cell,
.table-editor-cell-content {
  padding:    0 !important;
  margin:     0 !important;
  text-align: inherit !important;
}


.cm-embed-block.cm-table-widget td textarea,
.cm-embed-block.cm-table-widget td input,
.cm-table-widget td textarea,
.cm-table-widget td input,
.table-editor-table td textarea,
.table-editor-table td input {
  padding:     0 !important;
  margin:      0 !important;
  border:      none !important;
  outline:     none !important;
  box-shadow:  none !important;
  background:  transparent !important;
  resize:      none !important;
  text-align:  inherit !important; 
  vertical-align: top !important;
  font-family: var(--font-text-theme) !important;
  font-size:   inherit !important;
  line-height: 1.5 !important;
  color:       var(--notion-text-primary) !important;
  width:       100% !important;
  min-height:  0 !important;
  height:      auto !important;
  box-sizing:  border-box !important;
  overflow:    hidden !important;
}


.cm-embed-block td .cm-editor,
.cm-table-widget td .cm-editor {
  min-height: unset !important;
  height:     auto  !important;
}

.cm-embed-block td .cm-editor .cm-scroller,
.cm-table-widget td .cm-editor .cm-scroller {
  padding:    0     !important;
  min-height: 0     !important;
  overflow:   visible !important;
}

.cm-embed-block td .cm-editor .cm-line,
.cm-table-widget td .cm-editor .cm-line {
  padding: 0 !important;
}


.cm-embed-block.cm-table-widget td:focus-within,
.cm-table-widget td:focus-within {
  outline:    none !important;
  box-shadow: inset 0 0 0 1px rgba(35, 130, 226, 0.35) !important;
}


.cm-embed-block.cm-table-widget tr:hover td,
.cm-table-widget tr:hover td {
  background: var(--notion-table-row-hover) !important;
}



.cm-embed-block code:not(pre code),
.cm-table-widget code:not(pre code) {
  background:    var(--notion-code-bg)     !important;
  color:         var(--notion-code-text)   !important;
  border:        1px solid var(--notion-code-border) !important;
  border-radius: var(--notion-radius-sm)   !important;
  font-family:   var(--font-monospace-theme) !important;
  font-size:     0.875em                   !important;
  padding:       0.15em 0.4em              !important;
  white-space:   nowrap                    !important;
}

.cm-embed-block pre,
.cm-table-widget pre {
  background:    var(--notion-codeblock-bg)     !important;
  border:        none                            !important;
  border-radius: var(--notion-radius-md)         !important;
  padding:       38px 20px 16px                  !important; 
  margin:        12px 0                          !important;
  overflow-x:    auto                            !important;
  position:      relative                        !important;
}

.cm-embed-block pre code,
.cm-table-widget pre code {
  background:  transparent !important;
  color:       var(--notion-codeblock-text) !important;
  border:      none !important;
  padding:     0 !important;
  font-family: var(--font-monospace-theme) !important;
  font-size:   0.875em !important;
  line-height: 1.7 !important;
  white-space: pre !important;
}




.markdown-preview-view img,
.markdown-reading-view img {
  border-radius:  var(--notion-radius-md) !important;
  max-width:      100% !important;
  height:         auto !important;
  display:        block !important;
  margin:         8px 0 !important;
}


.markdown-preview-view img + em,
.markdown-reading-view img + em {
  display:    block !important;
  text-align: center !important;
  font-size:  0.8125em !important;
  color:      var(--notion-text-tertiary) !important;
  margin-top: 4px !important;
  font-style: normal !important;
}




.tag {
  background:    var(--notion-tag-bg)   !important;
  color:         var(--notion-tag-text) !important;
  border:        none !important;
  border-radius: var(--notion-radius-sm) !important;
  font-size:     0.8125em !important;
  padding:       2px 8px !important;
  text-decoration: none !important;
  transition:    background 100ms ease !important;
}

.tag:hover {
  background: var(--notion-bg-active) !important;
}




.search-result-file-title {
  color:       var(--notion-text-primary) !important;
  font-weight: 500 !important;
}

.search-result-file-match {
  color:     var(--notion-text-secondary) !important;
  font-size: 0.875em !important;
}

.search-result-file-match-text mark {
  background: rgba(255, 212, 0, 0.25) !important;
  color:      var(--notion-text-primary) !important;
  border-radius: 2px !important;
}




.modal:not(.mod-settings),
.prompt {
  background:    var(--notion-bg-primary) !important;
  border:        1px solid var(--notion-border) !important;
  border-radius: var(--notion-radius-lg) !important;
  box-shadow:    rgba(15, 15, 15, 0.05) 0px 0px 0px 1px,
                 rgba(15, 15, 15, 0.1)  0px 3px 6px,
                 rgba(15, 15, 15, 0.2)  0px 9px 24px !important;
}

.prompt-input {
  background:    transparent !important;
  border:        none !important;
  border-bottom: 1px solid var(--notion-border) !important;
  border-radius: 0 !important;
  color:         var(--notion-text-primary) !important;
  font-size:     16px !important;
  padding:       12px 16px !important;
}

.suggestion-item {
  border-radius: var(--notion-radius-sm) !important;
  padding:       6px 12px !important;
  font-size:     14px !important;
  color:         var(--notion-text-primary) !important;
  transition:    var(--notion-transition) !important;
}

.suggestion-item.is-selected,
.suggestion-item:hover {
  background: var(--notion-bg-hover) !important;
}




.workspace button.mod-cta,
.modal:not(.mod-settings) button.mod-cta {
  background:    var(--interactive-accent)  !important;
  color:         var(--text-on-accent)      !important;
  border:        none !important;
  border-radius: var(--notion-radius-sm)    !important;
  font-weight:   500 !important;
  padding:       6px 14px !important;
  cursor:        pointer !important;
  transition:    opacity 100ms !important;
}

.workspace button.mod-cta:hover,
.modal:not(.mod-settings) button.mod-cta:hover {
  opacity: 0.85 !important;
}

.workspace button:not(.mod-cta):not(.clickable-icon),
.modal:not(.mod-settings) button:not(.mod-cta):not(.clickable-icon) {
  border:        1px solid var(--notion-border) !important;
  border-radius: var(--notion-radius-sm) !important;
  background:    transparent !important;
  color:         var(--notion-text-primary) !important;
  padding:       5px 12px !important;
  cursor:        pointer !important;
  transition:    var(--notion-transition) !important;
}

.workspace button:not(.mod-cta):not(.clickable-icon):hover,
.modal:not(.mod-settings) button:not(.mod-cta):not(.clickable-icon):hover {
  background: var(--notion-bg-hover) !important;
}




.workspace-ribbon {
  background: var(--notion-bg-sidebar) !important;
  border-right: 1px solid var(--notion-border) !important;
}

.side-dock-ribbon-action {
  color:         var(--notion-text-secondary) !important;
  border-radius: var(--notion-radius-sm) !important;
  transition:    var(--notion-transition) !important;
}

.side-dock-ribbon-action:hover {
  background: var(--notion-bg-hover) !important;
  color:      var(--notion-text-primary) !important;
}




.status-bar {
  background:  var(--notion-bg-secondary) !important;
  border-top:  1px solid var(--notion-border) !important;
  color:       var(--notion-text-tertiary) !important;
  font-size:   12px !important;
}




::-webkit-scrollbar {
  width:  6px !important;
  height: 6px !important;
}

::-webkit-scrollbar-track {
  background: var(--notion-scrollbar-bg) !important;
}

::-webkit-scrollbar-thumb {
  background:    var(--notion-scrollbar-thumb) !important;
  border-radius: 999px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--notion-border-strong) !important;
}




::selection {
  background: rgba(35, 130, 226, 0.18) !important;
  color:      inherit !important;
}

.theme-dark ::selection {
  background: rgba(82, 156, 202, 0.25) !important;
}


.cm-editor .cm-selectionBackground {
  background: rgba(35, 130, 226, 0.15) !important;
}




.metadata-container {
  background:    var(--notion-bg-secondary) !important;
  border:        1px solid var(--notion-border) !important;
  border-radius: var(--notion-radius-md) !important;
  padding:       12px 16px !important;
  margin-bottom: 24px !important;
  font-size:     0.875em !important;
  box-sizing:    border-box !important;
  width:         100% !important;
}


.markdown-source-view .metadata-container {
  width:         calc(100% - var(--notion-page-padding) * 2) !important;
  max-width:     calc(var(--notion-content-width) - var(--notion-page-padding) * 2) !important;
  margin-left:   auto !important;
  margin-right:  auto !important;
  margin-bottom: 12px !important;
}

.metadata-property-key {
  color:       var(--notion-text-secondary) !important;
  font-weight: 500 !important;
  font-size:   0.8125em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border:      none !important;
  
  flex:        0 0 11em !important;
  min-width:   11em     !important;
}

.metadata-property-key input.metadata-property-key-input,
.metadata-property-key input.metadata-property-key-input:hover,
.metadata-property-key input.metadata-property-key-input:focus,
.metadata-property-key input.metadata-property-key-input:focus-within,
.workspace .metadata-property-key input[type="text"] {
  border:     none !important;
  outline:    none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding:    0 !important;
}

.metadata-property-key,
.metadata-property-key:hover,
.metadata-property-key:focus,
.metadata-property-key:focus-within {
  border:     none !important;
  outline:    none !important;
  box-shadow: none !important;
}

.metadata-property-value {
  color: var(--notion-text-primary) !important;
}


.multi-select-pill,
.metadata-property-value .multi-select-pill,
.metadata-content .multi-select-pill {
  border:     none !important;
  outline:    none !important;
  box-shadow: none !important;
}





.inline-title {
  font-size:      2.5em  !important;
  font-weight:    700    !important;
  line-height:    1.2    !important;
  color:          var(--notion-text-primary) !important;
  letter-spacing: -0.02em !important;
  padding-bottom: 8px    !important;
  border-bottom:  1px solid var(--notion-border) !important;
  margin-bottom:  24px   !important;
  font-family:    var(--font-text-theme) !important;
  display:        block  !important;
  box-sizing:     border-box !important;
}


.markdown-source-view .inline-title {
  padding-top:   40px  !important;
  padding-left:  var(--notion-page-padding) !important;
  padding-right: var(--notion-page-padding) !important;
  max-width:     var(--notion-content-width) !important;
  margin-left:   auto !important;
  margin-right:  auto !important;
  width:         100% !important;
  
  border-bottom: none !important;
  position:      relative !important;
}

.markdown-source-view .inline-title::after {
  content:    "" !important;
  display:    block !important;
  position:   absolute !important;
  bottom:     0 !important;
  left:       var(--notion-page-padding) !important;
  right:      var(--notion-page-padding) !important;
  height:     1px !important;
  background: var(--notion-border) !important;
}

.view-header-title {
  font-size:   14px !important;
  font-weight: 500 !important;
  color:       var(--notion-text-primary) !important;
}




.graph-view.color-circle,
.graph-view.color-fill-highlight,
.graph-view.color-line-highlight {
  color: var(--notion-text-link) !important;
}





.workspace input[type="text"],
.workspace input[type="search"],
.workspace input[type="email"],
.workspace input[type="password"],
.workspace textarea,
.workspace select,
.modal:not(.mod-settings) input[type="text"],
.modal:not(.mod-settings) input[type="search"],
.modal:not(.mod-settings) textarea {
  background:    var(--notion-bg-secondary) !important;
  border:        1px solid var(--notion-border) !important;
  border-radius: var(--notion-radius-sm) !important;
  color:         var(--notion-text-primary) !important;
  font-family:   var(--font-text-theme) !important;
  font-size:     14px !important;
  padding:       6px 10px !important;
  transition:    border-color 120ms !important;
}

.workspace input[type="text"]:focus,
.workspace input[type="search"]:focus,
.workspace textarea:focus,
.modal:not(.mod-settings) input[type="text"]:focus,
.modal:not(.mod-settings) input[type="search"]:focus,
.modal:not(.mod-settings) textarea:focus {
  border-color: var(--notion-text-link) !important;
  outline:      none !important;
  box-shadow:   0 0 0 2px rgba(35, 130, 226, 0.15) !important;
}




.workspace-split.mod-vertical > .workspace-split-child:not(:last-child),
.workspace-split.mod-horizontal > .workspace-split-child:not(:last-child) {
  border-right:  1px solid var(--notion-border) !important;
  border-bottom: 1px solid var(--notion-border) !important;
}




@media screen and (max-width: 768px) {
  .markdown-preview-view .markdown-preview-section {
    padding: 24px var(--notion-page-padding-sm) 60px !important;
  }

  .cm-editor .cm-content {
    padding: 24px var(--notion-page-padding-sm) 60px !important;
  }

  .markdown-preview-view h1,
  .markdown-reading-view h1,
  .cm-header-1 {
    font-size: 1.5em !important; 
  }

  .markdown-preview-view h2,
  .markdown-reading-view h2,
  .cm-header-2 {
    font-size: 1.25em !important;
  }

  .markdown-preview-view h3,
  .markdown-reading-view h3,
  .cm-header-3 {
    font-size: 1.125em !important;
  }

  .inline-title {
    font-size: 1.875em !important;
  }

  
  .markdown-source-view .inline-title {
    padding-top:   24px !important;
    padding-left:  var(--notion-page-padding-sm) !important;
    padding-right: var(--notion-page-padding-sm) !important;
    max-width:     100% !important;
  }

  .markdown-source-view .inline-title::after {
    left:  var(--notion-page-padding-sm) !important;
    right: var(--notion-page-padding-sm) !important;
  }

  .markdown-source-view .metadata-container {
    width:        auto !important;
    max-width:    100% !important;
    margin-left:  var(--notion-page-padding-sm) !important;
    margin-right: var(--notion-page-padding-sm) !important;
  }

  
  .nav-file-title,
  .nav-folder-title {
    font-size:  15px !important;
    min-height: 34px !important;
    padding:    5px 10px 5px 10px !important;
  }

  table {
    display:    block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 480px) {
  .markdown-preview-view .markdown-preview-section {
    padding: 16px 16px 48px !important;
  }

  .cm-editor .cm-content {
    padding: 16px 16px 48px !important;
  }

  .markdown-source-view .inline-title {
    padding-top:   16px !important;
    padding-left:  16px !important;
    padding-right: 16px !important;
  }

  .markdown-source-view .inline-title::after {
    left:  16px !important;
    right: 16px !important;
  }

  .markdown-source-view .metadata-container {
    margin-left:  16px !important;
    margin-right: 16px !important;
  }
}






.markdown-preview-view .mermaid,
.markdown-reading-view .mermaid {
  font-family: "trebuchet ms", verdana, arial, sans-serif !important;
  font-size:   14px   !important;
  line-height: normal !important;
}


.markdown-preview-view .mermaid foreignObject,
.markdown-reading-view .mermaid foreignObject {
  overflow: visible !important;
}


.markdown-preview-view .mermaid foreignObject div,
.markdown-preview-view .mermaid foreignObject p,
.markdown-preview-view .mermaid foreignObject span,
.markdown-reading-view .mermaid foreignObject div,
.markdown-reading-view .mermaid foreignObject p,
.markdown-reading-view .mermaid foreignObject span {
  font-family: "trebuchet ms", verdana, arial, sans-serif !important;
  font-size:   14px   !important;
  line-height: normal !important;
  white-space: nowrap !important;
}


.markdown-preview-view .mermaid foreignObject > div,
.markdown-reading-view .mermaid foreignObject > div {
  display:         flex          !important;
  align-items:     center        !important;
  justify-content: center        !important;
  height:          100%          !important;
}

.mermaid svg {
  overflow: visible !important;
  max-width: 100%   !important;
}





.workspace-leaf {
  box-shadow: none !important;
}


a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[role="link"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline:        2px solid var(--notion-text-link) !important;
  outline-offset: 2px !important;
}


h1:focus, h1:focus-visible,
h2:focus, h2:focus-visible,
h3:focus, h3:focus-visible,
h4:focus, h4:focus-visible,
h5:focus, h5:focus-visible,
h6:focus, h6:focus-visible,
.inline-title:focus,
.inline-title:focus-visible,
.metadata-container:focus,
.metadata-container:focus-visible {
  outline:    none !important;
  box-shadow: none !important;
}


.cm-editor.cm-focused {
  outline: none !important;
}

.cm-editor:focus,
.cm-editor:focus-visible,
.cm-content:focus,
.cm-content:focus-visible,
.cm-scroller:focus,
.cm-scroller:focus-visible {
  outline:    none !important;
  box-shadow: none !important;
}


.cm-editor {
  font-family: var(--font-text-theme) !important;
}


.cm-editor .cm-cursor {
  border-left-color: var(--notion-text-primary) !important;
}


.status-bar-item {
  color: var(--notion-text-tertiary) !important;
}


.nav-folder-collapse-indicator svg {
  stroke: var(--notion-text-tertiary) !important;
}


.workspace-leaf-resize-handle {
  background: transparent !important;
}

.workspace-leaf-resize-handle:hover {
  background: var(--notion-border) !important;
}