/* ============================================================
   Folio — Obsidian Theme
   字体: Anthropic Sans / Inter (正文·标题·UI) · JetBrains Mono (代码)
         标题自 v1.1.9 起默认无衬线（中英混排更稳）；
         原衬线社论标题保留为 opt-in: snippets/folio-heading-font-serif.css
   色彩: Ivory #FAF9F5 · Slate #141413 · Clay #D97757
   ============================================================*/



body {
  --font-text-theme:       'Anthropic Sans', 'Inter', 'Instrument Sans', system-ui, "Segoe UI", Roboto, Helvetica, Arial, "Source Han Sans SC", "Source Han Sans CN", "Noto Sans CJK SC", "思源黑体", "PingFang SC", "Microsoft YaHei", sans-serif;
  
  --font-heading-theme:    'Anthropic Serif', 'Source Serif 4', 'Source Serif Pro', 'Source Serif', Georgia, "GenRyuMin2 TW", "源流明體月", "GenRyuMin2 TC", "源流明體丹", "GenRyuMin2 JP", "源流明朝", "GenRyuMin", "源流明體", "Source Han Serif SC", "Source Han Serif CN", "Noto Serif CJK SC", "思源宋体", "Songti SC", "STSong", serif;
  --font-monospace-theme:  'Anthropic Mono', 'JetBrains Mono', ui-monospace, monospace;
  --font-interface-theme:  'Anthropic Sans', 'Instrument Sans', 'Inter', system-ui, "Segoe UI", Roboto, Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;

  
  
  --radius-s:   4px;   
  --radius-m:   8px;   
  --radius-l:   16px;  
  --radius-xl:  24px;  
  --radius-pill: 100vw; 

  
  --blockquote-border-thickness: 0px;
  --checkbox-radius:             50%;
  --checkbox-size:               16px;
  --checkbox-border-width:       1.5px;
  --checkbox-border-color:       rgba(20, 20, 19, 0.2);
  --checkbox-border-color-hover: var(--interactive-accent);
  --checkbox-color:              var(--interactive-accent);
  --checkbox-color-hover:        var(--interactive-accent);
  --checkbox-marker-color:       var(--background-primary);

  
  --anim-fast:   0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  --anim-medium: 0.2s  ease;

  
  --quote-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b08968'><path d='M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z'/></svg>");
  
  --obsidian-gem-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='none' stroke='black' stroke-width='34' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M382.3 475.6c-3.1 23.4-26 41.6-48.7 35.3-32.4-8.9-69.9-22.8-103.6-25.4l-51.7-4a34 34 0 0 1-22-10.2l-89-91.7a34 34 0 0 1-6.7-37.7s55-121 57.1-127.3c2-6.3 9.6-61.2 14-90.6 1.2-7.9 5-15 11-20.3L248 8.9a34.1 34.1 0 0 1 49.6 4.3L386 125.6a37 37 0 0 1 7.6 22.4c0 21.3 1.8 65 13.6 93.2 11.5 27.3 32.5 57 43.5 71.5a17.3 17.3 0 0 1 1.3 19.2 1494 1494 0 0 1-44.8 70.6c-15 22.3-21.9 49.9-25 73.1z'/%3E%3Cpath d='M278.4 307.8c-19.7-49.4-25.8-86.4-24.5-115.9a171 171 0 0 1 19.4-71c2.3-4.8 4.8-9.5 7.2-14.1 7.1-13.9 14-27 17.6-41.4a96 96 0 0 0-2-54'/%3E%3Cpath d='M188.5 291.3c17.6 42.8 18.8 103-22.6 187'/%3E%3Cpath d='M311.3 315.4c-36-13.4-75.2-9-115 .7'/%3E%3C/svg%3E");

  
  --inline-title-size: 1.75em;
  --h1-size: 1.75em;
  --h2-size: 1.3em;
  --h3-size: 1.15em;
  --h4-size: 1.05em;
  --h5-size: 1.0em;
  --h6-size: 0.92em;

  
  --list-spacing: 0.25em;  
  --p-spacing: 1.2rem;    

  
  --callout-color-info:     #6A9BCC;   
  --callout-color-warning:  #D4A27F;   
  --callout-color-error:    #C46686;   
  --callout-color-success:  #788C5D;   
  --callout-color-clay:     #D97757;   
  --callout-color-slate:    #5E5D59;   
  --callout-color-heather:  #827DBD;   

  
  --slate-light:  #B0AEA5;   

  
  --table-padding-x: 16px;
  --table-padding-y: 10px;
  --table-header-padding-x: 16px;
  --table-header-padding-y: 13px;
  --table-line-height: 1.45;
  --table-frame-color: rgba(176, 137, 104, 0.5);  
  --table-border-width: 0px;   

  
  --font-mermaid: var(--font-interface-theme);

  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--font-interface-theme);
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}







body.theme-light {
  background-color: #FAF9F5;  

  
  --background-primary:             #FAF9F5;   
  --background-primary-alt:         #F0EEE6;   
  --background-secondary:           #EBE9E0;   
  --background-secondary-alt:       #E8E6DC;   
  --folio-floating-surface:         #FFFDF7;   
  --background-modifier-border:     rgba(20, 20, 19, 0.08);
  --background-modifier-form-field: #FFFFFF;
  --background-modifier-form-field-highlighted: #FFF8F0;
  --background-modifier-box-shadow: rgba(20, 20, 19, 0.06);
  --background-modifier-success:    #E8F0E4;
  --background-modifier-error:      #F5E8E8;
  --background-modifier-cover:      rgba(250, 249, 245, 0.92);

  
  --text-normal:          #3D3D3A;   
  --text-muted:           #5E5D59;   
  --text-faint:           var(--slate-light);  
  --text-on-accent:       #FAF9F5;
  --text-on-accent-inverted: #FAF9F5;
  --text-error:           #A63D2F;
  --text-success:         #5A7A3A;
  --text-highlight-bg:    rgba(217, 119, 87, 0.15);
  --text-accent:          #D97757;   
  --text-accent-hover:    #C6613F;   

  
  --interactive-accent:      #D97757;
  --interactive-accent-hover:#C6613F;
  --interactive-accent-rgb:  217, 119, 87;
  
  --color-accent:   #D97757;
  --color-accent-1: rgba(217, 119, 87, 0.15);
  --color-accent-2: rgba(217, 119, 87, 0.08);

  
  --h1-color: #141413;
  --h2-color: #141413;
  --h3-color: #141413;
  --h4-color: #1A1A18;
  --h5-color: #3D3D3A;
  --h6-color: #5E5D59;

  
  --nav-item-background-hover:    rgba(217, 119, 87, 0.08);
  --nav-item-background-active:   rgba(217, 119, 87, 0.14);
  --nav-item-background-selected: rgba(217, 119, 87, 0.14);
  --nav-item-color:          #5E5D59;
  --nav-item-color-hover:    #141413;
  --nav-item-color-active:   #D97757;
  --nav-item-color-selected: #D97757;

  
  --icon-color:        #8A8985;
  --icon-color-hover:  #5E5D59;
  --icon-color-active: #D97757;
  --icon-color-focused:#D97757;

  
  --tab-text-color-focused-active:         #141413;
  --tab-text-color-focused-active-current: #D97757;
  --tab-background-active: var(--background-primary);
  --tab-outline-color:     #E2E0D7;   
  --tab-outline-width:     1px;

  
  --slider-track-background:  #D4D2C9;
  --slider-track-height:      4px;
  --slider-thumb-border-color: var(--background-primary);
  --slider-thumb-border-width: 2px;
  --slider-thumb-height:      16px;
  --slider-thumb-width:       16px;
  --slider-thumb-radius:      50%;

  
  --tag-background:       rgba(217, 119, 87, 0.10);
  --tag-background-hover: rgba(217, 119, 87, 0.18);
  --tag-color:            #A47665;   
  --tag-color-hover:      #8C6051;

  
  --scrollbar-bg:              #EBE9E0;
  --scrollbar-thumb-bg:        #D4D2C9;
  --scrollbar-active-thumb-bg: #D97757;

  
  --highlight-mix-blend-mode: darken;
  --divider-color:       rgba(20, 20, 19, 0.08);
  --prompt-border-color: rgba(20, 20, 19, 0.08);

  
  --table-column-alt-background:   transparent;
  --table-row-alt-background:      transparent;
  --table-row-background-hover:    rgba(217, 119, 87, 0.06);  
  --table-rule:    rgba(20, 20, 19, 0.68);   
  --tooltip-bg:    #141413;
  --tooltip-color: #FAF9F5;

  
  --bg-text-tint:  rgba(61, 61, 58, 0.08);

  
  --shadow-subtle:   0 1px 3px rgba(20, 20, 19, 0.06);
  --shadow-medium:   0 4px 12px rgba(20, 20, 19, 0.08);
  --shadow-large:    0 8px 24px rgba(20, 20, 19, 0.10);
  --shadow-modal:    0 16px 48px rgba(20, 20, 19, 0.12), 0 4px 16px rgba(20, 20, 19, 0.08);

  
  --code-keyword:   #C6613F;  
  --code-string:    #5A7A3A;  
  --code-number:    #A63D2F;  
  --code-comment:   #8A8985;  
  --code-function:  #4A7AA8;  
  --code-type:      #6E6AA8;  
  --code-variable:  #141413;  
  --code-property:  #3D3D3A;  
  --code-operator:  #5E5D59;  
}



body.theme-dark {
  background-color: #1A1A18;  

  --background-primary:             #1A1A18;
  --background-primary-alt:         #1E1E1C;
  --background-secondary:           #141413;
  --background-secondary-alt:       #111110;
  --folio-floating-surface:         #242422;   
  --background-modifier-border:     rgba(250, 249, 245, 0.08);
  --background-modifier-form-field: #242422;
  --background-modifier-form-field-highlighted: #2A2720;
  --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
  --background-modifier-success:    #1B2E1B;
  --background-modifier-error:      #2E1B1B;
  --background-modifier-cover:      rgba(26, 26, 24, 0.92);

  --text-normal:          rgba(250, 249, 245, 0.87);
  --text-muted:           rgba(250, 249, 245, 0.62);
  --text-faint:           rgba(250, 249, 245, 0.42);
  --text-on-accent:       #FAF9F5;
  --text-on-accent-inverted: #1A1A18;
  --text-error:           #E07060;
  --text-success:         #7AAF5A;
  --text-highlight-bg:    rgba(217, 119, 87, 0.25);
  --text-accent:          #D97757;
  --text-accent-hover:    #E8916A;

  --interactive-accent:       #D97757;
  --interactive-accent-hover: #E8916A;
  --interactive-accent-rgb:   217, 119, 87;
  --color-accent:   #D97757;
  --color-accent-1: rgba(217, 119, 87, 0.2);
  --color-accent-2: rgba(217, 119, 87, 0.1);

  --h1-color: #FAF9F5;
  --h2-color: #FAF9F5;
  --h3-color: #FAF9F5;
  --h4-color: rgba(250, 249, 245, 0.90);
  --h5-color: rgba(250, 249, 245, 0.80);
  --h6-color: rgba(250, 249, 245, 0.60);

  --nav-item-background-hover:    rgba(217, 119, 87, 0.10);
  --nav-item-background-active:   rgba(217, 119, 87, 0.16);
  --nav-item-background-selected: rgba(217, 119, 87, 0.16);
  --nav-item-color:          rgba(250, 249, 245, 0.60);
  --nav-item-color-hover:    rgba(250, 249, 245, 0.85);
  --nav-item-color-active:   #D97757;
  --nav-item-color-selected: #D97757;

  --icon-color:        rgba(250, 249, 245, 0.40);
  --icon-color-hover:  rgba(250, 249, 245, 0.60);
  --icon-color-active: #D97757;
  --icon-color-focused:#D97757;

  --tab-text-color-focused-active:         rgba(250, 249, 245, 0.85);
  --tab-text-color-focused-active-current: #D97757;
  --tab-background-active: var(--background-primary);
  --tab-outline-color:     #2A2A27;   
  --tab-outline-width:     1px;

  
  --slider-track-background:  #333331;
  --slider-track-height:      4px;
  --slider-thumb-border-color: var(--background-primary);
  --slider-thumb-border-width: 2px;
  --slider-thumb-height:      16px;
  --slider-thumb-width:       16px;
  --slider-thumb-radius:      50%;

  --tag-background:       rgba(217, 119, 87, 0.12);
  --tag-background-hover: rgba(217, 119, 87, 0.20);
  --tag-color:            #D9A08C;   
  --tag-color-hover:      #E9B7A4;

  
  --checkbox-border-color: rgba(250, 249, 245, 0.25);

  --scrollbar-bg:              #1A1A18;
  --scrollbar-thumb-bg:        #333331;
  --scrollbar-active-thumb-bg: #D97757;

  --highlight-mix-blend-mode: screen;
  --divider-color:       rgba(250, 249, 245, 0.08);
  --prompt-border-color: rgba(250, 249, 245, 0.08);

  --tooltip-bg:    #FAF9F5;
  --tooltip-color: #141413;

  --bg-text-tint:  rgba(250, 249, 245, 0.07);

  
  --table-column-alt-background:   transparent;
  --table-row-alt-background:      transparent;
  --table-row-background-hover:    rgba(217, 119, 87, 0.10);  
  --table-rule:    rgba(250, 249, 245, 0.62);   

  
  --shadow-subtle:   0 1px 3px rgba(0, 0, 0, 0.15);
  --shadow-medium:   0 4px 12px rgba(0, 0, 0, 0.20);
  --shadow-large:    0 8px 24px rgba(0, 0, 0, 0.25);
  --shadow-modal:    0 16px 48px rgba(0, 0, 0, 0.30), 0 4px 16px rgba(0, 0, 0, 0.20);

  
  --code-keyword:   #E8916A;  
  --code-string:    #7AAF5A;  
  --code-number:    #E07060;  
  --code-comment:   #706F6A;  
  --code-function:  #7CB3E6;  
  --code-type:      #9E9AD6;  
  --code-variable:  rgba(250, 249, 245, 0.87); 
  --code-property:  rgba(250, 249, 245, 0.75); 
  --code-operator:  rgba(250, 249, 245, 0.60); 
}







.markdown-rendered h1,
.markdown-rendered h2,
.markdown-rendered h3,
.markdown-rendered h4,
.markdown-rendered h5,
.inline-title {
  font-family: var(--font-text-theme) !important;
}

.markdown-rendered h1 {
  font-weight: 700;
  line-height: 1.1;   letter-spacing: -0.025em;
  color: var(--h1-color);
  margin-top: 2.5em;  margin-bottom: 0.6em;   
}

.markdown-preview-sizer > .mod-header + div > h1,
.markdown-preview-sizer > div:first-child > h1 {
  margin-top: 0;
}

.inline-title {
  font-weight: 700;
  line-height: 1.1;   letter-spacing: -0.025em;
  color: var(--h1-color);
}

.markdown-rendered h2 {
  font-weight: 600;
  line-height: 1.15;  letter-spacing: -0.02em;
  color: var(--h2-color);
  margin-top: 2.5em;  margin-bottom: 0.75em;
}

.markdown-rendered h3 {
  font-weight: 600;
  line-height: 1.2;   letter-spacing: -0.01em;
  color: var(--h3-color);
  margin-top: 2em;    margin-bottom: 0.35em;
}

.markdown-rendered h4 {
  font-weight: 600;
  line-height: 1.25;
  color: var(--h4-color);
  margin-top: 1.5em;  margin-bottom: 0.3em;
}

.markdown-rendered h5 {
  font-weight: 600;
  line-height: 1.3;   letter-spacing: 0.02em;
  color: var(--h5-color);
  margin-top: 1.5em;  margin-bottom: 0.3em;
}

.markdown-rendered h6 {
  font-family: var(--font-text-theme) !important;
  font-weight: 600;
  line-height: 1.4;   letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--h6-color);
  margin-top: 1.5em;  margin-bottom: 0.3em;
}


.markdown-rendered :where(.el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6) + :where(.el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6) > :where(h1, h2, h3, h4, h5, h6) { margin-top: 0.8em; }
.markdown-rendered div.el-h1 + div.el-h2 > h2 { margin-top: 1.0em; }
.markdown-rendered div.el-h2 + div.el-h3 > h3 { margin-top: 0.8em; }
.markdown-rendered div.el-h3 + div.el-h4 > h4 { margin-top: 0.5em; }



.HyperMD-header-1,
.cm-header-1 {
  font-family: var(--font-text-theme) !important;
  font-weight: 700; letter-spacing: -0.025em;
}
.HyperMD-header-2,
.cm-header-2 {
  font-family: var(--font-text-theme) !important;
  font-weight: 600; letter-spacing: -0.02em;
}
.HyperMD-header-3,
.cm-header-3 {
  font-family: var(--font-text-theme) !important;
  font-weight: 600;
}
.HyperMD-header-4,
.cm-header-4,
.HyperMD-header-5,
.cm-header-5 {
  font-family: var(--font-text-theme) !important;
  font-weight: 600;
}
.HyperMD-header-6,
.cm-header-6 {
  font-family: var(--font-text-theme) !important;
  font-weight: 600; text-transform: uppercase; letter-spacing: 0.09em;
}



.cm-line:not(.HyperMD-codeblock):not(.HyperMD-header),
.markdown-rendered p,
.markdown-rendered li,
.markdown-rendered dd {
  font-family: var(--font-text-theme);
  line-height: 1.65;
  font-size: 1.0625em; 
}


.markdown-rendered p {
  margin-bottom: var(--p-spacing, 1.2em);
}


.markdown-rendered li {
  margin-bottom: var(--list-spacing, 0.25em);
}

.markdown-rendered li li,
.markdown-rendered li p {
  font-size: 1em;
}
.markdown-rendered ul,
.markdown-rendered ol {
  margin-block: 0.4em;
}
.markdown-rendered li > p {
  margin-bottom: 0.15em;
}
.markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line {
  padding-bottom: var(--list-spacing, 0.25em) !important;
}


.markdown-rendered strong,
.markdown-source-view .cm-strong { font-weight: 700; }

.markdown-rendered em,
.markdown-source-view .cm-em     { font-style: italic; }




.markdown-rendered a,
.markdown-source-view.mod-cm6 a,
.cm-link,
.cm-url,
.internal-link,
.external-link,
.markdown-source-view.mod-cm6 .cm-hmd-internal-link {
  color: inherit !important;
  text-decoration: underline !important;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent) !important; 
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  text-decoration-skip-ink: auto !important;
  background-color: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: color var(--anim-medium), text-decoration-color var(--anim-medium);
}

.markdown-rendered a:hover,
.markdown-source-view.mod-cm6 a:hover,
.cm-link:hover,
.internal-link:hover,
.external-link:hover,
.markdown-source-view.mod-cm6 .cm-hmd-internal-link:hover {
  color: var(--text-accent) !important;
  text-decoration-color: var(--text-accent) !important;
}


a.tag,
.markdown-rendered a.tag,
.footnote-ref a,
.footnote-link,
.footnote-backref {
  text-decoration: none !important;
}




.markdown-rendered blockquote {
  position: relative;
  border-left: none !important;
  background: transparent !important;
  padding: 0 0 0 28px !important; 
  margin: 1.5em 0;
  font-style: normal;
  color: var(--text-muted);
}

.markdown-rendered blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  opacity: 0.45;
  background-image: var(--quote-icon);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}


.markdown-rendered blockquote p {
  margin-bottom: 0;
}


.markdown-source-view.mod-cm6 .HyperMD-quote {
  border-left: none !important;
  background: transparent !important;
  font-style: normal !important;
  color: var(--text-muted) !important;
}


.markdown-source-view.mod-cm6 .cm-blockquote-border {
  display: none !important;
}


.markdown-source-view.mod-cm6 .cm-formatting-quote {
  color: transparent !important;
  position: relative;
  display: inline-block;
  width: 28px; 
}

.markdown-source-view.mod-cm6 .cm-formatting-quote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  opacity: 0.45;
  background-image: var(--quote-icon);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}


.cm-line.HyperMD-quote + .cm-line.HyperMD-quote .cm-formatting-quote::before {
  display: none !important;
}


.markdown-source-view.mod-cm6 .HyperMD-callout .cm-formatting-quote::before {
  display: none !important;
}
.markdown-source-view.mod-cm6 .HyperMD-callout .cm-formatting-quote {
  color: var(--text-faint) !important;
  width: auto;
}

.markdown-source-view.mod-cm6 .HyperMD-callout + .HyperMD-quote .cm-formatting-quote,
.markdown-source-view.mod-cm6 .HyperMD-callout + .HyperMD-quote + .HyperMD-quote .cm-formatting-quote,
.markdown-source-view.mod-cm6 .HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote .cm-formatting-quote,
.markdown-source-view.mod-cm6 .HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote .cm-formatting-quote,
.markdown-source-view.mod-cm6 .HyperMD-callout + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote + .HyperMD-quote .cm-formatting-quote {
  color: var(--text-faint) !important;
  width: auto;
}




.cm-inline-code,
.cm-s-obsidian .cm-inline-code,
.markdown-rendered code {
  font-family: var(--font-monospace-theme);
  background: var(--background-secondary-alt);
  border: 1px solid var(--background-modifier-border);
  border-radius: var(--radius-s);
  padding: 2px 6px;
  font-size: 0.85em;
  color: var(--text-normal);
}


.markdown-rendered pre {
  font-family: var(--font-monospace-theme);
  background: var(--background-primary-alt);
  border: 1px solid var(--background-modifier-border);
  border-radius: var(--radius-m);
  padding: 18px 20px;
  line-height: 1.6;
  font-size: 0.875em;
}


.HyperMD-codeblock {
  font-family: var(--font-monospace-theme);
  background: var(--background-primary-alt);
  font-size: 0.875em;
  line-height: 1.6;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-left: 1px solid var(--background-modifier-border) !important;
  border-right: 1px solid var(--background-modifier-border) !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


.HyperMD-codeblock-begin {
  border-top: 1px solid var(--background-modifier-border) !important;
  border-top-left-radius: var(--radius-m) !important;
  border-top-right-radius: var(--radius-m) !important;
  padding-top: 18px !important;
}


.HyperMD-codeblock-end {
  border-bottom: 1px solid var(--background-modifier-border) !important;
  border-bottom-left-radius: var(--radius-m) !important;
  border-bottom-right-radius: var(--radius-m) !important;
  padding-bottom: 18px !important;
}




.cm-keyword,
.token.keyword {
  color: var(--code-keyword) !important;
  font-weight: 600;
}


.cm-string,
.token.string {
  color: var(--code-string) !important;
}


.cm-number,
.cm-atom,
.token.number,
.token.boolean,
.token.constant {
  color: var(--code-number) !important;
}


.cm-comment,
.token.comment {
  color: var(--code-comment) !important;
  font-style: italic;
}


.cm-def,
.token.function {
  color: var(--code-function) !important;
}


.cm-type,
.token.class-name,
.token.type {
  color: var(--code-type) !important;
}


.cm-property,
.token.property,
.token.attr-name {
  color: var(--code-property) !important;
}


.cm-operator,
.cm-punctuation,
.token.operator,
.token.punctuation {
  color: var(--code-operator) !important;
}


.cm-variable,
.token.variable {
  color: var(--code-variable) !important;
}



.markdown-rendered ul li::marker,
.markdown-rendered ol li::marker {
  color: var(--interactive-accent);
}


.markdown-source-view .cm-formatting-list-ol,
.markdown-source-view .cm-formatting-list-ul {
  color: var(--interactive-accent);
}



hr,
.markdown-rendered hr,
.HyperMD-hr {
  border: none;
  height: 1px;
  background: var(--background-modifier-border);
  margin: 48px 0;
}



.tag,
.cm-hashtag {
  background: var(--tag-background); 
  color: var(--tag-color); 
  border: none; 
  border-radius: var(--radius-pill); 
  padding: 3px 10px;
  font-size: 0.8em;
  font-weight: 500;
  font-family: var(--font-interface-theme);
  letter-spacing: 0.02em;
  line-height: 1.4;
  vertical-align: baseline;
}


.markdown-rendered a.tag,
.markdown-rendered td a.tag,
.markdown-rendered th a.tag,
.markdown-rendered li a.tag,
.markdown-rendered blockquote a.tag,
a.tag {
  color: var(--tag-color) !important;
}

.tag:hover {
  background: var(--tag-background-hover); 
  color: var(--tag-color-hover) !important; 
}


.cm-hashtag:hover,
.cm-hashtag-begin:hover + .cm-hashtag-end,
.cm-hashtag-begin:has(+ .cm-hashtag-end:hover) {
  background: var(--tag-background-hover);
  color: var(--tag-color-hover);
}


.cm-hashtag.cm-hashtag-begin {
  border-radius: var(--radius-pill) 0 0 var(--radius-pill);
  padding-left: 10px; padding-right: 1px;
}
.cm-hashtag.cm-hashtag-end {
  border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
  padding-left: 1px; padding-right: 10px;
}



.task-list-item-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border: var(--checkbox-border-width) solid var(--checkbox-border-color);
  border-radius: var(--checkbox-radius);
  background: transparent;
  cursor: pointer;
  
  transition: background-color 0.22s cubic-bezier(0.34, 1.4, 0.64, 1),
              border-color     0.22s cubic-bezier(0.34, 1.4, 0.64, 1);
  vertical-align: middle;
  position: relative;
}

.task-list-item-checkbox:hover {
  border-color: var(--checkbox-border-color-hover);
}

.task-list-item-checkbox:checked {
  background: var(--checkbox-color);
  border-color: var(--checkbox-color);
}


.task-list-item-checkbox:checked::after {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--checkbox-marker-color);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.6 6 L7.2 9.9 L5.4 8.1' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.6 6 L7.2 9.9 L5.4 8.1' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}


.task-list-item-checkbox::before {
  content: '';
  position: absolute;
  inset: -6px;
}



.markdown-rendered .task-list-item.is-checked,
.markdown-rendered li[data-task="x"],
.markdown-rendered li[data-task="X"],
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"],
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] {
  opacity: 0.45 !important;
  text-decoration: none !important;
  color: var(--text-normal) !important;
}


.markdown-rendered li[data-task="x"] s,
.markdown-rendered li[data-task="X"] s,
.markdown-rendered li[data-task="x"] del,
.markdown-rendered li[data-task="X"] del,
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"] .cm-strikethrough,
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] .cm-strikethrough {
  text-decoration: none !important;
}






.titlebar,
.mod-top-left-space,
.mod-top-right-space,
.workspace-tabs.mod-top-left-space,
.workspace-tab-header-container {
  background: var(--background-primary-alt);
}

.workspace-tab-header-container {
  border-bottom: 1px solid var(--tab-outline-color);  
}

.titlebar-button-container {
  opacity: 0.7;
  transition: opacity var(--anim-fast);
}
.titlebar-button-container:hover { opacity: 1; }



.workspace-tab-header {
  font-family: var(--font-interface-theme);
  font-size: 0.85em;
}

.workspace-tab-header-inner-title {
  font-size: 0.78em;
}


.workspace-tab-header.is-active .workspace-tab-header-inner-title {
  font-weight: 600;
}


.workspace-tab-header-inner-close-button.mod-pinned > svg,
.workspace-tab-header-status-icon.mod-pinned > svg {
  display: none !important;
}
.workspace-tab-header-inner-close-button.mod-pinned::before,
.workspace-tab-header-status-icon.mod-pinned::before {
  content: '';
  display: block;
  width: var(--icon-size, 16px);
  height: var(--icon-size, 16px);
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3' fill='black'/%3E%3Cline x1='12' y1='11' x2='12' y2='19'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3' fill='black'/%3E%3Cline x1='12' y1='11' x2='12' y2='19'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}



.workspace-ribbon {
  background: var(--background-secondary);
  border-right: 1px solid var(--background-modifier-border);
}



.workspace {
  background: var(--background-primary);
}

.workspace-split.mod-left-split,
.workspace-split.mod-right-split {
  background: var(--background-secondary);
}

.workspace-leaf-content {
  contain: paint;
}


.workspace-leaf-content[data-type="outline"] .tree-item-inner,
.outline-view-container .tree-item-inner,
.outline-item-self {
  font-family: var(--font-text-theme) !important;
}

.workspace-leaf-content[data-type="outline"] .tree-item-self,
.outline-view-container .tree-item-self,
.outline-item-self {
  position: relative;
  transition: background var(--anim-fast), color var(--anim-fast);
}
.workspace-leaf-content[data-type="outline"] .tree-item-self::before,
.outline-view-container .tree-item-self::before,
.outline-item-self::before,
.nav-file-title::before,
.nav-folder-title::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 22%;
  height: 56%;
  width: 2px;
  background-color: var(--callout-color-clay);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.22s cubic-bezier(0.25, 1, 0.5, 1);
}
.workspace-leaf-content[data-type="outline"] .tree-item-self:hover::before,
.outline-view-container .tree-item-self:hover::before,
.outline-item-self:hover::before,
.nav-file-title:hover::before,
.nav-folder-title:hover::before {
  transform: scaleY(1);
}
.workspace-leaf-content[data-type="outline"] .tree-item-self.is-active::before,
.outline-view-container .tree-item-self.is-active::before,
.outline-item-self.is-active::before,
.nav-file-title.is-active::before,
.nav-folder-title.is-active::before {
  transform: scaleY(1);
  width: 2.5px;
  background-color: var(--callout-color-clay);
}

.workspace-leaf-resize-handle {
  border-color: var(--background-modifier-border);
}

.markdown-preview-view,
.markdown-source-view {
  overscroll-behavior-y: contain;
  
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") !important;
}

.nav-files-container {
  overscroll-behavior-y: contain;
}

.nav-file-title,
.nav-folder-title {
  position: relative;
  border-radius: 6px;
  font-family: var(--font-interface-theme);
  font-size: 0.9em;
  transition: background var(--anim-fast), color var(--anim-fast);
}
.nav-file-title:hover,
.nav-folder-title:hover {
  background: var(--nav-item-background-hover);
  color: var(--nav-item-color-hover);
}
.nav-file-title.is-active,
.nav-folder-title.is-active {
  background: var(--nav-item-background-active);
  color: var(--nav-item-color-active);
  font-weight: 500;
}


.nav-folder-title:not(.nav-folder-children .nav-folder-title),
.nav-file-title:not(.nav-folder-children .nav-file-title) {
  font-weight: 600;
}



.status-bar {
  
  background: var(--folio-floating-surface);
  border-top: 1px solid var(--background-modifier-border);
  border-left: 1px solid var(--background-modifier-border);
  box-shadow: -3px -3px 12px rgba(20, 20, 19, 0.05);
  color: var(--text-faint);
  font-size: var(--font-ui-smaller, 12px);   
  font-family: var(--font-interface-theme);
}



::-webkit-scrollbar { width: 8px; height: 8px; }

::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-corner { background: transparent; }

::-webkit-scrollbar-thumb { background: transparent; border-radius: var(--radius-s); }
:hover::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb-bg); }
:hover::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-active-thumb-bg); }




button.mod-cta,
.markdown-rendered button:not(.mod-cta):not(.clickable-icon).button-primary {
  background: var(--text-normal);  
  color: var(--background-primary);
  border-color: var(--text-normal);
  transition: background var(--anim-medium);
}
button.mod-cta:hover,
.markdown-rendered button.button-primary:hover {
  background: var(--text-muted);
  border-color: var(--text-muted);
}


.markdown-rendered button.button-cta {
  background: var(--interactive-accent);  
  color: var(--text-on-accent);
  border-color: var(--interactive-accent);
  transition: background var(--anim-medium);
}
.markdown-rendered button.button-cta:hover {
  background: var(--interactive-accent-hover);
  border-color: var(--interactive-accent-hover);
}


.markdown-rendered button.button-secondary {
  background: transparent;
  color: var(--text-normal);
  border: 1px solid var(--text-normal);
  transition: background var(--anim-medium), border-color var(--anim-medium);
}
.markdown-rendered button.button-secondary:hover {
  background: var(--bg-text-tint);
  border-color: var(--text-muted);
}


.markdown-rendered button.button-tertiary {
  background: transparent;
  color: var(--text-normal);
  border: 1px solid var(--background-modifier-border);
  transition: background var(--anim-medium), border-color var(--anim-medium);
}
.markdown-rendered button.button-tertiary:hover {
  background: var(--background-primary-alt);
  border-color: var(--text-muted);
}

.modal button:not(.mod-cta):not(.clickable-icon) {
  background: transparent;
  color: var(--text-accent);
  border-color: var(--interactive-accent);
  transition: background var(--anim-medium), color var(--anim-medium);
}
.modal button:not(.mod-cta):not(.clickable-icon):hover {
  background: var(--interactive-accent);
  color: var(--text-on-accent);
}



input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
  border: var(--input-border-width, 1px) solid var(--background-modifier-border);
  border-radius: var(--input-radius, var(--radius-m));
  background: var(--background-modifier-form-field);
  padding: var(--input-padding, 7px 14px);
  color: var(--text-normal);
  font-family: var(--font-interface-theme);
  font-size: var(--font-ui-medium, 14px);
  transition: border-color var(--anim-fast), box-shadow var(--anim-fast);
}


input[type="search"] {
  border: var(--input-border-width, 1px) solid var(--background-modifier-border);
  border-radius: var(--input-radius, var(--radius-m));
  background: var(--background-modifier-form-field);
  color: var(--text-normal);
  font-family: var(--font-interface-theme);
  font-size: var(--font-ui-medium, 14px);
  transition: border-color var(--anim-fast), box-shadow var(--anim-fast);
}

input:focus,
textarea:focus {
  border-color: var(--interactive-accent);
  outline: none;
}



.modal {
  background: var(--background-primary);
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-modal);
  border: 1px solid var(--background-modifier-border);
}


.modal-content.sync-vault-share-container {
  overflow: visible;
}

.modal-title {
  font-family: var(--font-interface-theme);
  font-weight: 600;
  color: var(--h2-color);
}



.tooltip {
  background: var(--tooltip-bg);
  color: var(--tooltip-color);
  border-radius: var(--radius-m);
  font-size: var(--font-ui-smaller, 12px);
  padding: 6px 12px;
  font-family: var(--font-interface-theme);
}




.dropdown-menu,
.context-menu,
.suggestion-container {
  background: var(--folio-floating-surface);
  border: 1px solid var(--background-modifier-border);
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-large);
  font-family: var(--font-interface-theme);
  padding: 6px;
}

.suggestion-container.mod-search-suggestion {
  background-color: var(--folio-floating-surface);
  border-color: var(--background-modifier-border);
}
.suggestion-container.mod-search-suggestion .suggestion {
  background-color: transparent;
}

.menu-item {
  border-radius: var(--radius-m);
  padding: 8px 12px;
  font-size: var(--font-ui-medium, 14px);
  transition: background var(--anim-fast), color var(--anim-fast);
  color: var(--text-normal);
}
.menu-item:hover   { background: var(--nav-item-background-hover); color: var(--nav-item-color-hover); }
.menu-item.selected{ background: var(--nav-item-background-active); color: var(--nav-item-color-active); }
.menu-separator {
  border-bottom: 1px solid var(--background-modifier-border);
  margin: 4px 8px;
}



.checkbox-container.is-enabled {
  background: var(--interactive-accent);
  border-color: var(--interactive-accent);
}



input[type='range']::-webkit-slider-thumb {
  transition: transform var(--anim-fast), box-shadow var(--anim-fast);
}
input[type='range']::-webkit-slider-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 2px 8px rgba(var(--interactive-accent-rgb), 0.3);
}







.internal-embed:not(.image-embed):not(.media-embed),
.markdown-embed {
  border: 1px solid var(--background-modifier-border);
  border-radius: var(--radius-l);
  background: var(--background-modifier-form-field);
  box-shadow: var(--shadow-subtle);
}



.graph-view.color-fill { color: var(--interactive-accent); }
.graph-view.color-line { color: var(--background-modifier-border); }




.callout {
  border-left: 3px solid var(--callout-accent, var(--callout-color, var(--interactive-accent)));
  border-radius: var(--radius-l);
  background: var(--background-primary-alt);
  padding: 10px 16px 12px 20px;
  
}
.callout-title {
  font-family: var(--font-interface-theme);
  font-weight: 600;
  font-size: 0.9em;
  line-height: 1.55;
  color: var(--text-normal);
  display: flex;
  align-items: center;   
  gap: 8px;
  margin: 0 0 0.3em 0;   
  padding: 0;
}
.callout-title-inner {
  min-width: 0;   
}
.callout-content {
  font-size: 0.875em;
  line-height: 1.55;
  margin: 0;
}
.callout-content p {
  margin: 0;
}
.callout-content > * + * {
  margin-top: 0.5em;
}
.callout-icon {
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
}
.callout mark {
  background: var(--callout-mark-bg);
  color: inherit;
  border-radius: 2px;
}

.callout[data-callout='info']     { --callout-accent: var(--callout-color-info);    background: rgba(106, 155, 204, 0.06); --callout-mark-bg: rgba(106, 155, 204, 0.30); }
.callout[data-callout='warning']  { --callout-accent: var(--callout-color-warning); background: rgba(212, 162, 127, 0.06); --callout-mark-bg: rgba(212, 162, 127, 0.32); }
.callout[data-callout='error'],
.callout[data-callout='danger']   { --callout-accent: var(--callout-color-error);   background: rgba(196, 102, 134, 0.06); --callout-mark-bg: rgba(196, 102, 134, 0.30); }
.callout[data-callout='success'],
.callout[data-callout='tip']      { --callout-accent: var(--callout-color-success); background: rgba(120, 140, 93, 0.06);  --callout-mark-bg: rgba(120, 140, 93, 0.30); }
.callout[data-callout='question'] { --callout-accent: var(--callout-color-clay);    background: rgba(217, 119, 87, 0.06);  --callout-mark-bg: rgba(217, 119, 87, 0.28); }
.callout[data-callout='quote']    { --callout-accent: var(--callout-color-slate);   background: rgba(94, 93, 89, 0.04);    --callout-mark-bg: rgba(94, 93, 89, 0.18); }
.callout[data-callout='abstract'],
.callout[data-callout='summary']  { --callout-accent: var(--callout-color-heather); background: rgba(130, 125, 189, 0.06); --callout-mark-bg: rgba(130, 125, 189, 0.30); }
.callout[data-callout='example']  { --callout-accent: var(--callout-color-clay);    --callout-mark-bg: rgba(217, 119, 87, 0.28); }


body.theme-light .callout[data-callout='info']    { color: #1a365d; }
body.theme-light .callout[data-callout='warning'] { color: #7a4a23; }
body.theme-light .callout[data-callout='error'],
body.theme-light .callout[data-callout='danger']  { color: #7a1a3a; }
body.theme-light .callout[data-callout='success'],
body.theme-light .callout[data-callout='tip']     { color: #3d5a1a; }



.markdown-rendered table,
.cm-embed-block table {
  width: fit-content;
  max-width: 100%;
  border-collapse: collapse;
  font-family: var(--font-interface-theme);
  font-variant-numeric: tabular-nums;
  margin: 18px 0 22px 0;

  
  background: transparent;
  border: none;
  border-top: 1.5px solid var(--table-rule);
  border-radius: 0;
}

.markdown-rendered th,
.cm-embed-block th {
  color: var(--text-muted);
  font-weight: 600;
  font-size: calc(var(--font-text-size) * 0.82) !important;
  letter-spacing: 0.02em;
  text-align: left;
  padding: var(--table-header-padding-y) var(--table-header-padding-x);

  background: transparent !important;               
  border-bottom: 1px solid var(--table-rule);       
  
  border-right: none !important;
  border-left: none !important;
}


.markdown-rendered thead th:nth-child(odd),
.markdown-rendered thead th:nth-child(even),
.cm-embed-block thead th:nth-child(odd),
.cm-embed-block thead th:nth-child(even) {
  background: transparent !important;
}

.markdown-rendered thead tr,
.cm-embed-block thead tr {
  background: transparent !important;
}


.markdown-rendered td:first-child,
.markdown-rendered th:first-child,
.cm-embed-block td:first-child,
.cm-embed-block th:first-child {
  white-space: normal;
}


.markdown-rendered tbody td:first-child,
.cm-embed-block tbody td:first-child {
  font-weight: 500;
  color: var(--text-normal);
}

.markdown-rendered td,
.cm-embed-block td {
  padding: var(--table-padding-y) var(--table-padding-x);
  color: var(--text-normal);
  font-size: calc(var(--font-text-size) * 0.85) !important;
  line-height: var(--table-line-height);
  
  overflow-wrap: break-word;
  
  
  border-bottom: none;
  border-right: none !important;
  border-left: none !important;
}


.markdown-rendered td a,
.cm-embed-block td a {
  overflow-wrap: anywhere;
}


.markdown-rendered tbody tr:last-child td,
.cm-embed-block tbody tr:last-child td {
  border-bottom: 1.5px solid var(--table-rule);
}


.markdown-rendered tbody tr {
  transition: background-color var(--anim-fast);
}
.markdown-rendered tbody tr:hover {
  background-color: var(--table-row-background-hover);
}


.markdown-source-view.mod-cm6 .cm-table-widget {
  line-height: var(--table-line-height);
  width: fit-content;
  max-width: 100%;
  font-variant-numeric: tabular-nums;
  
  margin-inline-start: 0 !important;
  margin-left: 0 !important;
  
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.markdown-source-view.mod-cm6 .cm-table-widget td .table-cell-wrapper {
  padding: var(--table-padding-y) var(--table-padding-x);
}
.markdown-source-view.mod-cm6 .cm-table-widget th .table-cell-wrapper {
  padding: var(--table-header-padding-y) var(--table-header-padding-x);
}

.markdown-source-view.mod-cm6 .cm-table-widget-row .cm-table-widget-cell {
  border-right: none !important;
  border-left: none !important;
  border-bottom: none !important;
  font-size: calc(var(--font-text-size) * 0.85) !important;
  overflow-wrap: break-word;  
}

.markdown-source-view.mod-cm6 .cm-table-widget-row:first-child .cm-table-widget-cell {
  background: transparent !important;
  color: var(--text-muted) !important;
  font-weight: 600 !important;
  font-size: calc(var(--font-text-size) * 0.82) !important;
  letter-spacing: 0.02em;
  border-bottom: 1px solid var(--table-rule) !important;
}

.markdown-source-view.mod-cm6 .cm-table-widget-row:last-child .cm-table-widget-cell {
  border-bottom: 1.5px solid var(--table-rule) !important;
}

.markdown-source-view.mod-cm6 .cm-table-widget-cell a {
  overflow-wrap: anywhere;
}


.markdown-rendered td code,
.markdown-rendered th code,
.cm-embed-block td code,
.cm-embed-block th code {
  background: transparent;
  border: none;
  padding: 0 2px;
  font-size: 0.9em;
  overflow-wrap: anywhere;
}


.dataview.table-view-table,
.block-language-dataview table {
  --table-padding-y: 4px;          
  --table-padding-x: 8px;
  --table-header-padding-y: 6px;   
  --table-header-padding-x: 8px;
  --table-line-height: 1.3;        
  font-size: 0.85em;               
}




.callout .callout-content > * + * {
  margin-top: 0.2em;
}
.callout .callout-content li {
  margin-bottom: 0.15em;
}


.callout .callout-content ul li::marker,
.callout .callout-content ol li::marker {
  color: var(--callout-accent);
}


.callout .callout-content blockquote {
  max-width: 100%;
  overflow-wrap: break-word;
}
.callout .callout-content blockquote p {
  overflow-wrap: break-word;
  word-break: break-word;
}


.callout .callout-content table,
.callout .callout-content .cm-table-widget {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}



.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.markdown-rendered img {
  border-radius: var(--radius-l);
  display: block;
}

.markdown-rendered img + em,
.markdown-rendered .image-caption {
  display: block;
  text-align: center;
  font-size: 0.82em;
  color: var(--text-faint);
  margin-top: 8px;
  font-style: normal;
  font-family: var(--font-interface-theme);
}



::selection {
  background: rgba(var(--interactive-accent-rgb), 0.15);
}

body.theme-dark ::selection {
  background: rgba(var(--interactive-accent-rgb), 0.25);
}



.metadata-container {
  
  --metadata-background: transparent;
  --metadata-border-width: 0;
  --metadata-padding: var(--size-4-2) 0;

  
  --metadata-divider-width: 1px;
  --metadata-divider-color: var(--background-modifier-border);
  --metadata-divider-color-hover: var(--background-modifier-border);
  --metadata-divider-color-focus: var(--background-modifier-border);
  --metadata-gap: 0;

  
  --background-modifier-form-field: transparent;

  
  --metadata-property-background-hover: rgba(var(--interactive-accent-rgb), 0.04);
  --metadata-property-background-active: rgba(var(--interactive-accent-rgb), 0.06);
  --metadata-property-box-shadow-focus: inset 0 0 0 1px rgba(var(--interactive-accent-rgb), 0.35);
  --metadata-property-radius: 4px;
  --metadata-property-radius-hover: 4px;
  --metadata-property-radius-focus: 4px;

  
  --metadata-input-background: transparent;
  --metadata-input-background-hover: transparent;
  --metadata-input-background-active: rgba(var(--interactive-accent-rgb), 0.03);

  font-family: var(--font-interface-theme);
  font-size: 0.8em;

  
  --metadata-label-font: var(--font-interface-theme);
  --metadata-input-font: var(--font-interface-theme);

  
  border-bottom: 1px solid var(--interactive-accent);
  padding-bottom: 12px;
  margin-bottom: 24px;
}


.metadata-properties-heading {
  color: var(--text-faint);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
  font-size: 0.72em;
  opacity: 0.7;
}


.metadata-property-icon {
  --icon-size: var(--icon-xs);
  --icon-stroke: var(--icon-xs-stroke-width);
  opacity: 0.35;
  transition: opacity var(--anim-fast);
  margin-right: 2px;
}

.metadata-property:hover .metadata-property-icon,
.metadata-property:focus-within .metadata-property-icon {
  opacity: 0.6;
}


.metadata-property-key-input {
  color: var(--text-faint);
  font-family: var(--font-interface-theme);
  font-weight: 500;
}


.metadata-property-value {
  color: var(--text-normal);
}


.metadata-property-value[data-property-type="tags"] .multi-select-pill {
  --pill-background: transparent;
  --pill-background-hover: rgba(var(--interactive-accent-rgb), 0.08);
  --pill-border-width: 1px;
  --pill-border-color: var(--interactive-accent);
  --pill-border-color-hover: var(--interactive-accent);
  --pill-color: var(--interactive-accent);
  --pill-color-hover: var(--interactive-accent);
  --pill-color-remove: var(--interactive-accent);
  --pill-color-remove-hover: var(--text-error);
  --pill-padding-x: var(--tag-padding-x);
  --pill-padding-y: var(--tag-padding-y);
  --pill-radius: var(--radius-pill);
  font-weight: 500;
  font-size: 0.92em;
}


.metadata-add-button {
  color: var(--text-faint);
  font-family: var(--font-interface-theme);
  font-size: 0.78em;
  opacity: 0.5;
  transition: opacity var(--anim-fast), color var(--anim-fast);
}

.metadata-add-button:hover {
  opacity: 1;
  color: var(--text-accent);
  background: transparent;
}


input.metadata-property-key-input,
.metadata-container input[type="text"]:not([class*="search"]),
.metadata-container textarea {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
}

input.metadata-property-key-input:focus,
.metadata-container input[type="text"]:focus,
.metadata-container textarea:focus {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}


input.metadata-property-key-input:focus-visible,
.metadata-container input[type="text"]:focus-visible,
.metadata-container textarea:focus-visible,
.metadata-container select:focus-visible {
  outline: none !important;
}


.metadata-property.has-focus,
.metadata-property:focus-within {
  outline: none;
}

.metadata-property:focus-visible {
  outline: none !important;
}



.search-result-file-title {
  color: var(--text-accent);
  font-weight: 600;
  font-family: var(--font-interface-theme);
}
.search-result-file-match { color: var(--text-muted); }
.search-result-file-match:hover { background: var(--nav-item-background-hover); }




.markdown-rendered .footnotes {
  font-family: var(--font-interface-theme);
  font-size: 0.82em;
  color: var(--text-muted);
  margin-top: 48px;
  padding-top: 20px;
  border-top: 1px solid var(--interactive-accent);
}


.markdown-rendered .footnotes-sep,
.markdown-rendered .footnotes > hr {
  display: none;  
}


.footnote-ref,
.footnote-link,
.cm-footref {
  color: var(--text-accent);
  font-weight: 600;
}


.footnote-backref {
  color: var(--text-accent) !important;
  opacity: 0.6;
  transition: opacity var(--anim-fast);
}
.footnote-backref:hover {
  opacity: 1;
}


body {
  --footnote-size: 0.85em;
}



.canvas-node-container {
  border-radius: var(--radius-l);
  border: 1px solid var(--background-modifier-border);
  background: var(--background-primary);
  box-shadow: var(--shadow-subtle);
}
.canvas-node-content { background: transparent; }
.canvas-edges polyline,
.canvas-edges path   { stroke: var(--background-modifier-border); }
.canvas-node-label   { color: var(--text-muted); font-family: var(--font-interface-theme); }



.suggestion-item { font-family: var(--font-interface-theme); }
.suggestion-item:hover     { background: var(--nav-item-background-hover); }
.suggestion-item.is-selected{ background: var(--nav-item-background-active); }



.view-header-nav-buttons .clickable-icon,
.workspace-leaf-content .view-header .clickable-icon {
  background: transparent; border: none; box-shadow: none;
  color: var(--text-faint); opacity: 0.6;
  border-radius: 6px; padding: 4px 6px;
  transition: opacity var(--anim-fast), color var(--anim-fast), background var(--anim-fast);
}
.view-header-nav-buttons .clickable-icon:hover,
.workspace-leaf-content .view-header .clickable-icon:hover {
  opacity: 1; color: var(--text-muted); background: var(--background-primary-alt);
}
.view-header-nav-buttons .clickable-icon:active,
.workspace-leaf-content .view-header .clickable-icon:active {
  color: var(--interactive-accent);
  background: rgba(var(--interactive-accent-rgb), 0.08);
}
.view-header-nav-buttons .clickable-icon.is-active,
.workspace-leaf-content .view-header .clickable-icon.is-active {
  color: var(--interactive-accent); opacity: 1;
  background: transparent; border: none; box-shadow: none;
}



.cm-gutters {
  font-family: var(--font-monospace-theme);
  font-size: 0.8em;
  color: var(--text-faint);
}



.outline .collapse-icon { color: var(--text-faint); }



.tree-item-self.is-clickable:hover {
  background: var(--nav-item-background-hover);
  color: var(--nav-item-color-hover);
}



.progress-bar {
  background: var(--background-primary-alt);
  border-radius: var(--radius-pill);
  height: 4px;
}
.progress-bar-message {
  color: var(--text-muted);
  font-family: var(--font-interface-theme);
}





.vertical-tab-content,
.vertical-tab-content .setting-item-name,
.vertical-tab-content .setting-item-description {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}


.vertical-tab-content button {
  min-height: 32px !important;
  padding: 5px 14px !important;
  font-size: 13px !important;
  border-radius: var(--radius-m) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: background var(--anim-fast), border-color var(--anim-fast), color var(--anim-fast) !important;
}


.vertical-tab-content button:not(.mod-cta) {
  background: var(--background-modifier-form-field) !important;
  color: var(--text-normal) !important;
  border: 1px solid var(--background-modifier-border) !important;
}
.vertical-tab-content button:not(.mod-cta):hover {
  background: var(--background-primary-alt) !important;
  border-color: var(--text-muted) !important;
  color: var(--text-normal) !important;
}


.vertical-tab-content button.mod-cta {
  background: transparent !important;
  color: var(--interactive-accent) !important;
  border: 1px solid var(--interactive-accent) !important;
}
.vertical-tab-content button.mod-cta:hover {
  background: var(--interactive-accent) !important;
  color: var(--text-on-accent) !important;
  border-color: var(--interactive-accent) !important;
}


.vertical-tab-content .dropdown {
  border-radius: var(--radius-m);
  height: auto;
  min-height: 34px;
}

.vertical-tab-content .dropdown select {
  min-height: 34px;
  padding: 6px 28px 6px 12px;
}

.setting-item-description a,
.setting-item-info a           { color: var(--text-accent); }
.setting-item-description a:hover,
.setting-item-info a:hover     { color: var(--text-accent-hover); }


.setting-item-description a:focus,
.setting-item-description a:focus-visible,
.setting-item-info a:focus,
.setting-item-info a:focus-visible,
.about-changelog-link:focus,
.about-changelog-link:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: underline !important;
}





a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--interactive-accent);
  outline-offset: 2px;
}


input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
  border-color: var(--interactive-accent) !important;
  box-shadow: none !important;
  outline-offset: -1px;
}


input.prompt-input,
input.prompt-input:focus,
input.prompt-input:focus-visible {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}


.setting-item:focus,
.setting-item:focus-visible { outline: none; }


.workspace-tab-header {
  transition: background var(--anim-fast), color var(--anim-fast);
}






@media (prefers-contrast: high) {
  body.theme-light {
    
    --text-normal:          #000000;  
    --text-muted:           #333333;  
    --text-faint:           #666666;  
    --background-primary:   #FFFFFF;  
    --background-secondary: #F0F0F0;  
    --text-accent:          #D97757;  
    --interactive-accent:   #D97757;
  }

  body.theme-dark {
    
    --text-normal:          #FFFFFF;  
    --text-muted:           #CCCCCC;  
    --text-faint:           #999999;  
    --background-primary:   #000000;  
    --background-secondary: #1A1A1A;  
    --text-accent:          #D97757;  
    --interactive-accent:   #D97757;
  }

  
  button, input, select, textarea,
  .menu-item, .nav-file-title, .nav-folder-title,
  .callout, .modal, .dropdown-menu, .context-menu {
    border-color: var(--text-normal) !important;
  }

  
  .markdown-rendered a,
  .internal-link,
  .external-link {
    text-decoration: underline;
  }
}



@media (prefers-reduced-motion: reduce) {
  
  .nav-file-title, .nav-folder-title, .workspace-tab-header, .menu-item,
  button, input, textarea, select, a,
  .task-list-item-checkbox, .titlebar-button-container,
  .metadata-add-button, .view-header-nav-buttons .clickable-icon,
  .tree-item-self, .outline-item-self,
  .tree-item-self::before, .outline-item-self::before,
  .nav-file-title::before, .nav-folder-title::before {
    transition-duration: 0.01ms !important;
    transition-delay: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-delay: 0.01ms !important;
  }

  button:hover,
  .clickable-icon:hover,
  .nav-file-title:hover {
    transition: none;
  }
}


button:focus-visible .clickable-icon,
.nav-file-title:focus-visible,
.nav-folder-title:focus-visible {
  background: var(--nav-item-background-hover);
  color: var(--nav-item-color-hover);
  outline: 1px dashed var(--interactive-accent);
  outline-offset: -2px;
}




.search-result-file-title:focus,
.search-result-file-match:focus {
  background: var(--nav-item-background-hover);
  outline: 1px solid var(--interactive-accent);
  outline-offset: -2px;
}


.suggestion-item:focus-visible {
  background: var(--nav-item-background-active);
  outline: 1px solid var(--interactive-accent);
  outline-offset: -2px;
}




.markdown-rendered a,
.internal-link,
.external-link {
  padding: 2px 0 !important;
}



.modal button:not(.clickable-icon),
.prompt button:not(.clickable-icon),
.markdown-rendered button:not(.clickable-icon),
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
  min-height: 36px;
  padding: 7px 14px;
  border-radius: var(--radius-m);
}


.modal button:not(.clickable-icon),
.prompt button:not(.clickable-icon),
.markdown-rendered button:not(.clickable-icon) {
  padding: 7px 20px;
}







.modal:focus-within {
  
  box-shadow: var(--shadow-modal), 0 0 0 2px rgba(var(--interactive-accent-rgb), 0.4);
}





.workspace-split.mod-left-split .workspace-leaf-content,
.workspace-split.mod-right-split .workspace-leaf-content {
  position: relative !important;
}


.workspace-split.mod-left-split .nav-header,
.workspace-split.mod-right-split .nav-header {
  height: auto !important;
  min-height: 12px !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
  border: none !important;
  background-color: transparent !important;
  flex-shrink: 0 !important; 
}

.workspace-split.mod-left-split .nav-header::before,
.workspace-split.mod-right-split .nav-header::before {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--background-modifier-border);
  margin: 6px auto 0 auto;
  transition: opacity var(--anim-medium);
  flex-shrink: 0;
}

.workspace-split.mod-left-split .nav-header:hover::before,
.workspace-split.mod-right-split .nav-header:hover::before,
.workspace-split.mod-left-split .nav-header:focus-within::before,
.workspace-split.mod-right-split .nav-header:focus-within::before {
  opacity: 0;
}

.workspace-split.mod-left-split .nav-header-title,
.workspace-split.mod-right-split .nav-header-title {
  display: none !important;
}


.workspace-split.mod-left-split .nav-buttons-container,
.workspace-split.mod-right-split .nav-buttons-container {
  display: flex !important;
  justify-content: center;
  
  flex-wrap: wrap;
  gap: 8px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin: 0 !important;
  transition: max-height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.2s ease, margin 0.3s ease !important;
  pointer-events: none;
  background-color: transparent !important; 
  box-shadow: none !important;
  padding: 0 12px;
}

.workspace-split.mod-left-split .nav-header:hover .nav-buttons-container,
.workspace-split.mod-right-split .nav-header:hover .nav-buttons-container,
.workspace-split.mod-left-split .nav-header:focus-within .nav-buttons-container,
.workspace-split.mod-right-split .nav-header:focus-within .nav-buttons-container {
  
  max-height: 88px;
  opacity: 1;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  pointer-events: auto;
}


.workspace-split.mod-left-split .view-header,
.workspace-split.mod-right-split .view-header {
  position: absolute !important;
  top: 6px;
  right: 6px;
  height: auto !important;
  min-height: 0 !important;
  background-color: transparent !important;
  border: none !important;
  z-index: 10;
  pointer-events: none;
  padding: 0 !important;
  display: flex !important;
}


.workspace-split.mod-left-split .view-header-title-container,
.workspace-split.mod-right-split .view-header-title-container,
.workspace-split.mod-left-split .view-header-nav-buttons,
.workspace-split.mod-right-split .view-header-nav-buttons {
  display: none !important;
}


.workspace-split.mod-left-split .view-actions,
.workspace-split.mod-right-split .view-actions {
  opacity: 0;
  transition: opacity 0.3s ease;
  padding: 0 !important;
  margin: 0 !important;
}

.workspace-split.mod-left-split .workspace-leaf-content:hover .view-actions,
.workspace-split.mod-right-split .workspace-leaf-content:hover .view-actions,
.workspace-split.mod-left-split .view-actions:focus-within,
.workspace-split.mod-right-split .view-actions:focus-within {
  opacity: 1;
  pointer-events: auto;
}


.workspace-split.mod-left-split .nav-buttons-container .clickable-icon,
.workspace-split.mod-right-split .nav-buttons-container .clickable-icon,
.workspace-split.mod-left-split .view-actions .clickable-icon,
.workspace-split.mod-right-split .view-actions .clickable-icon {
  padding: 6px !important;
  opacity: 0.6;
  color: var(--text-muted);
  transition: opacity var(--anim-medium), color var(--anim-medium),
              background-color var(--anim-medium), border-radius var(--anim-medium);
}

.workspace-split.mod-left-split .nav-buttons-container .clickable-icon:hover,
.workspace-split.mod-right-split .nav-buttons-container .clickable-icon:hover,
.workspace-split.mod-left-split .view-actions .clickable-icon:hover,
.workspace-split.mod-right-split .view-actions .clickable-icon:hover {
  opacity: 1;
  background-color: var(--background-modifier-hover) !important;
  color: var(--interactive-accent);
  border-radius: var(--radius-s);
}

.workspace-split.mod-left-split .nav-buttons-container .clickable-icon svg,
.workspace-split.mod-right-split .nav-buttons-container .clickable-icon svg,
.workspace-split.mod-left-split .view-actions .clickable-icon svg,
.workspace-split.mod-right-split .view-actions .clickable-icon svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 1.5px !important;
}


.workspace-split.mod-left-split .view-content,
.workspace-split.mod-right-split .view-content {
  padding-top: 10px !important; 
}

.workspace-split.mod-left-split .view-content > :first-child,
.workspace-split.mod-right-split .view-content > :first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}


.workspace-split.mod-left-split .view-content:has(.nav-header),
.workspace-split.mod-right-split .view-content:has(.nav-header) {
  padding-top: 0 !important;
}



.workspace-ribbon svg[class*="help" i],
.workspace-sidedock-vault-profile svg[class*="help" i],
.workspace-drawer-settings svg[class*="help" i] { display: none !important; }

.workspace [aria-label*="Help" i],
.workspace [aria-label*="帮助" i],
.workspace [aria-label*="Support" i] {
  display: none !important;
}

.workspace-drawer-settings > *:nth-last-child(2) { display: none !important; }


.workspace-split.mod-left-split .clickable-icon:has(svg[class*="help" i]),
.workspace-split.mod-left-split .side-dock-ribbon-action:has(svg[class*="help" i]) { display: none !important; }


.workspace-split.mod-left-split .workspace-sidedock-vault-profile .clickable-icon:has(svg[class*="help" i]) {
  display: flex !important;
  visibility: hidden !important;
  pointer-events: none !important;
}



.workspace-sidedock-vault-profile svg.lucide-settings,
.workspace-ribbon .side-dock-ribbon-action svg.lucide-settings,
.workspace-drawer-settings > *:last-child svg { display: none !important; }


.workspace-sidedock-vault-profile [aria-label*="Settings" i],
.workspace-sidedock-vault-profile [aria-label*="设置" i],
.workspace-sidedock-vault-profile .clickable-icon:has(svg.lucide-settings),
.workspace-ribbon .side-dock-ribbon-action:has(svg.lucide-settings),
.workspace-drawer-settings > *:last-child {
  background-color: #E08A6E !important;   
  border-radius: var(--radius-m) !important;
  width: 26px !important; height: 26px !important;
  min-width: 26px !important; min-height: 26px !important;
  padding: 0 !important;
  display: flex !important; align-items: center; justify-content: center;
  transition: background-color var(--anim-medium) !important;
}


.workspace-sidedock-vault-profile [aria-label*="Settings" i]::before,
.workspace-sidedock-vault-profile [aria-label*="设置" i]::before,
.workspace-sidedock-vault-profile .clickable-icon:has(svg.lucide-settings)::before,
.workspace-ribbon .side-dock-ribbon-action:has(svg.lucide-settings)::before,
.workspace-drawer-settings > *:last-child::before {
  content: ""; display: block; width: 14px; height: 14px;
  background-color: var(--text-on-accent); background-position: center;
  -webkit-mask-image: var(--obsidian-gem-icon); mask-image: var(--obsidian-gem-icon);
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
}


.workspace-sidedock-vault-profile [aria-label*="Settings" i]:hover,
.workspace-sidedock-vault-profile [aria-label*="设置" i]:hover,
.workspace-sidedock-vault-profile .clickable-icon:has(svg.lucide-settings):hover,
.workspace-ribbon .side-dock-ribbon-action:has(svg.lucide-settings):hover,
.workspace-drawer-settings > *:last-child:hover {
  background-color: var(--interactive-accent) !important;   
}


.workspace-leaf-content[data-type="search"] .search-row {
  gap: 8px;   
}
.workspace-leaf-content[data-type="search"] .search-input-container {
  margin-right: 2px;   
}
.workspace-leaf-content[data-type="search"] .search-row > .clickable-icon {
  color: var(--text-faint);
  background-color: transparent !important;
  transition: color 0.18s ease, background-color 0.18s ease;
}
.workspace-leaf-content[data-type="search"] .search-row > .clickable-icon:hover {
  color: var(--text-accent);
  background-color: var(--background-modifier-hover) !important;
}



.workspace-split.mod-left-split .workspace-sidedock-vault-profile {
  border-top: none !important;
  align-items: center;            
  justify-content: flex-start !important;
  gap: 10px !important;           
  padding-left: 14px !important;  
  padding-top: 16px !important;   
  padding-bottom: 16px !important; 
}


.workspace-split.mod-left-split .workspace-drawer-vault-actions {
  order: -1;
}


.workspace-split.mod-left-split .workspace-drawer-vault-switcher {
  flex-grow: 0 !important;
  padding: 6px 12px !important;
  border-radius: var(--radius-m) !important;
  transition: background-color 0.15s ease !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

.workspace-split.mod-left-split .workspace-drawer-vault-switcher:hover {
  background-color: var(--background-modifier-hover) !important;
}


.workspace-split.mod-left-split svg.lucide-chevrons-up-down,
.workspace-split.mod-left-split .workspace-drawer-vault-switcher-icon {
  display: none !important;
}



@media print {
  body { background: white; color: #141413; }

  
  .markdown-preview-view,
  .markdown-source-view {
    background-image: none !important;
  }

  
  body.theme-dark {
    --background-primary:         #FFFFFF;
    --background-primary-alt:     #F0EEE6;
    --background-secondary-alt:   #E8E6DC;
    --background-modifier-border: rgba(20, 20, 19, 0.08);
    --text-normal:  #3D3D3A;
    --text-muted:   #5E5D59;
    --text-faint:   var(--slate-light);
    --text-accent:  #D97757;
    --interactive-accent: #D97757;
    --h1-color: #141413;
    --h2-color: #141413;
    --h3-color: #141413;
    --h4-color: #1A1A18;
    --h5-color: #3D3D3A;
    --h6-color: #5E5D59;
    --table-rule: rgba(20, 20, 19, 0.68);
    --tag-background: rgba(217, 119, 87, 0.10);
    --tag-color:      #A47665;
    --code-keyword:   #C6613F;
    --code-string:    #5A7A3A;
    --code-number:    #A63D2F;
    --code-comment:   #8A8985;
    --code-function:  #4A7AA8;
    --code-type:      #6E6AA8;
    --code-variable:  #141413;
    --code-property:  #3D3D3A;
    --code-operator:  #5E5D59;
  }

  .markdown-rendered {
    max-width: none;
  }

  .markdown-rendered p,
  .markdown-rendered li {
    line-height: 1.65;
  }

  
  table { break-inside: auto; }
  thead { display: table-header-group; }
  tr    { break-inside: avoid; }

  
  .callout,
  blockquote,
  pre,
  img,
  .internal-embed,
  .markdown-embed {
    break-inside: avoid;
  }

  
  h1, h2, h3, h4, h5, h6 {
    break-after: avoid;
    break-inside: avoid;
  }

  
  .markdown-rendered img + em,
  .markdown-rendered .image-caption {
    break-before: avoid;
  }

  
  p { orphans: 2; widows: 2; }

  
  .metadata-container,
  .frontmatter-container { display: none; }
}