/* Généré par site/_site-config/build.mjs — ne pas modifier à la main.
 * Snippets : palette, palette-adaptive, md-callouts, md-code-blocks, md-headings, md-inline, md-text, table-layout-override ; puis site.css. */

/* ==== palette.css ==== */
.theme-light,
.theme-dark {
  --color-grey: #6b6b6b;
  --color-grey-rgb: 107, 107, 107;
  --color-stone: #a6a39a;
  --color-stone-rgb: 166, 163, 154;
  --color-brown: #a47e65;
  --color-brown-rgb: 164, 126, 101;
  --color-yellow: #d49b32;
  --color-yellow-rgb: 212, 155, 50;
  --color-orange: #e5780b;
  --color-orange-rgb: 229, 120, 11;
  --color-green: #438b69;
  --color-green-rgb: 67, 139, 105;
  --color-teal: #3a9a96;
  --color-teal-rgb: 58, 154, 150;
  --color-cyan: var(--color-teal);
  --color-cyan-rgb: var(--color-teal-rgb);
  --color-blue: #3d8cbd;
  --color-blue-rgb: 61, 140, 189;
  --color-purple: #8a5cf5;
  --color-purple-rgb: 138, 92, 245;
  --color-pink: #c34f91;
  --color-pink-rgb: 195, 79, 145;
  --color-light-pink: #e38fb8;
  --color-light-pink-rgb: 227, 143, 184;
  --color-red: #d95852;
  --color-red-rgb: 217, 88, 82;
}

/* ==== palette-adaptive.css ==== */
body.theme-light {
  --color-grey: #6b6b6b;
  --color-grey-rgb: 107, 107, 107;
  --color-stone: #97958c;
  --color-stone-rgb: 151, 149, 140;
  --color-brown: #946e56;
  --color-brown-rgb: 148, 110, 86;
  --color-yellow: #9d6e04;
  --color-yellow-rgb: 157, 110, 4;
  --color-orange: #b85e02;
  --color-orange-rgb: 184, 94, 2;
  --color-green: #3b8462;
  --color-green-rgb: 59, 132, 98;
  --color-teal: #1d8480;
  --color-teal-rgb: 29, 132, 128;
  --color-blue: #2d7dae;
  --color-blue-rgb: 45, 125, 174;
  --color-purple: #8657f0;
  --color-purple-rgb: 134, 87, 240;
  --color-pink: #c04c8e;
  --color-pink-rgb: 192, 76, 142;
  --color-light-pink: #ce7ba4;
  --color-light-pink-rgb: 206, 123, 164;
  --color-red: #cb4c47;
  --color-red-rgb: 203, 76, 71;
}

body.theme-dark {
  --color-grey: #858584;
  --color-grey-rgb: 133, 133, 132;
  --color-stone: #a6a39a;
  --color-stone-rgb: 166, 163, 154;
  --color-brown: #a47e65;
  --color-brown-rgb: 164, 126, 101;
  --color-yellow: #d49b32;
  --color-yellow-rgb: 212, 155, 50;
  --color-orange: #e5780b;
  --color-orange-rgb: 229, 120, 11;
  --color-green: #4b9370;
  --color-green-rgb: 75, 147, 112;
  --color-teal: #3a9a96;
  --color-teal-rgb: 58, 154, 150;
  --color-blue: #3d8cbd;
  --color-blue-rgb: 61, 140, 189;
  --color-purple: #9468ff;
  --color-purple-rgb: 148, 104, 255;
  --color-pink: #d15b9d;
  --color-pink-rgb: 209, 91, 157;
  --color-light-pink: #e38fb8;
  --color-light-pink-rgb: 227, 143, 184;
  --color-red: #dc5b55;
  --color-red-rgb: 220, 91, 85;
}

/* ==== md-callouts.css ==== */
body {
  --co-padding-y: 0.75em;
  --co-padding-x: 1em;
  --co-radius: var(--radius-m);
  --co-icon-size: 17px;
  --co-gap: 0.5em;
  --co-tint: 7%;
  --co-border: 16%;
  --co-title-shade: 72%;
}

.theme-dark {
  --co-tint: 11%;
  --co-border: 20%;
  --co-title-shade: 80%;
}

.callout {
  --callout-padding: var(--co-padding-y) var(--co-padding-x);
  --callout-radius: var(--co-radius);
  --callout-border-width: 1px;
  --callout-border-opacity: 1;
  --callout-title-color: color-mix(in oklch, var(--callout-color) var(--co-title-shade), var(--text-normal));
  --co-indent: calc(var(--co-icon-size) + var(--co-gap));
  border-color: color-mix(in oklch, var(--callout-color) var(--co-border), transparent);
  background-color: color-mix(in oklch, var(--callout-color) var(--co-tint), transparent);
}

.callout-title {
  gap: var(--co-gap);
}

.callout-icon {
  --icon-size: var(--co-icon-size);
  width: var(--co-icon-size);
  justify-content: center;
}

.callout-title-inner {
  --callout-title-weight: 600;
}

.callout-fold {
  padding-inline-end: 0;
  opacity: 0.7;
}

.callout-content {
  padding-inline-start: var(--co-indent);
}

.callout-content > :first-child {
  margin-block-start: 0.35em;
}

.callout-content > :last-child {
  margin-block-end: 0;
}

.callout-content > :is(ul, ol):first-child {
  margin-block-start: 0.25em;
}

.callout-content .callout {
  margin-block: 0.75em;
}

.callout-content > .callout:last-child {
  margin-block-end: 0.15em;
}

.callout[data-callout-metadata~="flat"] {
  background-color: transparent;
  border-width: 0 0 0 3px;
  border-color: var(--callout-color);
  border-radius: 0;
  padding-block: 0.1em;
}

.callout[data-callout-metadata~="no-icon"] {
  --co-indent: 0px;
}

.callout[data-callout-metadata~="no-icon"] > .callout-title > .callout-icon {
  display: none;
}

/* ==== md-code-blocks.css ==== */
body {
  --cb-header: calc(var(--font-text-size) * 2.2);
  --cb-radius: var(--radius-m);
  --cb-border: var(--background-modifier-border);
  --cb-header-background: color-mix(in oklch, var(--text-normal) 3%, var(--code-background));
  --cb-label-color: var(--text-muted);

  --cb-plain-label: "Text";
  --cb-line-height: 1.6;
  --cb-padding-x: var(--size-4-4, 16px);
  --cb-padding-y: 0.8em;
}

.markdown-rendered pre {
  --code-radius: var(--cb-radius);
  --code-border-width: 1px;
  --code-border-color: var(--cb-border);
  --code-operator: var(--text-muted);
  --code-punctuation: var(--text-muted);
  line-height: var(--cb-line-height);
}

.markdown-rendered pre :is(.token.comment, .token.prolog) {
  font-style: italic;
}

.markdown-rendered pre {
  padding: calc(var(--cb-header) + var(--cb-padding-y)) var(--cb-padding-x) var(--cb-padding-y);
}

.markdown-rendered pre::before {
  content: var(--cb-lang, "");
  position: absolute;
  inset: 0 0 auto 0;
  height: var(--cb-header);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-inline: var(--cb-padding-x) 3em;
  background-color: var(--cb-header-background);
  border-bottom: 1px solid var(--cb-border);
  border-radius: calc(var(--cb-radius) - 1px) calc(var(--cb-radius) - 1px) 0 0;
  color: var(--cb-label-color);
  font-family: var(--font-interface);
  font-size: var(--font-ui-smaller);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.markdown-rendered pre[data-cb-label]::before {
  content: attr(data-cb-label);
}

.markdown-rendered pre > button.copy-code-button,
.markdown-rendered pre:not(:hover) > button.copy-code-button {
  display: flex;
  align-items: center;
  top: calc(var(--cb-header) / 2);
  inset-inline-end: 6px;
  margin: 0;
  padding: 4px 6px;
  transform: translateY(-50%);
  color: var(--cb-label-color);
  opacity: 0.65;
}

.markdown-rendered pre > button.copy-code-button:hover {
  opacity: 1;
}

.markdown-rendered pre:not(:has(> code[class*="language-"])) { --cb-lang: var(--cb-plain-label); }
.markdown-rendered pre:has(> :is(code.language-js, code.language-javascript)) { --cb-lang: "JavaScript"; }
.markdown-rendered pre:has(> :is(code.language-ts, code.language-typescript)) { --cb-lang: "TypeScript"; }
.markdown-rendered pre:has(> code.language-jsx) { --cb-lang: "JSX"; }
.markdown-rendered pre:has(> code.language-tsx) { --cb-lang: "TypeScript-JSX"; }
.markdown-rendered pre:has(> code.language-py) { --cb-lang: "py"; }
.markdown-rendered pre:has(> code.language-python) { --cb-lang: "Python"; }
.markdown-rendered pre:has(> :is(code.language-sh, code.language-bash, code.language-shell, code.language-zsh)) { --cb-lang: "Shell"; }
.markdown-rendered pre:has(> code.language-console) { --cb-lang: "console"; }
.markdown-rendered pre:has(> code.language-json) { --cb-lang: "JSON"; }
.markdown-rendered pre:has(> :is(code.language-yaml, code.language-yml)) { --cb-lang: "YAML"; }
.markdown-rendered pre:has(> code.language-toml) { --cb-lang: "TOML"; }
.markdown-rendered pre:has(> code.language-html) { --cb-lang: "HTML"; }
.markdown-rendered pre:has(> code.language-xml) { --cb-lang: "XML"; }
.markdown-rendered pre:has(> code.language-css) { --cb-lang: "CSS"; }
.markdown-rendered pre:has(> code.language-scss) { --cb-lang: "SCSS"; }
.markdown-rendered pre:has(> code.language-sass) { --cb-lang: "Sass"; }
.markdown-rendered pre:has(> code.language-less) { --cb-lang: "LESS"; }
.markdown-rendered pre:has(> code.language-markdown) { --cb-lang: "Markdown"; }
.markdown-rendered pre:has(> code.language-sql) { --cb-lang: "SQL"; }
.markdown-rendered pre:has(> code.language-go) { --cb-lang: "Go"; }
.markdown-rendered pre:has(> code.language-rust) { --cb-lang: "Rust"; }
.markdown-rendered pre:has(> code.language-java) { --cb-lang: "Java"; }
.markdown-rendered pre:has(> code.language-kotlin) { --cb-lang: "Kotlin"; }
.markdown-rendered pre:has(> code.language-swift) { --cb-lang: "Swift"; }
.markdown-rendered pre:has(> code.language-c) { --cb-lang: "C"; }
.markdown-rendered pre:has(> code.language-cpp) { --cb-lang: "C++"; }
.markdown-rendered pre:has(> :is(code.language-cs, code.language-csharp)) { --cb-lang: "C#"; }
.markdown-rendered pre:has(> code.language-php) { --cb-lang: "PHP"; }
.markdown-rendered pre:has(> :is(code.language-rb, code.language-ruby)) { --cb-lang: "Ruby"; }
.markdown-rendered pre:has(> code.language-lua) { --cb-lang: "Lua"; }
.markdown-rendered pre:has(> code.language-r) { --cb-lang: "R"; }
.markdown-rendered pre:has(> code.language-diff) { --cb-lang: "diff"; }
.markdown-rendered pre:has(> code.language-dockerfile) { --cb-lang: "Dockerfile"; }
.markdown-rendered pre:has(> code.language-powershell) { --cb-lang: "PowerShell"; }
.markdown-rendered pre:has(> code.language-dart) { --cb-lang: "Dart"; }
.markdown-rendered pre:has(> code.language-scala) { --cb-lang: "Scala"; }
.markdown-rendered pre:has(> code.language-haskell) { --cb-lang: "Haskell"; }
.markdown-rendered pre:has(> code.language-perl) { --cb-lang: "Perl"; }
.markdown-rendered pre:has(> code.language-nginx) { --cb-lang: "Nginx"; }

/* ==== md-headings.css ==== */
body {

  --hd-space-above: 2rem;
  --hd-space-below: 0.35em;

  --hd-lp-space-above: 0.9em;

  --heading-spacing: var(--hd-space-above);

  --inline-title-size: 2.25em;
  --inline-title-weight: 700;
  --inline-title-line-height: 1.2;
  --inline-title-margin-bottom: 0.6em;

  --h1-size: 1.75em;
  --h2-size: 1.4em;
  --h3-size: 1.2em;
  --h4-size: 1.05em;
  --h5-size: 1em;
  --h6-size: 0.8em;

  --h1-weight: 700;
  --h2-weight: 650;
  --h3-weight: 620;
  --h4-weight: 600;
  --h5-weight: 600;
  --h6-weight: 600;

  --h1-line-height: 1.25;
  --h2-line-height: 1.3;
  --h3-line-height: 1.35;
  --h4-line-height: 1.4;
  --h5-line-height: 1.5;
  --h6-line-height: 1.5;

  --h1-letter-spacing: -0.022em;
  --h2-letter-spacing: -0.017em;
  --h3-letter-spacing: -0.012em;
  --h4-letter-spacing: -0.006em;
  --h5-letter-spacing: 0em;
  --h6-letter-spacing: 0.06em;

  --h5-color: var(--text-muted);
  --h6-color: var(--text-muted);
  --h6-variant: all-small-caps;
}

.markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--hd-space-above);
  margin-block-end: var(--hd-space-below);
}

.markdown-rendered div:is(.el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6) + div > :first-child,
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) + * {
  margin-block-start: 0;
}

.markdown-rendered div:is(.el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6) + div > :is(h1, h2, h3, h4, h5, h6),
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {
  margin-block-start: 0.6rem;
}

.markdown-rendered .mod-header + div > :is(h1, h2, h3, h4, h5, h6),
.markdown-rendered .mod-frontmatter + div > :is(h1, h2, h3, h4, h5, h6),
.markdown-rendered :is(.callout-content, li, blockquote) > :is(h1, h2, h3, h4, h5, h6):first-child {
  margin-block-start: 0;
}

/* ==== md-inline.css ==== */
body {

  --im-code-color: var(--code-normal, var(--text-normal));
  --im-code-background: color-mix(in oklch, var(--text-normal) 5.5%, transparent);
  --im-code-border: color-mix(in oklch, var(--text-normal) 10%, transparent);
  --im-code-size: 0.875em;
  --im-code-radius: var(--radius-s);

  --im-underline: color-mix(in oklch, currentColor 35%, transparent);
  --im-underline-offset: 0.2em;

  --im-hl-tint: 7%;
  --im-hl-border: 16%;
  --text-highlight-bg: color-mix(in oklch, var(--color-yellow) var(--im-hl-tint), transparent);

  --im-hl-shade: 72%;
  --im-highlight-color: var(--color-yellow);
}

.theme-dark {
  --im-code-background: color-mix(in oklch, var(--text-normal) 8%, transparent);
  --im-hl-tint: 11%;
  --im-hl-border: 20%;
  --im-hl-shade: 80%;
}

.markdown-rendered :not(pre) > code {
  color: var(--im-code-color);
  background-color: var(--im-code-background);
  border: 1px solid var(--im-code-border);
  border-radius: var(--im-code-radius);
  font-size: var(--im-code-size);
  padding: 0.12em 0.35em;
}

.markdown-rendered :is(h1, h2, h3, h4, h5, h6, a) > code {
  color: inherit;
}

.markdown-rendered :is(.internal-link:not(.is-unresolved), .external-link) {
  text-decoration-line: underline;
  text-decoration-color: var(--im-underline);
  text-decoration-thickness: 1px;
  text-underline-offset: var(--im-underline-offset);
  transition: text-decoration-color var(--anim-duration-fast, 140ms) ease-out;
}

.markdown-rendered :is(.internal-link:not(.is-unresolved), .external-link):hover {
  text-decoration-color: currentColor;
}

.markdown-rendered mark[data-highlight="red"] { --im-highlight-color: var(--color-red); }
.markdown-rendered mark[data-highlight="orange"] { --im-highlight-color: var(--color-orange); }
.markdown-rendered mark[data-highlight="yellow"] { --im-highlight-color: var(--color-yellow); }
.markdown-rendered mark[data-highlight="green"] { --im-highlight-color: var(--color-green); }
.markdown-rendered mark[data-highlight="blue"] { --im-highlight-color: var(--color-blue); }
.markdown-rendered mark[data-highlight="purple"] { --im-highlight-color: var(--color-purple); }

.markdown-rendered mark {
  background-color: color-mix(in oklch, var(--im-highlight-color) var(--im-hl-tint), transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--im-highlight-color) var(--im-hl-border), transparent);
  border-radius: var(--radius-s);
  padding: 0.05em 0.15em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.markdown-rendered mark code {
  color: color-mix(in oklch, var(--im-highlight-color) var(--im-hl-shade), var(--text-normal));
}

.markdown-rendered mark:has(> code) {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

.markdown-rendered del {
  color: var(--text-muted);
  text-decoration-color: color-mix(in oklch, var(--text-muted) 70%, transparent);
}

.markdown-rendered kbd {
  font-family: var(--font-interface);
  font-size: 0.8em;
  color: var(--text-muted);
  background-color: var(--background-primary);
  border: 1px solid var(--background-modifier-border);
  border-bottom-width: 2px;
  border-radius: var(--radius-s);
  padding: 0.1em 0.45em;
  vertical-align: 0.08em;
}

.markdown-rendered sup.footnote-ref,
.markdown-rendered sup[data-footnote-id] {
  font-size: 0.72em;
  font-variant-numeric: tabular-nums;
}

/* ==== md-text.css ==== */
.markdown-preview-view,
.markdown-rendered {
  --line-height-normal: 1.6;
  --p-spacing: 0.9rem;

  --list-spacing: 0.15em;
  --list-marker-color: var(--text-muted);
  --list-bullet-size: 0.32em;

  --blockquote-border-thickness: 3px;
  --blockquote-border-color: color-mix(in oklch, var(--text-normal) 18%, transparent);
  --blockquote-color: var(--text-muted);

  --hr-thickness: 1px;
  --hr-color: var(--background-modifier-border);

  --tx-hr-space: 2em;
  --tx-image-radius: var(--radius-m);
}

.markdown-rendered ul ul > li > .list-bullet::after {
  background-color: transparent;
  border: 1px solid var(--list-marker-color);
  box-sizing: border-box;
  width: calc(var(--list-bullet-size) + 0.06em);
  height: calc(var(--list-bullet-size) + 0.06em);
}

.markdown-rendered ul ul ul > li > .list-bullet::after {
  background-color: var(--list-marker-color);
  border: none;
  border-radius: 1px;
  width: var(--list-bullet-size);
  height: var(--list-bullet-size);
}

.markdown-rendered ul ul ul ul > li > .list-bullet::after {
  border-radius: 50%;
}

.markdown-rendered ul ul ul ul ul > li > .list-bullet::after {
  background-color: transparent;
  border: 1px solid var(--list-marker-color);
}

.markdown-rendered ol > li::marker {
  color: var(--list-marker-color);
  font-variant-numeric: tabular-nums;
}

.markdown-preview-view {
  --checklist-done-color: var(--text-faint);
  --checklist-done-decoration: line-through;
}

.markdown-rendered li.task-list-item:is([data-task="x"], [data-task="X"]) {
  text-decoration-color: color-mix(in oklch, var(--text-faint) 60%, transparent);
}

.markdown-rendered blockquote {
  padding-inline-start: 1em;
}

.markdown-rendered hr {
  margin-block: var(--tx-hr-space);
}

.markdown-rendered .image-embed > img,
.markdown-rendered p > img:only-child:not(.emoji) {
  border-radius: var(--tx-image-radius);
}

/* ==== table-layout-override.css ==== */
body {
  --tlo-max-width: 1400px;
  --tlo-dense-text: 0.9em;
}

.markdown-preview-view {
  container-type: inline-size;
  container-name: tlo-pane;
}

.markdown-rendered .el-table {
  max-width: 100%;
}

.markdown-rendered .el-table {
  height: auto;
  max-height: none;
  overflow: visible;
}

.markdown-rendered table {
  max-width: 100%;
}

.markdown-rendered th,
.markdown-rendered td {
  white-space: normal;
  overflow: visible;
  overflow-wrap: break-word;
  word-break: normal;
}

.markdown-rendered :is(th, td) :is(code, a) {
  overflow-wrap: anywhere;
  white-space: normal;
}

.markdown-rendered :is(thead, tbody) tr > :first-child {
  border-inline-start-color: transparent;
}

.markdown-rendered :is(thead, tbody) tr > :last-child {
  border-inline-end-color: transparent;
}

.markdown-rendered thead tr > th {
  border-top-color: transparent;
}

.markdown-rendered tbody tr:last-child > td {
  border-bottom-color: transparent;
}

.markdown-preview-view.is-readable-line-width .el-table:has(th:nth-child(5)) {
  --tlo-w: min(100cqw, var(--tlo-max-width));
  width: var(--tlo-w);
  max-width: none;
  margin-inline: calc((100% - var(--tlo-w)) / 2);
}

.markdown-rendered .el-table:has(th:nth-child(5)),
.markdown-rendered .el-table:has(th:nth-child(5)) > table {
  width: 100%;
}

.markdown-rendered table:has(th:nth-child(8)) :is(th, td) {
  --table-column-min-width: 3ch;
  padding-inline: var(--size-4-1, 4px);
  font-size: var(--tlo-dense-text);
}

@container tlo-pane (max-width: 1000px) {
  .markdown-rendered table:has(th:nth-child(6)) :is(th, td) {
    hyphens: auto;
    hyphenate-limit-chars: 10 4 4;
  }
}

@container tlo-pane (max-width: 1000px) {
  .markdown-rendered table:has(th:nth-child(10)) :is(th, td) {
    overflow-wrap: anywhere;
  }
}

@container tlo-pane (max-width: 640px) {
  .markdown-rendered table:has(th:nth-child(5)) :is(th, td) {
    hyphens: auto;
    hyphenate-limit-chars: 8 3 3;
    overflow-wrap: anywhere;
  }
}

/* ==== site.css ==== */

.hp-mention {
  background-image: none !important;
  padding-inline-end: 0 !important;
  text-decoration: none !important;
  color: var(--text-normal);
}

.hp-mention .hp-link-site {
  color: var(--text-muted);
  margin-inline-end: 0.3em;
}

.hp-mention .hp-link-title {
  font-weight: var(--font-medium, 500);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in oklch, currentColor 30%, transparent);
  text-underline-offset: 0.2em;
}

.hp-mention:hover .hp-link-title {
  text-decoration-color: currentColor;
}

.hp-link-icon {
  display: inline-block;
  box-sizing: border-box;
  width: 1.1em;
  height: 1.1em;
  margin-inline-end: 0.3em;
  vertical-align: -0.18em;
  border-radius: var(--radius-s);
  object-fit: contain;
}

.hp-link-icon-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-faint);
}

.hp-link-icon-fallback svg {
  width: 0.95em;
  height: 0.95em;
}

img.emoji-inline-img {
  display: inline-block;
  height: 1.25em;
  width: auto;
  max-width: none;
  object-fit: contain;
  vertical-align: -0.25em;
  margin: 0 0.05em;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  cursor: text;
  pointer-events: none;
  user-select: none;
}

.callout {
  --co-color: rgb(var(--callout-color));
  --callout-title-color: color-mix(in oklch, var(--co-color) var(--co-title-shade), var(--text-normal));
  border-color: color-mix(in oklch, var(--co-color) var(--co-border), transparent);
  background-color: color-mix(in oklch, var(--co-color) var(--co-tint), transparent);
}

.callout-title {
  color: var(--callout-title-color);
}

.callout[data-callout-metadata~="flat"] {
  border-color: var(--co-color);
  background-color: transparent;
}

body.pbs-logo-small .site-body-left-column-site-logo {
  text-align: start;
  margin-block-end: 8px;
}

body.pbs-logo-small .site-body-left-column-site-logo :is(img, .pbs-logo) {
  width: auto;
  height: 40px;
  max-height: 40px;
}

.pbs-logo {
  display: inline-block;
  width: auto;
  height: 40px;
  color: var(--color-accent, var(--interactive-accent));
}

body.pbs-logo-icon .site-body-left-column-inner {
  position: relative;
}

body.pbs-logo-icon .site-body-left-column-site-logo {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  line-height: 0;
}

body.pbs-logo-icon .site-body-left-column-site-logo :is(img, .pbs-logo) {
  width: auto;
  height: 28px;
  max-width: none;
  max-height: none;
}

body.pbs-logo-icon .site-body-left-column-site-name {
  display: flex;
  align-items: center;
  min-height: 28px;
  padding-block: 0;
  padding-inline-start: calc(28px + 0.5em);
  margin-block-end: 28px;
}

body:is(.pbs-logo-small, .pbs-logo-icon) .site-header-logo {
  display: flex;
  flex: none;
  margin-inline-end: 10px;
  align-items: center;
  align-self: stretch;
}

body:is(.pbs-logo-small, .pbs-logo-icon) .site-header-logo :is(img, .pbs-logo) {
  display: block;
  width: auto;
  max-width: none;
  height: 24px;
  margin: 0;
}

.pbs-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-block-start: auto;
  padding: var(--pbs-column-padding, 18px);
  border-top: 1px solid var(--background-modifier-border);
}

@media screen and (min-width: 751px) {
  .site-body-left-column {
    --pbs-column-padding: 24px;
    padding-block-start: var(--pbs-column-padding);
    padding-inline-start: var(--pbs-column-padding);
  }

  .site-body-left-column .site-body-left-column-inner {
    width: 100%;
    margin-left: 0;
  }

  .site-body-left-column .pbs-socials {
    box-sizing: border-box;
    width: calc(100% + var(--pbs-column-padding));
    margin-inline-start: calc(-1 * var(--pbs-column-padding));
  }
}

.site-body-left-column .site-body-left-column-inner {
  min-height: 0;
}

.site-body-left-column .site-body-left-column-inner > .nav-view-outer {
  flex: 1 1 auto;
  min-height: 0;
}

@media screen and (max-width: 750px) {
  .site-body-left-column .pbs-socials {
    margin-inline-start: 0;
    padding: 18px var(--page-side-padding) calc(18px + env(safe-area-inset-bottom, 0px));
  }

  .published-container.has-navigation .site-body-left-column {
    bottom: 0;
    height: auto;
  }
}

.site-body-left-column-site-theme-toggle {
  display: none !important;
}

.pbs-appearance {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  margin-block-end: 12px;
}

.pbs-appearance-divider {
  flex: none;
  width: 1px;
  height: 16px;
  background-color: var(--background-modifier-border);
}

.pbs-dropdown {
  position: relative;
  display: flex;
  min-width: 0;
}

.pbs-appearance .pbs-dropdown-button,
.pbs-appearance .pbs-dropdown-option {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: var(--radius-s, 4px);
  box-shadow: none;
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  font-size: var(--font-ui-small, 13px);
  line-height: 1.3;
  text-align: start;
  cursor: pointer;
}

.pbs-appearance .pbs-dropdown-button {
  height: 28px;
  padding: 0 6px;
}

.pbs-appearance .pbs-dropdown-button:hover,
.pbs-appearance .pbs-dropdown.is-open .pbs-dropdown-button {
  background-color: var(--background-modifier-hover);
  color: var(--text-normal);
}

.pbs-appearance .pbs-dropdown-button:focus-visible {
  outline: 2px solid var(--background-modifier-border-focus);
  outline-offset: 0;
}

.pbs-dropdown-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pbs-dropdown-icon,
.pbs-dropdown-chevron,
.pbs-dropdown-check {
  display: inline-flex;
  flex: none;
}

.pbs-dropdown-icon svg,
.pbs-dropdown-check svg {
  width: 14px;
  height: 14px;
}

.pbs-dropdown-chevron {
  color: var(--text-faint);
}

.pbs-dropdown-chevron svg {
  width: 12px;
  height: 12px;
}

.pbs-swatch {
  flex: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--pbs-swatch-light);
  background-image: linear-gradient(135deg, var(--pbs-swatch-light) 50%, var(--pbs-swatch-dark) 50%);
}

.pbs-dropdown-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: var(--layer-menu, 65);
  display: flex;
  flex-direction: column;
  min-width: 140px;
  max-height: min(70vh, 480px);
  overflow-y: auto;
  padding: 4px;
  border: 1px solid var(--background-modifier-border);
  border-radius: var(--radius-m, 8px);
  background-color: var(--background-primary);
  box-shadow: var(--shadow-s);
}

.pbs-dropdown-menu[hidden] {
  display: none;
}

.pbs-dropdown-menu:focus {
  outline: none;
}

.pbs-appearance .pbs-dropdown-option {
  width: 100%;
  padding: 5px 8px;
}

.pbs-appearance .pbs-dropdown-option .pbs-dropdown-label {
  flex: 1 1 auto;
}

.pbs-appearance .pbs-dropdown-option:hover,
.pbs-appearance .pbs-dropdown-option:focus-visible {
  outline: none;
  background-color: var(--background-modifier-hover);
  color: var(--text-normal);
}

.pbs-appearance .pbs-dropdown-option[aria-checked="true"] {
  color: var(--text-normal);
}

.pbs-dropdown-check {
  color: var(--text-accent);
  visibility: hidden;
}

.pbs-dropdown-option[aria-checked="true"] .pbs-dropdown-check {
  visibility: visible;
}

.pbs-dropdown.is-swatches .pbs-dropdown-menu {
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px;
}

.pbs-appearance .pbs-dropdown.is-swatches .pbs-dropdown-option {
  width: auto;
  padding: 0;
  border-radius: 50%;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.pbs-dropdown.is-swatches .pbs-dropdown-option .pbs-swatch {
  width: 20px;
  height: 20px;
}

.pbs-appearance .pbs-dropdown.is-swatches .pbs-dropdown-option:hover {
  background-color: transparent;
  outline-color: var(--background-modifier-border-hover);
}

.pbs-appearance .pbs-dropdown.is-swatches .pbs-dropdown-option:focus-visible {
  background-color: transparent;
  outline: 2px solid var(--background-modifier-border-focus);
}

.pbs-appearance .pbs-dropdown.is-swatches .pbs-dropdown-option[aria-checked="true"] {
  outline-color: var(--pbs-swatch-light);
}

.theme-dark .pbs-appearance .pbs-dropdown.is-swatches .pbs-dropdown-option[aria-checked="true"] {
  outline-color: var(--pbs-swatch-dark);
}

body.pbs-logo-icon .pbs-appearance ~ .site-body-left-column-site-logo {
  top: 40px;
}

.pbs-socials {
  align-items: center;
}

.pbs-bio {
  flex-basis: 100%;
  margin-block-end: 6px;
  color: var(--text-normal);
  font-family: var(--font-text);

  font-size: var(--nav-item-size, var(--font-ui-small, 13px));
  line-height: var(--line-height-normal, 1.5);
}

.pbs-bio p {
  margin: 0;
}

.pbs-nav-archive > .tree-item-self {
  opacity: 0.55;
  transition: opacity 80ms ease-in;
}

.pbs-nav-archive > .tree-item-self:hover {
  opacity: 1;
}

.nav-view-outer .pbs-nav-archive > .tree-item-children {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

.pbs-bio p + p {
  margin-block-start: var(--p-spacing, 1rem);
}

.pbs-social {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding-inline: 8px;
  border: 1px solid var(--background-modifier-border);
  border-radius: 6px;
  color: var(--text-normal);
  font-size: var(--font-ui-small, 13px);
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 80ms ease-in;
}

.pbs-social:hover {
  background-color: var(--background-modifier-hover);
  color: var(--text-normal);
  text-decoration: none;
}

.pbs-social img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  border-radius: 3px;
}

.callout[data-callout="feed"] {
  --co-indent: 0px;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-block: 0;
}

.callout[data-callout="feed"] > .callout-title {
  display: none;
}

.callout[data-callout="feed"] > .callout-content {
  padding: 0;
}

.callout[data-callout="feed"] > .callout-content > p:first-child {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--font-ui-small, 13px);
}

.callout[data-callout="feed"] > .callout-content > p:first-child em {
  font-style: normal;
}

.callout[data-callout="feed"] > .callout-content > p:first-child code {
  padding: var(--tag-padding-y, 0.25em) var(--tag-padding-x, 0.65em);
  border: none;
  border-radius: var(--tag-radius, 2em);
  background-color: var(--tag-background, hsla(var(--interactive-accent-hsl), 0.1));
  color: var(--tag-color, var(--text-accent));
  font-family: inherit;
  font-size: var(--tag-size, 0.875em);
  font-weight: var(--tag-weight, inherit);
}

.callout[data-callout="feed"] h3 {
  margin: var(--pbs-feed-gap, 14px) 0;
  font-size: 1.35em;
  line-height: 1.3;
}

.callout[data-callout="feed"] h3 a {
  color: var(--text-normal);
  text-decoration: none;
}

.callout[data-callout="feed"] h3 a:hover {
  text-decoration: underline;
}

.callout[data-callout="feed"] .markdown-embed {
  position: relative;
  max-height: 240px;
  opacity: 0.8;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent);
  mask-image: linear-gradient(to bottom, #000 70%, transparent);
}

.callout[data-callout="feed"] :is(.markdown-embed-title, .markdown-embed-link, .frontmatter-container, .metadata-container) {
  display: none;
}

.callout[data-callout="feed"] .markdown-embed .markdown-preview-view {
  padding: 0;
}

.callout[data-callout="feed"] .markdown-embed .publish-article-heading > .clickable-icon {
  display: none;
}

.callout[data-callout="feed"] .markdown-embed .pbs-feed-first {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}

.callout[data-callout="feed"] .markdown-embed .pbs-feed-first > :first-child {
  margin-block-start: 0 !important;
}

.callout[data-callout="feed"] .markdown-embed .markdown-embed-content {
  pointer-events: none;
  user-select: none;
}

.callout[data-callout="feed"] > .callout-content > p:last-child {
  margin: 6px 0 0;
  font-size: var(--font-ui-small, 13px);
  font-weight: 500;
}

.pbs-feed-unpublished,
.pbs-feed-hidden {
  display: none;
}

body.pbs-hide-powered-by .site-footer a[href="https://publish.obsidian.md"] {
  display: none;
}

body.pbs-feed-no-more .callout[data-callout="feed"] > .callout-content > p:last-child {
  display: none;
}

.pbs-related {
  margin-block: 2em 1em;
  padding-block-start: 1em;
  border-top: 1px solid var(--background-modifier-border);
}

.pbs-related-heading {
  margin-block-end: 0.5em;
  color: var(--text-muted);
  font-size: var(--font-ui-small, 13px);
  font-weight: 600;
}

.pbs-related ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pbs-related li {
  margin-inline-start: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.6em;
  padding-block: 0.2em;
}

.pbs-related-link {
  color: var(--text-normal);
  font-weight: 500;
  text-decoration: none;
}

.pbs-related-link:hover {
  color: var(--text-accent);
  text-decoration: underline;
}

.pbs-related-meta {
  color: var(--text-faint);
  font-size: var(--font-ui-small, 13px);
}

.pbs-nav-shortcuts {
  margin-block-end: 12px;
}

.pbs-nav-heading {
  padding-block: 4px;
  margin-block-end: 2px;
  color: var(--nav-parent-item-color);
  font-weight: var(--nav-parent-item-weight);
  font-size: var(--nav-item-size);
}

body.pbs-nav-single-line .nav-view-outer .tree-item-inner {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-body-left-column-site-logo :is(img, .pbs-logo),
.site-header-logo :is(img, .pbs-logo) {
  transition: opacity 120ms ease-in-out;
}

.site-body-left-column-inner:has(> .site-body-left-column-site-logo:hover, > .site-body-left-column-site-name:hover) > .site-body-left-column-site-name,
.site-header:has(> .site-header-logo:hover, > .site-header-text:hover) > .site-header-text {
  color: var(--site-name-color-hover);
}

.site-body-left-column-inner:has(> .site-body-left-column-site-logo:hover, > .site-body-left-column-site-name:hover) > .site-body-left-column-site-logo :is(img, .pbs-logo),
.site-header:has(> .site-header-logo:hover, > .site-header-text:hover) > .site-header-logo :is(img, .pbs-logo) {
  opacity: 0.7;
}

.popover.hover-popover.pbs-nav-preview {
  position: fixed;
}

.pbs-nav-preview[hidden] {
  display: none !important;
}

.popover.hover-popover.pbs-nav-preview-staging {
  left: -10000px;
  top: 0;
  visibility: hidden;
  pointer-events: none;
}

.pbs-nav-preview > .pbs-nav-preview-content {
  width: var(--popover-width);
}

.pbs-nav-preview .pbs-nav-preview-content > .markdown-embed {
  max-height: var(--popover-height);
  overflow: auto;
  border: 0;
  padding: 0;
  margin: 0;
}

.markdown-rendered mark[data-highlight] {
  color: var(--text-normal);
}

.pbs-note-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15em;
  height: 1.15em;
  margin-inline-end: 0.35em;
  vertical-align: -0.15em;
  line-height: 1;
  flex: none;
}

.pbs-note-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 3px;
}

a.internal-link .pbs-note-icon {
  width: 1em;
  height: 1em;
  margin-inline-end: 0.25em;
  vertical-align: -0.12em;
}

.page-header .pbs-note-icon {
  margin-inline-end: 0.3em;
}

.pbs-lucide-inline {
  display: inline-flex;
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.17em;
  margin: 0 0.05em;
}

.pbs-lucide-inline svg,
.pbs-note-icon.pbs-lucide svg {
  width: 100%;
  height: 100%;
}

.callout[data-callout="feed"] {
  position: relative;
  overflow: visible;
}

:is(.pbs-peek-button, .pbs-peek-action) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  border: none !important;
  border-radius: var(--radius-s, 4px);
  background: none !important;
  box-shadow: none !important;
  color: var(--text-muted) !important;
  cursor: pointer;
}

:is(.pbs-peek-button, .pbs-peek-action):hover {
  background-color: var(--background-modifier-hover) !important;
  color: var(--text-normal) !important;
}

:is(.pbs-peek-button, .pbs-peek-action) svg {
  display: block;
  width: 16px;
  height: 16px;
}

.pbs-peek-icon {
  display: inline-flex;
}

.pbs-peek-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 26px;
  padding: 0 8px;
  font-size: var(--font-ui-small, 13px);
  font-weight: 500;
  opacity: 0;
  transition: opacity 80ms ease-in;
}

.callout[data-callout="feed"]:hover > .pbs-peek-button,
.pbs-peek-button:focus-visible,
.pbs-peek-button.is-active {
  opacity: 1;
}

@media (hover: none) {
  .pbs-peek-button {
    opacity: 1;
  }
}

.pbs-peek-action[data-icon="x"] svg {
  width: 18px;
  height: 18px;
}

.pbs-peek-action[data-icon="maximize-2"] svg {
  width: 14px;
  height: 14px;
}

.pbs-peek-action {
  flex: none;
  width: 32px;
  height: 32px;
  padding: 0;
}

.pbs-peek {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: var(--layer-popover, 30);
  display: flex;
  flex-direction: column;
  width: var(--pbs-peek-width, 520px);
  max-width: 100vw;
  border: none;
  border-left: 1px solid var(--background-modifier-border) !important;
  background-color: var(--background-primary);
  box-shadow: none;
}

.pbs-peek[hidden] {
  display: none;
}

@media screen and (min-width: 1000px) and (max-width: 1399px) {
  .published-container:is(.has-outline, .has-graph) .site-body-right-column {
    display: none;
  }

  .published-container .publish-renderer > .markdown-preview-view > .markdown-preview-sizer {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

body.pbs-peek-open .published-container {
  width: calc(100% - var(--pbs-peek-width, 520px));
}

body.pbs-peek-open .published-container .site-body-right-column {
  display: none;
}

body.pbs-peek-open .site-body-center-column .markdown-preview-sizer {
  margin-inline: auto !important;
}

@media (max-width: 1079px) {
  .pbs-peek-button,
  .pbs-peek {
    display: none !important;
  }
}

.pbs-peek.is-closing {
  opacity: 0.5;
}

.pbs-peek-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  z-index: 2;
  width: 9px;
  cursor: col-resize;
  touch-action: none;
}

.pbs-peek-resizer::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  width: 1px;
  background-color: transparent;
}

.pbs-peek-resizer:hover::after,
.pbs-peek.is-resizing .pbs-peek-resizer::after {
  background-color: var(--interactive-accent);
}

body.pbs-peek-resizing {
  cursor: col-resize;
  user-select: none;
}

.pbs-peek-header {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 8px 8px 8px 24px;
  border-bottom: 1px solid var(--background-modifier-border);
}

.pbs-peek-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: var(--text-normal);
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pbs-peek-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 0 !important;
}

.pbs-peek-content > .markdown-embed-content {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

.pbs-peek-content .markdown-embed-content > .markdown-preview-view {
  height: 100%;
  overflow-y: auto;
  padding: 16px 24px 48px !important;
}

.pbs-peek-content.markdown-embed,
.pbs-peek-content .markdown-embed {
  border: none !important;
}

.pbs-peek-content .markdown-embed {
  margin: 0;
  padding: 0;
  border: none;
}

.pbs-peek-content :is(.markdown-embed-title, .markdown-embed-link, .mod-header, .mod-footer) {
  display: none;
}

.pbs-peek-content .markdown-embed-content {
  max-height: none;
}

.mod-header {
  --pbs-head-gap: 24px;
}

.page-header {
  font-size: calc(var(--page-title-size, 2.6em) * 0.88);
}

.mod-header:has(> .pbs-links) > h1.page-header {
  margin-bottom: var(--pbs-head-gap) !important;
}

.pbs-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-block: 0 var(--pbs-head-gap);
  font-size: var(--font-text-size, 16px);
}

.pbs-page-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-block-end: 4px;
  color: var(--text-muted);
  font-size: var(--font-ui-small, 13px);
}

.pbs-page-date {
  margin-inline-end: 4px;
}

.pbs-page-tag {
  padding: var(--tag-padding-y, 0.25em) var(--tag-padding-x, 0.65em);
  border-radius: var(--tag-radius, 2em);
  background-color: var(--background-modifier-hover);
  color: var(--text-muted);
  font-size: var(--tag-size, 0.875em);
  font-weight: var(--tag-weight, inherit);
}

.pbs-title-sub {
  margin-inline-start: 0.4em;
  color: var(--text-muted);
  font-size: 0.9em;
  font-weight: normal;
}

:is(.page-header, .callout[data-callout="feed"] h3) .pbs-title-sub {
  display: block;
  margin: 0.25em 0 0;
  font-size: 0.55em;
  line-height: 1.3;
}

.callout[data-callout="feed"] h3 a .pbs-title-sub {
  text-decoration: none;
}

.search-view-container:has(> .pbs-search-kbd) > input.search-bar {
  padding-inline-end: 44px;
}

.pbs-search-kbd {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 6px;
  align-self: center;
  height: fit-content;
  margin-block: auto;
  padding: 0.15em 0.45em;
  border-radius: 4px;
  background-color: var(--background-modifier-hover);
  color: var(--text-faint);
  font-family: inherit;
  font-size: var(--font-ui-smaller, 12px);
  line-height: 1.3;
  pointer-events: none;
}

.search-view-container > input.search-bar:not(:placeholder-shown) ~ .pbs-search-kbd {
  display: none;
}

@media (hover: none) {
  .pbs-search-kbd {
    display: none;
  }
}