/* Kianium Noir Publish 1.3.0
 * Generated from the installed Kianium Noir theme. Do not edit this artifact.
 * App theme SHA-256: 3ebfebd9d5be510ceef7aa05d3f43ca5699d662b230677204f534aec050930a7
 * Rebuild: node outputs/publish-noir-20261010/build.cjs
 */

@media screen { body { --font-text-size: 14px; } }

/*
 * Kianium Noir 1.3.0 — NWP Cyan
 * Smooth neutral-dark surfaces with isolated NWP cyan gradient accents.
 * Local assets only. Native layout, editor sizing, and semantic colors retained.
 * Screen-only styling leaves Obsidian's print/export presentation intact.
 */

@media screen {
  body {
    --font-interface-theme: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-text-theme: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-monospace-theme: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  }

  body.theme-dark {
    color-scheme: dark;

    /* A neutral black foundation with distinct, restrained elevations. */
    --noir-canvas: #0a0a0b;
    --noir-chrome: #101012;
    --noir-surface: #171719;
    --noir-raised: #1e1e21;
    --noir-line: #2a2a2e;
    /* Sampled from the user's NWP reference: top and bottom edge pixels. */
    --nwp-cyan: #1fd6fa;
    --nwp-blue: #0284c7;
    --nwp-cyan-rgb: 31, 214, 250;
    --nwp-ink: #04131a;
    --nwp-gradient: linear-gradient(180deg, var(--nwp-cyan), var(--nwp-blue));
    --nwp-gradient-line: linear-gradient(90deg, var(--nwp-cyan), var(--nwp-blue));
    --nwp-gradient-hover: linear-gradient(180deg, #55e0fb, #2997cf);
    --noir-link-cyan-hover: color-mix(in srgb, var(--nwp-cyan) 90%, white);
    --noir-link-blue-hover: color-mix(in srgb, var(--nwp-blue) 90%, white);
    /* SVG images avoid WebKit inline-mask paint artifacts. These stops match
       --nwp-cyan / --nwp-blue; the hover image mixes each stop with 10% white. */
    --noir-link-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%231fd6fa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230284c7%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M3%2013%2013%203M3%203h10v10%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    --noir-link-icon-hover: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22rgb(53.4%2C218.1%2C250.5)%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22rgb(27.3%2C144.3%2C204.6)%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M3%2013%2013%203M3%203h10v10%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    --noir-link-icon-opacity: 0.72;
    --noir-link-icon-opacity-hover: 0.86;
    --noir-link-underline: linear-gradient(90deg,
      color-mix(in srgb, var(--nwp-cyan) 72%, transparent),
      color-mix(in srgb, var(--nwp-blue) 72%, transparent));
    --noir-link-underline-hover: linear-gradient(90deg,
      color-mix(in srgb, var(--noir-link-cyan-hover) 72%, transparent),
      color-mix(in srgb, var(--noir-link-blue-hover) 72%, transparent));
    --noir-focus: var(--nwp-cyan);
    --noir-ease: cubic-bezier(0.2, 0, 0, 1);

    --color-base-00: var(--noir-canvas);
    --color-base-05: #0e0e10;
    --color-base-10: #121214;
    --color-base-20: var(--noir-surface);
    --color-base-25: var(--noir-raised);
    --color-base-30: var(--noir-line);
    --color-base-35: #36363c;
    --color-base-40: #55555e;
    --color-base-50: #73737e;
    --color-base-60: #9b9ba5;
    --color-base-70: #bdbdc5;
    --color-base-100: #eeeef2;

    --accent-h: 190;
    --accent-s: 96%;
    --accent-l: 55%;
    --color-accent: var(--nwp-cyan);
    --color-accent-1: #55e0fb;
    --color-accent-2: var(--nwp-blue);
    --background-primary: var(--noir-canvas);
    --background-primary-alt: #121214;
    --background-secondary: var(--noir-chrome);
    --background-secondary-alt: #141416;
    --background-modifier-hover: rgba(255, 255, 255, 0.055);
    --background-modifier-active-hover: rgba(255, 255, 255, 0.085);
    --background-modifier-border: var(--noir-line);
    --background-modifier-border-hover: #414149;
    --background-modifier-border-focus: var(--noir-focus);
    --background-modifier-form-field: #19191c;
    --background-modifier-box-shadow: rgba(0, 0, 0, 0.42);
    --background-modifier-cover: rgba(0, 0, 0, 0.58);
    --background-modifier-message: var(--noir-raised);

    --text-normal: #e2e2e7;
    --text-muted: #b0b0ba;
    --text-faint: #8e8e99;
    --text-on-accent: var(--nwp-ink);
    --text-on-accent-inverted: #f5f5f7;
    --text-accent: var(--nwp-cyan);
    --text-accent-hover: #9deefe;
    --text-selection: rgba(255, 255, 255, 0.18);
    --text-highlight-bg: rgba(238, 190, 83, 0.22);
    --text-highlight-bg-active: rgba(238, 190, 83, 0.32);

    --interactive-normal: #242428;
    --interactive-hover: #303036;
    --interactive-accent: var(--nwp-cyan);
    --interactive-accent-hover: #55e0fb;
    --interactive-accent-rgb: var(--nwp-cyan-rgb);
    --link-color: var(--nwp-cyan);
    --link-color-hover: var(--noir-link-cyan-hover);
    --link-external-color: var(--nwp-cyan);
    --link-external-color-hover: var(--noir-link-cyan-hover);
    --link-unresolved-color: #b5b9c5;
    --link-unresolved-opacity: 0.85;
    --link-decoration: underline;
    --link-decoration-hover: underline;
    --link-external-decoration: underline;
    --link-external-decoration-hover: underline;

    --titlebar-background: var(--noir-chrome);
    --titlebar-background-focused: var(--noir-chrome);
    --titlebar-text-color: var(--text-faint);
    --titlebar-text-color-focused: var(--text-muted);
    --ribbon-background: var(--noir-chrome);
    --ribbon-background-collapsed: var(--noir-chrome);
    --tab-container-background: var(--noir-chrome);
    --tab-background-active: var(--noir-surface);
    --tab-text-color: var(--text-faint);
    --tab-text-color-active: var(--text-normal);
    --tab-text-color-focused: var(--text-muted);
    --tab-text-color-focused-active: var(--text-normal);
    --tab-outline-color: var(--noir-line);
    --tab-divider-color: var(--noir-line);
    --tab-radius: 9px;
    --tab-radius-active: 9px 9px 0 0;
    --tab-font-weight: 500;
    --divider-color: #242428;
    --divider-color-hover: var(--nwp-cyan);
    --workspace-background-translucent: rgba(16, 16, 18, 0.96);
    --status-bar-background: var(--noir-chrome);
    --status-bar-border-color: var(--noir-line);
    --status-bar-text-color: var(--text-faint);
    --status-bar-radius: 9px 0 0 0;

    --nav-item-color: #b6b6bf;
    --nav-item-color-hover: #f5f5f7;
    --nav-item-color-active: var(--text-normal);
    --nav-item-background-hover: rgba(255, 255, 255, 0.055);
    --nav-item-background-active: #222225;
    --nav-item-background-selected: #222225;
    --nav-item-weight-active: 600;
    --nav-item-radius: 7px;
    --nav-item-padding: 6px 9px;
    --nav-collapse-icon-color: #858590;
    --nav-collapse-icon-color-collapsed: #858590;
    --indentation-guide-color: rgba(255, 255, 255, 0.075);
    --indentation-guide-color-active: rgba(255, 255, 255, 0.22);
    --icon-color: #a4a4af;
    --icon-color-hover: #eeeef2;
    --icon-color-active: #eeeef2;
    --icon-color-focused: #eeeef2;
    --icon-opacity: 1;
    --icon-opacity-hover: 1;
    --icon-opacity-active: 1;

    --h1-color: #f5f5f7;
    --h2-color: #eeeef2;
    --h3-color: #e2e2e8;
    --h4-color: #d7d7df;
    --h5-color: #c7c7d1;
    --h6-color: #b8b8c3;
    --h1-weight: 650;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;
    --h1-line-height: 1.2;
    --h2-line-height: 1.3;
    --heading-spacing: 1.8em;
    --inline-title-color: #f5f5f7;
    --inline-title-weight: 650;
    --inline-title-line-height: 1.2;
    --line-height-normal: 1.65;
    --file-line-width: 760px;
    --file-margins: clamp(20px, 4vw, 56px);

    --blockquote-border-color: #44444c;
    --blockquote-border-thickness: 2px;
    --blockquote-color: #bfbfc9;
    --blockquote-background-color: rgba(255, 255, 255, 0.018);
    --callout-radius: 12px;
    --callout-border-width: 1px;
    --callout-border-opacity: 0.22;
    --callout-title-weight: 600;
    --callout-padding: 16px 18px;
    --code-background: #151518;
    --code-normal: #d5d9e4;
    --code-comment: #9292a0;
    --code-function: #76e5f9;
    --code-keyword: #c6b1f4;
    --code-string: #a0d9b1;
    --code-property: #9ddcd9;
    --code-value: #e5c994;
    --code-operator: #c0c5d3;
    --code-punctuation: #a5a5b0;
    --code-size: 0.9em;
    --embed-background: #121214;
    --embed-border-start: 2px solid #3c3c44;

    --table-border-color: #303036;
    --table-header-background: #1b1b1f;
    --table-header-background-hover: #232329;
    --table-header-weight: 600;
    --table-row-alt-background: rgba(255, 255, 255, 0.018);
    --table-row-background-hover: rgba(255, 255, 255, 0.035);
    --table-selection: rgba(255, 255, 255, 0.10);
    --tag-color: #bdbdc5;
    --tag-color-hover: #eeeef2;
    --tag-background: var(--noir-surface);
    --tag-background-hover: #242428;
    --tag-border-color: var(--noir-line);
    --tag-border-color-hover: #414149;
    --tag-border-width: 1px;
    --tag-radius: 6px;
    --tag-padding-x: 0.5em;
    --tag-padding-y: 0.12em;
    --checkbox-color: var(--nwp-cyan);
    --checkbox-color-hover: #55e0fb;
    --checkbox-border-color: #888894;
    --checkbox-marker-color: var(--nwp-ink);
    --checklist-done-color: #9595a1;
    --metadata-border-color: var(--noir-line);
    --metadata-label-text-color: var(--text-faint);
    --metadata-input-text-color: var(--text-muted);

    --modal-background: #111113;
    --modal-border-color: #303036;
    --modal-radius: 16px;
    --prompt-border-color: #303036;
    --prompt-radius: 14px;
    --menu-background: #171719;
    --menu-border-color: #303036;
    --menu-radius: 11px;
    --menu-item-radius: 6px;
    --input-radius: 10px;
    --input-border-width-focus: 1px;
    --suggestion-background: #111113;
    --input-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    --input-shadow-hover: 0 1px 3px rgba(0, 0, 0, 0.24);
    --slider-track-background: #373740;
    --slider-thumb-border-color: #d6d6dc;
    --toggle-border-width: 2px;
    --radius-s: 6px;
    --radius-m: 9px;
    --radius-l: 12px;
    --radius-xl: 16px;
    --shadow-s: 0 2px 8px rgba(0, 0, 0, 0.24);
    --shadow-l: 0 18px 64px rgba(0, 0, 0, 0.48);
    --scrollbar-bg: transparent;
    --scrollbar-thumb-bg: rgba(185, 185, 200, 0.2);
    --scrollbar-active-thumb-bg: rgba(185, 185, 200, 0.36);

    --graph-line: #363640;
    --graph-node: #b6bac6;
    --graph-node-unresolved: #777784;
    --graph-node-focused: var(--nwp-cyan);
    --graph-node-tag: #9ed8c3;
    --graph-node-attachment: #c4b3ec;
    --graph-text: #d1d1db;
    background-color: var(--noir-canvas);
  }

  /* Finish native components without changing their positioning or hit areas. */
  /* The tab and its native curved corners share one solid fill. */
  .theme-dark .workspace-tab-header.is-active {
    background-color: var(--tab-background-active);
    background-image: var(--nwp-gradient-line);
    background-position: top;
    background-size: 100% 2px;
    background-repeat: no-repeat;
    box-shadow: none;
  }

  /* Finder-like navigation: native disclosure gutter, a separate icon column,
     and a consistent 20px nesting step. SVG masks stay local and scale cleanly. */
  .theme-dark .workspace-leaf-content[data-type="file-explorer"] {
    --nav-item-padding: 6px 10px 6px 28px;
    --nav-item-parent-padding: var(--nav-item-padding);
    --nav-item-margin-bottom: 2px;
    --nav-item-children-margin-start: 16px;
    --nav-item-children-padding-start: 3px;
    --nav-item-children-margin-left: 16px;
    --nav-item-children-padding-left: 3px;
    --nav-indentation-guide-width: 1px;
    --nav-indentation-guide-color: rgba(255, 255, 255, 0.065);
    --nav-item-radius: 8px;
    --nav-item-background-active: #16272d;
    --nav-item-background-selected: #1b292e;
    --nav-item-color-active: #effaff;
    --nav-item-color-selected: #effaff;
    --nav-item-weight-active: 500;
    --noir-nav-row-height: 34px;
    --noir-nav-icon-size: 18px;
    --noir-nav-folder: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2020H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h5l2%203h9a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202Z%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-file: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8Z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6M8%2013h8M8%2017h5%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-inbox: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h16l2%2012v4a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-4Z%22%2F%3E%3Cpath%20d%3D%22M2%2015h5l2%203h6l2-3h5%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-heart: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021l8.8-8.6a5.5%205.5%200%200%200%200-7.8Z%22%2F%3E%3Cpath%20d%3D%22M3.5%2012h4l2-4%204%208%202-4h5%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-layers: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%2010%205-10%205L2%208Z%22%2F%3E%3Cpath%20d%3D%22m2%2012%2010%205%2010-5M2%2016l10%205%2010-5%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-printer: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208V3h12v5M6%2018H4a2%202%200%200%201-2-2v-6a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v6a2%202%200%200%201-2%202h-2%22%2F%3E%3Cpath%20d%3D%22M6%2014h12v7H6Z%22%2F%3E%3Cpath%20d%3D%22M18%2011h.01%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-sparkles: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.2%206.8L21%2012l-6.8%202.2L12%2021l-2.2-6.8L3%2012l6.8-2.2Z%22%2F%3E%3Cpath%20d%3D%22M20%202v4M18%204h4%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-cloud: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2019h11a4%204%200%200%200%20.4-8A6.5%206.5%200%200%200%205.8%208.5%205.3%205.3%200%200%200%207%2019Z%22%2F%3E%3Cpath%20d%3D%22m9%2013%203-3%203%203M12%2010v6%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-archive: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%207v12a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V7M10%2011h4%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-terminal: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m7%209%203%203-3%203M13%2015h4%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-globe: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203a18%2018%200%200%201%200%2018%2018%2018%200%200%201%200-18Z%22%2F%3E%3C%2Fsvg%3E");
    --noir-nav-sliders: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021v-7M4%2010V3M12%2021V12M12%208V3M20%2021v-5M20%2012V3M1%2014h6M9%208h6M17%2016h6%22%2F%3E%3C%2Fsvg%3E");
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"]:dir(rtl) {
    --nav-item-padding: 6px 28px 6px 10px;
    --nav-item-parent-padding: var(--nav-item-padding);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-files-container {
    padding-inline: 10px;
    padding-block-start: 8px;
    scroll-padding-block: 8px;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title-content, .nav-folder-title-content):not([contenteditable="true"]) {
    flex: 1 1 auto;
    min-inline-size: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content {
    font-weight: 500;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title {
    --noir-nav-icon: var(--noir-nav-folder);
    --noir-nav-icon-opacity: 0.94;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-file-title {
    --noir-nav-icon: var(--noir-nav-file);
    --noir-nav-icon-opacity: 0.78;
  }

  /* The icon is outside the editable label. It never becomes filename text,
     intercepts a click, or replaces Obsidian's collapse/expand control. */
  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title)::before {
    content: "";
    display: block;
    flex: 0 0 var(--noir-nav-icon-size);
    inline-size: var(--noir-nav-icon-size);
    block-size: var(--noir-nav-icon-size);
    margin-inline-end: 9px;
    background-image: var(--nwp-gradient);
    -webkit-mask: var(--noir-nav-icon) center / contain no-repeat;
    mask: var(--noir-nav-icon) center / contain no-repeat;
    opacity: var(--noir-nav-icon-opacity);
    pointer-events: none;
    transition: opacity 140ms var(--noir-ease);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path="00. Inbox"] {
    --noir-nav-icon: var(--noir-nav-inbox);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path="01. CARDIOLOGY"] {
    --noir-nav-icon: var(--noir-nav-heart);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path="02. Flux"] {
    --noir-nav-icon: var(--noir-nav-layers);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path="03. NWP"] {
    --noir-nav-icon: var(--noir-nav-printer);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path="copilot"] {
    --noir-nav-icon: var(--noir-nav-sparkles);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path="Kian [Obsidian Sync]"] {
    --noir-nav-icon: var(--noir-nav-cloud);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path="outputs"] {
    --noir-nav-icon: var(--noir-nav-archive);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title[data-path="02. Flux/90 - System"] {
    --noir-nav-icon: var(--noir-nav-sliders);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path="AGENTS.md"] {
    --noir-nav-icon: var(--noir-nav-terminal);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path="CLAUDE.md"] {
    --noir-nav-icon: var(--noir-nav-sparkles);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path="publish.css"] {
    --noir-nav-icon: var(--noir-nav-globe);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:is([data-path="00. Inbox"], [data-path="01. CARDIOLOGY"], [data-path="02. Flux"], [data-path="03. NWP"]) {
    --nav-item-color: var(--text-normal);
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:is([data-path="00. Inbox"], [data-path="01. CARDIOLOGY"], [data-path="02. Flux"], [data-path="03. NWP"]) > .nav-folder-title-content {
    font-weight: 550;
  }

  /* Hairlines separate the primary folders, support folders, and root files.
     They take no layout space, preserving the native virtual tree's sizing. */
  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-folder-title[data-path="copilot"], .nav-file-title[data-path="AGENTS.md"])::after {
    content: "";
    position: absolute;
    inset-block-start: -1px;
    inset-inline: 28px 10px;
    block-size: 1px;
    background: linear-gradient(90deg, transparent, var(--noir-line) 20%, var(--noir-line) 80%, transparent);
    pointer-events: none;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title):is(.is-active, .is-selected, .has-focus)::before {
    opacity: 1;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title).is-being-dragged::before {
    background-image: none;
    background-color: currentColor;
    opacity: 1;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-file-tag {
    flex: 0 0 auto;
    margin-inline-start: 8px;
    padding: 0;
    font-size: 0.68em;
    line-height: 1.2;
    letter-spacing: 0.06em;
    text-align: end;
    align-self: center;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title) {
    align-items: center;
    min-block-size: var(--noir-nav-row-height);
    line-height: 1.35;
    transition:
      background-color 180ms var(--noir-ease),
      color 180ms var(--noir-ease),
      box-shadow 180ms var(--noir-ease);
  }

  .theme-dark :is(.nav-file-title, .tree-item-self).is-active {
    background-image: var(--nwp-gradient);
    background-position: left center;
    background-size: 2px 100%;
    background-clip: border-box;
    background-repeat: no-repeat;
    box-shadow: none;
  }

  .theme-dark .workspace-leaf-content[data-type="file-explorer"]:dir(rtl) .tree-item-self.is-active {
    background-position: right center;
  }

  /* Quiet pointer feedback: no floating tiles, resizing, or typography reflow. */
  @media (hover: hover) and (pointer: fine) {
    body.theme-dark:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title):not(.is-being-renamed):not(.is-being-dragged):hover {
      background-color: #1b1b1f;
      color: #f5f5f7;
    }

    body.theme-dark:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title):not(.is-being-renamed):not(.is-being-dragged):not(.has-focus):not(.has-active-menu):hover {
      box-shadow: none;
    }

    body.theme-dark:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title):not(.is-being-renamed):not(.is-being-dragged):is(.is-active, .is-selected):hover {
      background-color: #1c3239;
    }

    body.theme-dark:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title):hover::before {
      opacity: 1;
    }
  }

  /* Gradient fills use dark glyphs; even the blue endpoint exceeds 4.5:1. */
  .theme-dark button.mod-cta:not(.mod-warning):not(.mod-destructive) {
    background-color: var(--nwp-blue);
    background-image: var(--nwp-gradient);
    color: var(--nwp-ink);
    font-weight: 600;
    box-shadow: var(--shadow-s);
  }

  @media (hover: hover) {
    .theme-dark button.mod-cta:not(.mod-warning):not(.mod-destructive):not(:disabled):hover {
      background-image: var(--nwp-gradient-hover);
    }
  }

  .theme-dark :is(.checkbox-container.is-enabled, input[type="checkbox"]:checked) {
    background-image: var(--nwp-gradient);
  }

  .theme-dark :is(.inline-title, .markdown-rendered h1, .HyperMD-header-1) {
    letter-spacing: -0.025em;
  }

  .theme-dark :is(.markdown-rendered h2, .HyperMD-header-2) {
    letter-spacing: -0.018em;
  }

  .theme-dark .inline-title {
    margin-bottom: 0.8em;
  }

  /* One treatment for text links across notes, properties, plugins and editor
     tokens. Controls, tags, images and editable property fields stay native.
     Paint the innermost link only, so editor wrappers cannot double underline. */
  .theme-dark .markdown-rendered :is(
    a[href],
    .internal-link,
    .external-link,
    [role="link"],
    .copilot-citation-link,
    .similar-note-title,
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url),
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url) .cm-underline
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)) {
    color: var(--noir-link-ink, var(--link-color));
    text-decoration: none;
    border: 0;
    border-image: none;
    padding-bottom: 0.12em;
    background-image: var(--noir-link-underline);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: calc(100% - var(--noir-link-end-space, 0em)) 1px;
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
    overflow-wrap: anywhere;
    transition: color 160ms var(--noir-ease);
  }

  .theme-dark .markdown-rendered :is(
    .external-link,
    a[href^="https://" i],
    a[href^="http://" i],
    a[href^="//"]
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):not(.internal-link, .cm-hmd-internal-link, .cm-link, .cm-url, .cm-underline) {
    --noir-link-end-space: 0.95em;
    padding-inline-end: 0;
  }

  .theme-dark .markdown-rendered :is(
    .external-link,
    a[href^="https://" i],
    a[href^="http://" i],
    a[href^="//"]
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):not(.internal-link, .cm-hmd-internal-link, .cm-link, .cm-url, .cm-underline)::after {
    /* A word joiner keeps the arrow with the link's final word. */
    content: "\2060";
    padding-inline-end: var(--noir-link-end-space);
    background-image: var(--noir-link-icon);
    background-size: 0.78em 0.78em;
    background-position: right center;
    background-repeat: no-repeat;
    opacity: var(--noir-link-icon-opacity);
    transition: opacity 160ms var(--noir-ease);
  }

  @media (hover: hover) and (pointer: fine) {
    .theme-dark .markdown-rendered :is(
    a[href],
    .internal-link,
    .external-link,
    [role="link"],
    .copilot-citation-link,
    .similar-note-title,
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url),
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url) .cm-underline
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):hover {
      color: var(--noir-link-ink-hover, var(--link-color-hover));
      background-image: var(--noir-link-underline-hover);
    }

    .theme-dark .markdown-rendered :is(
    .external-link,
    a[href^="https://" i],
    a[href^="http://" i],
    a[href^="//"]
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):not(.internal-link, .cm-hmd-internal-link, .cm-link, .cm-url, .cm-underline):hover::after {
      background-image: var(--noir-link-icon-hover);
      opacity: var(--noir-link-icon-opacity-hover);
    }
  }

  .theme-dark .markdown-rendered :is(
    a[href],
    .internal-link,
    .external-link,
    [role="link"],
    .copilot-citation-link,
    .similar-note-title,
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url),
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url) .cm-underline
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):focus-visible {
    color: var(--noir-link-ink-hover, var(--link-color-hover));
    background-image: var(--noir-link-underline-hover);
    outline: 1px solid var(--noir-link-cyan-hover);
    outline-offset: 3px;
    border-radius: 2px;
  }

  .theme-dark .markdown-rendered :is(
    .external-link,
    a[href^="https://" i],
    a[href^="http://" i],
    a[href^="//"]
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):not(.internal-link, .cm-hmd-internal-link, .cm-link, .cm-url, .cm-underline):focus-visible::after {
    background-image: var(--noir-link-icon-hover);
    opacity: var(--noir-link-icon-opacity-hover);
  }

  @media (prefers-reduced-motion: reduce) {
    .theme-dark .markdown-rendered :is(
    a[href],
    .internal-link,
    .external-link,
    [role="link"],
    .copilot-citation-link,
    .similar-note-title,
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url),
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url) .cm-underline
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)),
    .theme-dark .markdown-rendered :is(
    .external-link,
    a[href^="https://" i],
    a[href^="http://" i],
    a[href^="//"]
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):not(.internal-link, .cm-hmd-internal-link, .cm-link, .cm-url, .cm-underline)::after {
      transition: none;
    }
  }


  /* Keep wrapper decorations from painting through the styled inner token. */
  .theme-dark .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url):has(.cm-underline),
  .theme-dark .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url):has(.cm-underline):hover {
    text-decoration: none;
    background-image: none;
  }

  /* Missing notes remain distinct while sharing the same fine underline. */
  .theme-dark .is-unresolved {
    --noir-link-ink: var(--link-unresolved-color);
    --noir-link-ink-hover: var(--link-unresolved-color);
    --noir-link-underline: linear-gradient(90deg,
      color-mix(in srgb, var(--link-unresolved-color) 65%, transparent),
      color-mix(in srgb, var(--link-unresolved-color) 35%, transparent));
    --noir-link-underline-hover: var(--noir-link-underline);
  }


  /* CodeMirror already supplies a noneditable icon placeholder. Style that
     existing box, keeping generated characters out of editable text. */
  .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link-string.external-link[contenteditable="false"]:empty {
    background-image: var(--noir-link-icon);
    background-size: 0.78em 0.78em;
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: none;
    opacity: var(--noir-link-icon-opacity);
  }

  @media (hover: hover) and (pointer: fine) {
    .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link-string.external-link[contenteditable="false"]:empty:hover,
    .theme-dark .markdown-source-view.mod-cm6 .cm-link:hover + .cm-formatting-link-string.external-link[contenteditable="false"]:empty {
      background-image: var(--noir-link-icon-hover);
      opacity: var(--noir-link-icon-opacity-hover);
    }
  }

  .theme-dark .similar-note-title {
    inline-size: fit-content;
    max-inline-size: 100%;
  }

  .theme-dark .markdown-rendered blockquote {
    border-radius: 0 8px 8px 0;
  }

  .theme-dark .callout {
    background: var(--noir-surface);
    box-shadow: none;
  }

  .theme-dark .markdown-rendered pre {
    border: 1px solid var(--noir-line);
    border-radius: 10px;
  }

  /* Keep native copy controls in their own row, clear of wrapped code. */
  .theme-dark .markdown-rendered pre:has(> .copy-code-button) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--size-4-2);
  }

  body.theme-dark .markdown-rendered pre > button.copy-code-button {
    position: static;
    display: flex;
    grid-area: 1 / 1;
    justify-self: end;
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  .theme-dark .markdown-rendered pre:has(> .copy-code-button) > code {
    grid-area: 2 / 1;
    min-width: 0;
  }

  .theme-dark .markdown-embed {
    border-radius: 9px;
  }

  .theme-dark :is(.modal, .prompt) {
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55);
  }

  .theme-dark :is(.menu, .suggestion-container) {
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
  }

  .theme-dark .suggestion-item.is-selected {
    background-color: var(--nav-item-background-selected);
    color: var(--text-normal);
    border-radius: 7px;
  }

  .theme-dark .notice {
    border: 1px solid #3a3a42;
    border-radius: 11px;
    box-shadow: var(--shadow-l);
  }

  /* Native controls keep their own focus treatment. Search gets one 1px edge,
     instead of stacking an outline over Obsidian's focus box-shadow. */
  body.theme-dark .search-input-container {
    --search-input-radius: 10px;
    --search-input-corner-shape: round;
    --input-border-width-focus: 0px;
    --search-icon-color: var(--text-faint);
    border-radius: var(--search-input-radius);
  }

  body.theme-dark .search-input-container > input:is([type="search"], [type="text"]) {
    border: 1px solid var(--noir-line);
    border-radius: var(--search-input-radius);
    background-color: #151517;
    color: var(--text-normal);
    outline: none;
    box-shadow: none;
  }

  body.theme-dark .search-input-container > input:is([type="search"], [type="text"]):hover:not(:focus) {
    border-color: #414149;
  }

  body.theme-dark .search-input-container > input:is([type="search"], [type="text"]):focus {
    border-color: transparent;
    background:
      linear-gradient(#151517, #151517) padding-box,
      var(--nwp-gradient-line) border-box;
    outline: none;
    box-shadow: none;
  }

  /* Copilot Auto uses the normal composer edge without its red ambient glow.
     Scope both the agent view and Auto's composer classes; keep focus rings. */
  [data-type="copilot-agent-chat-view"] [class~="tw-@container/chat-input"][class~="tw-border-red/60"] {
    border-color: var(--background-modifier-border);
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
  }

  /* Auto's label and existing chevron share the theme's cyan gradient. */
  .theme-dark [data-type="copilot-agent-chat-view"] button[title="Operational mode"][class~="tw-text-red/70"] {
    color: var(--nwp-cyan);
  }

  @media (forced-colors: none) {
    .theme-dark [data-type="copilot-agent-chat-view"] button[title="Operational mode"][class~="tw-text-red/70"] > .tw-truncate {
      background-image: var(--nwp-gradient);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .theme-dark [data-type="copilot-agent-chat-view"] button[title="Operational mode"][class~="tw-text-red/70"] > svg.lucide-chevron-down {
      background-image: var(--nwp-gradient);
      -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      stroke: transparent;
    }
  }

  /* Hide only the visual pin. The leaf stays pinned; its menu still unpins it. */
  .theme-dark .workspace-tab-header-status-icon.mod-pinned {
    display: none;
  }

  .theme-dark .workspace-tab-header-status-container:has(> .mod-pinned):not(:has(> :not(.mod-pinned))) {
    display: none;
  }

  /* Search suggestions: a dark surface, even spacing, and quiet selection. */
  body.theme-dark .suggestion-container.mod-search-suggestion {
    background-color: #111113;
    border: 1px solid #303036;
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
  }

  body.theme-dark .suggestion-container.mod-search-suggestion .suggestion {
    padding: 6px;
    background-color: transparent;
  }

  body.theme-dark .search-suggest-item {
    padding: 7px 10px;
    border-radius: 7px;
    line-height: 1.45;
  }

  body.theme-dark .search-suggest-item.mod-group {
    padding: 7px 10px;
    color: var(--text-muted);
    font-weight: 600;
  }

  body.theme-dark .search-suggest-item.is-selected:not(.mod-group) {
    background-color: #222225;
    color: var(--text-normal);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045);
  }

  /* Publish is appearance-only: native selections and actions are untouched. */
  body.theme-dark .modal.mod-publish {
    --modal-background: var(--noir-chrome);
    --nav-item-color-selected: var(--text-normal);
    --nav-item-background-selected: #1e1e21;
    --nav-item-background-hover: #19191c;
    --nav-item-padding: 8px 12px 8px 28px;
    --nav-item-parent-padding: var(--nav-item-padding);
    --nav-item-radius: 8px;
    --nav-item-children-margin-start: 16px;
    --nav-item-children-padding-start: 3px;
    background-color: var(--modal-background);
    background-image: var(--nwp-gradient-line);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    border-color: #303036;
  }

  body.theme-dark .modal.mod-publish:dir(rtl) {
    --nav-item-padding: 8px 28px 8px 12px;
    --nav-item-parent-padding: var(--nav-item-padding);
  }

  .theme-dark .modal.mod-publish .modal-title {
    font-weight: 600;
    letter-spacing: -0.015em;
  }

  .theme-dark .modal.mod-publish .publish-changes-info {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
  }

  .theme-dark .modal.mod-publish .publish-changes-current-site-name {
    margin-inline-start: 0;
    text-underline-offset: 0.18em;
  }

  .theme-dark .modal.mod-publish .publish-changes-switch-site {
    flex: 0 0 auto;
    margin-inline-start: 0;
    top: 0;
    gap: 4px;
  }

  .theme-dark .modal.mod-publish .publish-changes-info .search-input-container {
    flex: 1 1 160px;
    min-inline-size: 120px;
    width: auto;
  }

  .theme-dark .modal.mod-publish .publish-changes-info button {
    margin-inline: 0;
  }

  .theme-dark .modal.mod-publish .publish-section-header {
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 0;
    line-height: 1.4;
    border-color: var(--noir-line);
  }

  .theme-dark .modal.mod-publish .publish-section-header-text {
    flex: 1 1 160px;
    min-inline-size: 0;
    font-weight: 600;
  }

  .theme-dark .modal.mod-publish .publish-section-header-selected {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  .theme-dark .modal.mod-publish .publish-section-header-action {
    margin-inline-start: 0;
    white-space: nowrap;
  }

  .theme-dark .modal.mod-publish .publish-change-list {
    padding-block: 8px 12px;
  }

  .theme-dark .modal.mod-publish .tree-item-self {
    min-block-size: 36px;
    align-items: center;
    margin-block-end: 4px;
  }

  .theme-dark .modal.mod-publish .tree-item-self.is-selected {
    background-color: var(--nav-item-background-selected);
    background-image: var(--nwp-gradient);
    background-size: 2px 100%;
    background-position: left center;
    background-repeat: no-repeat;
    color: var(--text-normal);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045);
  }

  .theme-dark .modal.mod-publish .tree-item-self.is-selected:hover {
    background-color: #26262a;
  }

  .theme-dark .modal.mod-publish .file-tree-item-icon {
    top: 0;
    margin-inline-end: 8px;
  }

  .theme-dark .modal.mod-publish .file-tree-item-title {
    min-inline-size: 0;
    line-height: 1.4;
  }

  .theme-dark .modal.mod-publish .tree-item-self.mod-changed .tree-item-flair {
    color: var(--text-muted);
  }

  body.theme-dark.is-mobile .workspace-leaf-content[data-type="file-explorer"] {
    --nav-item-padding: 10px 12px 10px 28px;
    --nav-item-parent-padding: var(--nav-item-padding);
    --noir-nav-row-height: 44px;
  }

  body.theme-dark.is-mobile .workspace-leaf-content[data-type="file-explorer"]:dir(rtl) {
    --nav-item-padding: 10px 28px 10px 12px;
    --nav-item-parent-padding: var(--nav-item-padding);
  }

  body.theme-dark.is-mobile {
    --file-margins: 20px;
    --modal-radius: 14px;
    --nav-item-padding: 10px 12px;
    --callout-padding: 14px 16px;
  }

  /* Clinical Charting Studio: native Markdown headings and copy controls.
     Obsidian puts cssclasses on the reading/editor roots, never on body.
     Keep a definite code size so nested pre/code elements do not shrink it. */
  .theme-dark .clinical-charting-studio {
    --code-size: var(--font-text-size);
    --code-background: var(--noir-surface);
    --h3-size: 1.05em;
    --h3-color: var(--text-muted);
    --clinical-card-inset: clamp(18px, 3vw, 24px);
    --clinical-card-radius: 16px;
    --clinical-control-size: 44px;
  }

  .theme-dark .clinical-charting-studio h2,
  .theme-dark .clinical-charting-studio.markdown-source-view.is-live-preview .HyperMD-header-2 {
    padding-bottom: var(--size-4-2);
    background-image: var(--nwp-gradient-line);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
  }

  .theme-dark .clinical-charting-studio pre {
    background-color: var(--code-background);
    border-color: var(--noir-line);
    font-size: var(--code-size);
  }

  .theme-dark .clinical-charting-studio pre > code {
    font-size: inherit;
    line-height: var(--line-height-normal);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  /* The reading view uses the theme's existing separate copy-button row.
     Live Preview needs room in its opening fence for the native copy flair. */
  .theme-dark .clinical-charting-studio.markdown-source-view.is-live-preview .HyperMD-codeblock-begin {
    position: relative;
    min-block-size: 60px;
    padding-inline-end: 72px;
  }

  body.theme-dark .clinical-charting-studio pre > button.copy-code-button,
  body.theme-dark .clinical-charting-studio.markdown-source-view.is-live-preview .code-block-flair {
    min-inline-size: 44px;
    min-block-size: 44px;
    padding: 8px;
    border: 1px solid var(--noir-line);
    border-radius: var(--radius-s);
    background-color: var(--noir-raised);
    color: var(--text-muted);
    opacity: 1;
    line-height: 1;
    touch-action: manipulation;
  }

  body.theme-dark .clinical-charting-studio.markdown-source-view.is-live-preview .code-block-flair {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 8px;
    inset-inline-end: 12px;
  }

  @media (hover: hover) and (pointer: fine) {
    body.theme-dark .clinical-charting-studio pre > button.copy-code-button:hover,
    body.theme-dark .clinical-charting-studio.markdown-source-view.is-live-preview .code-block-flair:hover {
      border-color: var(--clinical-copy-hover-color, var(--nwp-cyan));
      color: var(--clinical-copy-hover-color, var(--nwp-cyan));
    }
  }

  body.theme-dark .clinical-charting-studio pre > button.copy-code-button:focus-visible,
  body.theme-dark .clinical-charting-studio.markdown-source-view.is-live-preview .code-block-flair:focus-visible {
    outline: 2px solid var(--noir-focus);
    outline-offset: 2px;
  }

  /* Live Preview adds an editable wrapper around the card. Let the card own
     its border and radius, and reserve a second header slot for native Edit.
     A container query responds to the note pane, not the application width. */
  .theme-dark .clinical-charting-studio.markdown-source-view.mod-cm6 .cm-embed-block.cm-callout:has(> .markdown-rendered > .callout[data-callout="clinical-note"]) {
    --embed-block-shadow-hover: none;
    --clinical-header-end: calc(var(--clinical-card-inset) + 2 * var(--clinical-control-size) + 20px);
    container: clinical-card / inline-size;
    border-radius: var(--clinical-card-radius);
    overflow: visible;
  }

  .theme-dark .clinical-charting-studio.markdown-source-view.mod-cm6 .cm-callout:has(> .markdown-rendered > .callout[data-callout="clinical-note"]) > .embed-actions {
    /* This wrapper has no border; include the card's 1px border in its inset. */
    top: 15px;
    inset-inline-end: calc(var(--clinical-card-inset) + var(--clinical-control-size) + 9px);
    opacity: 1;
    transition: none;
  }

  /* A titled clinical note keeps its real Markdown title outside the copied
     text. Reserve space for the original controls even when the title wraps. */
  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] {
    --callout-icon: lucide-pencil;
    --callout-color: var(--nwp-cyan);
    --callout-title-color: var(--h2-color);
    --clinical-copy-hover-color: #fff;
    position: relative;
    padding: 0;
    overflow: visible;
    border: 1px solid var(--noir-line);
    border-radius: var(--clinical-card-radius);
    background: linear-gradient(145deg, #1b1d20, var(--noir-surface) 58%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
    mix-blend-mode: normal;
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-title {
    min-block-size: 72px;
    direction: inherit;
    align-items: center;
    gap: 12px;
    padding-block: 14px;
    padding-inline: var(--clinical-card-inset) var(--clinical-header-end, calc(var(--clinical-card-inset) + var(--clinical-control-size) + 12px));
    border-block-end: 1px solid var(--noir-line);
    border-radius: 15px 15px 0 0;
    background: rgba(255, 255, 255, 0.015);
    font-family: var(--font-text);
    font-size: 1.05em;
    line-height: 1.45;
  }

  /* Match the header controls and their SVGs with one sizing rule. */
  body.theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-title > .callout-icon,
  body.theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-content > pre > button.copy-code-button,
  body.theme-dark .clinical-charting-studio .cm-callout:has(> .markdown-rendered > .callout[data-callout="clinical-note"]) > .embed-actions > .edit-block-button {
    --icon-size: 20px;
    box-sizing: border-box;
    display: inline-flex;
    inline-size: var(--clinical-control-size);
    block-size: var(--clinical-control-size);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-width: 2px;
    border-radius: 10px;
  }

  body.theme-dark .clinical-charting-studio .cm-callout:has(> .markdown-rendered > .callout[data-callout="clinical-note"]) > .embed-actions > .edit-block-button {
    border-style: solid;
    border-color: var(--noir-line);
    background-color: var(--noir-raised);
    color: var(--text-muted);
    cursor: var(--cursor-link);
    touch-action: manipulation;
  }

  @media (hover: hover) and (pointer: fine) {
    body.theme-dark .clinical-charting-studio .cm-callout:has(> .markdown-rendered > .callout[data-callout="clinical-note"]) > .embed-actions > .edit-block-button:hover {
      border-color: #fff;
      background-color: var(--background-modifier-hover);
      color: #fff;
    }
  }

  body.theme-dark .clinical-charting-studio .cm-callout:has(> .markdown-rendered > .callout[data-callout="clinical-note"]) > .embed-actions > .edit-block-button:focus-visible {
    outline: 2px solid var(--noir-focus);
    outline-offset: 2px;
  }

  @container clinical-card (max-width: 380px) {
    .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-title {
      flex-wrap: wrap;
      padding-inline: var(--clinical-card-inset);
    }

    .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-title > .callout-title-inner {
      flex-basis: 100%;
    }
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-title > .callout-icon {
    border-style: solid;
    border-color: transparent;
    background:
      linear-gradient(var(--noir-raised), var(--noir-surface)) padding-box,
      var(--nwp-gradient-line) border-box;
    color: var(--nwp-cyan);
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-title > .callout-title-inner {
    min-inline-size: 0;
    font-weight: 600;
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-content {
    position: static;
    overflow: visible;
    margin: 0;
    padding: 0;
    background: transparent;
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-content > pre {
    position: static;
    display: block;
    overflow: visible;
    margin: 0;
    padding: 20px var(--clinical-card-inset) 24px;
    border: 0;
    border-radius: 0 0 15px 15px;
    background: transparent;
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-content > pre > code {
    display: block;
    font-family: var(--font-text);
    font-size: var(--font-text-size);
    line-height: 1.8;
    color: var(--text-normal);
  }

  body.theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-content > pre > button.copy-code-button {
    position: absolute;
    top: 14px;
    inset-inline-end: var(--clinical-card-inset);
    margin: 0;
  }
}

@media screen and (max-width: 700px) {
  body.theme-dark {
    --file-margins: 20px;
    --callout-padding: 14px 16px;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title),
  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title)::before {
    transition: none;
  }
}

@media screen and (prefers-contrast: more) {
  body.theme-dark {
    --noir-line: #5a5a66;
    --background-modifier-border-hover: #888895;
    --text-normal: #f5f5f7;
    --text-muted: #d1d1db;
    --text-faint: #b7b7c3;
    --divider-color: #5a5a66;
    --table-border-color: #5a5a66;
  }
}

@media screen and (forced-colors: active) {
  .theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.nav-file-title, .nav-folder-title)::before {
    background-image: none;
    background-color: currentColor;
    opacity: 1;
    forced-color-adjust: none;
  }

  body.theme-dark,
  body.theme-dark .is-unresolved {
    --noir-link-ink: LinkText;
    --noir-link-ink-hover: LinkText;
    --link-color-hover: LinkText;
    --link-external-color-hover: LinkText;
    --noir-link-cyan-hover: LinkText;
    --noir-link-underline: none;
    --noir-link-underline-hover: none;
    --noir-link-icon: none;
    --noir-link-icon-hover: none;
    --noir-link-icon-opacity: 1;
    --noir-link-icon-opacity-hover: 1;
  }

  .theme-dark :is(
    a[href],
    .internal-link,
    .external-link,
    [role="link"],
    .copilot-citation-link,
    .similar-note-title,
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url),
    .cm-s-obsidian :is(.cm-hmd-internal-link, .cm-link, .cm-url) .cm-underline
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)) {
    color: LinkText;
    background-image: none;
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }

  .theme-dark :is(
    .external-link,
    a[href^="https://" i],
    a[href^="http://" i],
    a[href^="//"]
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):not(.internal-link, .cm-hmd-internal-link, .cm-link, .cm-url, .cm-underline)::after,
  .theme-dark :is(
    .external-link,
    a[href^="https://" i],
    a[href^="http://" i],
    a[href^="//"]
  ):not(:where(
    .tag, .clickable-icon, .nav-action-button, .mod-cta, [role="button"],
    .cm-formatting, .cm-inline-code, [contenteditable="true"]
  )):not(:has(> img, > canvas, a[href], [role="link"], .cm-underline)):not(.internal-link, .cm-hmd-internal-link, .cm-link, .cm-url, .cm-underline):is(:hover, :focus-visible)::after {
    /* A text glyph inherits system LinkText; embedded SVG colors do not. */
    content: "\202f\2197";
    color: LinkText;
    font-size: 0.78em;
    padding-inline-end: 0;
    background: none;
    opacity: 1;
    forced-color-adjust: auto;
  }

  .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link-string.external-link[contenteditable="false"]:empty {
    position: relative;
    background: none;
    color: LinkText;
  }

  .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link-string.external-link[contenteditable="false"]:empty::before {
    content: "\2197";
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.78em;
    line-height: 1;
    color: LinkText;
  }

  body.theme-dark {
    --background-primary: Canvas;
    --background-secondary: Canvas;
    --text-normal: CanvasText;
    --text-muted: CanvasText;
    --text-faint: CanvasText;
    --noir-line: ButtonBorder;
    --noir-focus: Highlight;
  }

  .theme-dark :is(.workspace-tab-header.is-active, .nav-file-title.is-active, .tree-item-self.is-active, button.mod-cta, .checkbox-container.is-enabled, input[type="checkbox"]:checked, a.tag, .cm-hashtag, .suggestion-item.is-selected) {
    background-image: none;
    box-shadow: none;
  }

  .theme-dark button.mod-cta:not(.mod-warning):not(.mod-destructive) {
    background-color: ButtonFace;
    color: ButtonText;
  }

  body.theme-dark .search-input-container > input:is([type="search"], [type="text"]) {
    background: Canvas;
    border-color: ButtonBorder;
    color: CanvasText;
  }

  body.theme-dark .search-input-container > input:is([type="search"], [type="text"]):focus {
    background: Canvas;
    border-color: Highlight;
    outline: 1px solid Highlight;
    outline-offset: 1px;
  }

  body.theme-dark .modal.mod-publish,
  .theme-dark .modal.mod-publish .tree-item-self.is-selected {
    background-image: none;
  }

  .theme-dark .clinical-charting-studio {
    --code-background: Canvas;
    --code-normal: CanvasText;
    --h3-color: CanvasText;
  }

  .theme-dark .clinical-charting-studio h2,
  .theme-dark .clinical-charting-studio.markdown-source-view.is-live-preview .HyperMD-header-2 {
    background-image: none;
    border-bottom: 1px solid CanvasText;
  }

  body.theme-dark .clinical-charting-studio pre > button.copy-code-button,
  body.theme-dark .clinical-charting-studio.markdown-source-view.is-live-preview .code-block-flair,
  body.theme-dark .clinical-charting-studio .cm-callout:has(> .markdown-rendered > .callout[data-callout="clinical-note"]) > .embed-actions > .edit-block-button {
    background-color: ButtonFace;
    border-color: ButtonText;
    color: ButtonText;
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] {
    --callout-title-color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-title {
    background: Canvas;
  }

  .theme-dark .clinical-charting-studio .callout[data-callout="clinical-note"] > .callout-title > .callout-icon {
    --callout-color: CanvasText;
    border-color: Highlight;
    background: Canvas;
    color: CanvasText;
  }
}

/*
 * Publish-specific structure for Kianium Noir.
 * Shared colors, typography, links and Clinical Charting Studio rules are
 * generated from the installed theme; this file maps the website's own UI.
 */
@media screen {
  .published-container {
    --page-side-padding: clamp(20px, 4vw, 56px);
    --page-width: calc(var(--file-line-width) + 2 * var(--page-side-padding));
    --page-title-size: var(--h1-size);
    --page-title-color: var(--inline-title-color);
    --page-title-weight: var(--inline-title-weight);
    --page-title-line-height: var(--inline-title-line-height);
    --sidebar-left-width: 260px;
    --sidebar-right-width: 260px;
    --sidebar-font-size: 13px;
    --sidebar-left-background: var(--background-secondary);
    --sidebar-right-background: var(--background-primary);
    --sidebar-left-border-color: var(--background-modifier-border);
    --header-background: var(--background-secondary);
    --nav-item-color: var(--text-muted);
    --nav-item-color-hover: var(--text-normal);
    --nav-item-color-active: var(--text-normal);
    --nav-item-weight-active: 600;
    --nav-parent-item-color: var(--text-muted);
    --nav-parent-item-color-active: var(--text-normal);
    --nav-item-border-color-active: var(--nwp-cyan);
    --site-name-color: var(--text-normal);
    --site-name-color-hover: var(--text-normal);
    --site-name-size: 20px;
    --site-name-weight: 650;
    --p-spacing: var(--font-text-size);
    background-color: var(--background-primary);
  }

  .published-container .markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
    margin-block: var(--p-spacing);
  }
  .published-container .markdown-rendered :is(h1, h2) {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .published-container .markdown-rendered .el-h2:first-of-type > h2 {
    margin-top: 0;
  }
  .published-container .markdown-rendered h1.page-header {
    margin: 0 0 0.8em;
    letter-spacing: -0.025em;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  .published-container .clinical-charting-studio h2 {
    padding-bottom: var(--size-4-2);
  }
  .published-container .markdown-preview-view {
    padding-block: var(--file-margins) 96px;
  }

  .theme-dark .published-container .site-header {
    background-color: var(--background-secondary);
  }
  .theme-dark .published-container .site-body-left-column-site-name {
    padding-bottom: 24px;
  }
  .theme-dark .published-container .search-view-container .search-bar {
    border: 1px solid var(--noir-line);
    border-radius: 10px;
    background-color: #151517;
    color: var(--text-normal);
    box-shadow: none;
    min-height: 36px;
  }
  .theme-dark .published-container .search-view-container .search-bar:focus {
    outline: 2px solid var(--nwp-cyan);
    outline-offset: 2px;
  }
  .theme-dark .published-container .nav-view-outer .tree-item-self {
    min-height: 32px;
    padding-block: 6px;
    padding-inline: 16px 10px;
    border-radius: var(--nav-item-radius);
    border-left-color: transparent;
    line-height: 1.35;
  }
  .theme-dark .published-container .nav-view-outer .tree-item-self.mod-active {
    color: var(--text-normal);
    background-color: var(--nav-item-background-active);
    background-image: var(--nwp-gradient);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2px 100%;
    border-left-color: transparent;
    padding-inline-end: 10px;
  }
  .theme-dark .published-container .nav-view-outer .tree-item-inner {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .theme-dark .published-container .nav-view-outer .tree-item-self a {
    color: inherit;
    font-weight: inherit;
  }
  .published-container .site-header > .clickable-icon {
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
  }
  @media (hover: hover) and (pointer: fine) {
    .theme-dark .published-container .nav-view-outer .tree-item-self:hover {
      background-color: #1c1c1f;
      opacity: 1;
    }
    .theme-dark .published-container .nav-view-outer .tree-item-self.mod-active:hover {
      background-color: #2c2c31;
    }
  }
}
@media screen and (max-width: 750px) {
  .published-container {
    --page-side-padding: 20px;
    --page-title-size: var(--h1-size);
    --sidebar-font-size: 14px;
  }
  .theme-dark .published-container .nav-view-outer .tree-item-self.is-clickable {
    min-height: 44px;
    padding-block: 10px;
  }
  .published-container .markdown-preview-view {
    padding-block-start: 24px;
  }
}
@media screen and (forced-colors: active) {
  .theme-dark .published-container .nav-view-outer .tree-item-self.mod-active {
    background: Highlight;
    color: HighlightText;
  }
  .theme-dark .published-container .search-view-container .search-bar:focus {
    outline-color: Highlight;
  }
}

/* The floating credit belongs to the right rail, which Publish hides at 1000px. */
@media screen and (max-width: 1000px) {
  .published-container { --footer-display: none; }
}