.logo {
  position: fixed;
  top: 8px;
  left: 5px;
}

.custom-page {
  text-align: center;
  /* border-bottom: var(--divider-width) solid var(--divider-color); */
}

.custom-page-logo {
  border-radius: 50%;
  width: 130px;
}

.social-logo {
  width: 20px;
}

.social-media-list {
  padding-left: 10px;
  list-style-type: none;
}

.social-media-list li {
  display: inline-block;
  padding-right: 10px;
}

.sm-site-title {
  padding-top: 0px;
  padding-bottom: 10px;
}

.sm-site-desc {
  padding-bottom: 10px;
  max-width: 80%;
  display: inline-block;
}


.sidebar-toggle-button.mod-left {
  position: relative;
  width: unset;
}

.collapse:not(.show) {
  display: none;
}

.workspace-split.mod-vertical.mod-root {
  min-width: 400px;
}

/* fix graph canvas height */
#localGraph {
  /* border: calc(0.5px + var(--divider-width)) solid var(--divider-color); */
  height: 50%;
}

#mynetwork {
  height: 100%;
}

#graph_all{
  height: 100%;
}

.is-sidedock-collapse {
  display: none;
  width: 0%;
}

.nav-buttons-container {
  justify-content: right !important;
}

img {
  display: initial !important;
  max-width: 100%;
}

.images.center {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
}

.images.right {
  display: block !important;
  margin-left: auto;
  margin-right: 0;
}

.popup-icon {
  padding-bottom: 1px;
  top: -6px;
  position: relative;
  left: 3px;
}

#loading-text {
  position: absolute;
  top: 8px;
}

.inline-title {
  padding-bottom: 30px;
}

#mdContent h1:nth-of-type(1) {
  padding-top: 0px !important;
}

h1, h2, h3, h4 {
  padding-top: 30px;
}

.sidebar-top h3{
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.toc-item {
  padding-left: 10px !important;
}

.metadata-text {
  line-height: 1.9;
  text-indent: 5px;
}

.is-collapsed-callout {
  display: none;
}

.callout-title-inner * {
  display: inline !important;
  
}

.popover.hover-popover > * {
  width: 100%;
} 

span.cm-highlight {
  background-color: var(--text-highlight-bg);
  color: var(--text-normal);
}

#tags_container {
  margin-top: 30px;
}


/* Position and appearance of copy icon */
.copy-icon {
  cursor: pointer;
  color: var(--text-tag);
  font-size: 0.9em;
  margin-left: 0.25em;
  visibility: hidden;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

/* Show icon only on hover */
h1:hover .copy-icon,
h2:hover .copy-icon,
h3:hover .copy-icon,
h4:hover .copy-icon,
h5:hover .copy-icon,
h6:hover .copy-icon {
  visibility: visible;
}

/* Hover effect */
.copy-icon:hover {
  color: var(--text-accent);
}

/* Temporary success state */
.copy-icon.copied {
  color: green;
  visibility: visible;
}










/* --------------- */
/* Mobile / Responive Settings */

@media screen and (max-width: 990px) {

   .workspace-split.mod-horizontal.mod-right-split {
    display: none;
  } 
  .workspace-split.mod-horizontal.mod-left-split {
    width: 90vw !important;
    max-width: 300px !important;
  }

  .markdown-preview-view {
    padding: 10px !important;

  }

  .sidebar-toggle-button.mod-right {
    display: none;
  }

  .workspace-split.mod-vertical.mod-root {
    min-width: unset;
  }

  #mdContent {
    padding-right: 30px;
  }

}

/* 見出し（h1からh6）とインラインタイトルのフォントを強制リセット */
h1, h2, h3, h4, h5, h6, .inline-title, .view-header-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-variant: normal !important; /* スモールキャップスなどの特殊装飾を解除 */
    text-transform: none !important; /* 勝手に大文字になるのを防ぐ */
    font-weight: 500 !important; /* 太さ */
}

/* テーマ独自の変数（見出し用）も上書き */
:root {
    --header-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --font-family-header: var(--header-font) !important;
}

/* 1. Properties (メタデータ) セクションの上書き */
.metadata-container, 
.metadata-property, 
.metadata-property-key, 
.metadata-property-value,
.metadata-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 2. ハッシュタグ (#tag) の上書き */
a.tag, 
.tag, 
.cm-hashtag, 
.metadata-property[data-property-key="tags"] .multi-select-pill-content {
    font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace !important;
    font-variant: normal !important;
}

/* 3. テーマ固有の変数を念押しで上書き */
:root {
    --font-adaptive: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --metadata-label-font: var(--font-adaptive) !important;
    --metadata-input-font: var(--font-adaptive) !important;
    --tag-font: var(--font-adaptive) !important;
}

/* 左下の設定ボタン（歯車アイコン）を非表示にする */
div.clickable-icon.side-dock-ribbon-action[aria-label="Settings"] {
    display: none !important;
}

/* ついでにその上にあるヘルプ（？）ボタンも消したい場合は以下も追記 */
div.clickable-icon.side-dock-ribbon-action[aria-label="Help"] {
    display: none !important;
}

/* ソーシャルメディアリスト（旗のアイコンが含まれるエリア）を非表示にする */
.social-media-list {
    display: none !important;
}

/* 親コンテナ：標準の余白を活かすためマージンをリセット */
.workspace-sidedock-vault-profile {
    display: flex !important;
    flex-direction: column;
    width: 100% !important; /* 親の幅いっぱい（余白の内側）に設定 */
    margin: 0 0 12px 0 !important; /* 下のメニューとの間隔を微調整 */
    padding: 0 !important;
}

/* ボタン：下の選択色と同じような角丸とサイズにする */
.workspace-sidedock-vault-profile .nav-action-button {
    width: 100% !important;
    height: 30px !important; /* 下のメニューの高さに合わせる */
    display: none !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: var(--background-modifier-border) !important;
    border-radius: 4px !important; /* 下の選択背景に合わせた角丸 */
    cursor: pointer;
    border: none !important; /* 枠線を消してスッキリさせる */
}

/* 表示制御ロジック（ここが肝心） */
.workspace-sidedock-vault-profile .nav-action-button[style*="display: flex"],
.workspace-sidedock-vault-profile .nav-action-button[style*="display: inline-flex"],
.workspace-sidedock-vault-profile .nav-action-button:not([style*="display: none"]) {
    display: flex !important;
}

/* ホバー時の色 */
.workspace-sidedock-vault-profile .nav-action-button:hover {
    background-color: var(--background-modifier-border-hover) !important;
}

/* 文字コンテナの完全消去 */
.workspace-drawer-vault-switcher {
    display: none !important;
}

/* 1. ボタンエリア自体の上の余白を最小化する */
.workspace-sidedock-vault-profile {
    margin-top: 0 !important; /* 上の余白をゼロに */
    margin-bottom: 10px !important;
}

/* 2. ボタンの上にある「sm-site-desc」エリアの下の余白を削る */
.sm-site-desc {
    margin-bottom: 0 !important;
    padding-bottom: 5px !important;
}

/* 3. ロゴや説明文を包んでいるカスタムページ全体の余白を調整 */
.custom-page {
    padding-bottom: 0 !important;
}

/* 4. もしボタンの上に空の div や改行要素がある場合に備えて高さを削る */
.custom-page + div, 
.sm-site-desc + div {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* もし線が消えない場合、境界線として設定されている可能性があるので以下も追加 */
.workspace-sidedock-vault-profile {
    border-top: none !important;
}

/* 紋章を含むリンクの枠線を消す（念のため） */
.workspace-leaf-content a {
    text-decoration: none !important;
    border: none !important;
}

/* --- Ebullientworks 馴染みリンク設定 --- */

/* 1. 内部リンク（深みのある青緑） */
.markdown-rendered .internal-link {
    color: #3e8e8e !important; /* 落ち着いた青緑（ティール） */
    text-decoration: none;
    border-bottom: 1px solid rgba(62, 142, 142, 0.2);
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

/* 2. 外部リンク（深みのある青） */
.markdown-rendered a:not(.internal-link) {
    color: #4a6fa5 !important; /* スレートブルー寄りの青 */
    text-decoration: none;
    border-bottom: 1px solid rgba(74, 111, 165, 0.2);
}

/* 3. ページ内リンクや特殊リンク（深い紫） */
.markdown-rendered a.tag, 
.markdown-rendered .footnote-link {
    color: #7d5a94 !important; /* くすんだパープル */
}

/* 4. 未作成のノート（暗い赤） */
.markdown-rendered .internal-link.is-unresolved {
    color: #a64d4d !important; /* 警告色すぎない暗めの赤 */
    opacity: 0.8;
}

/* --- ホバーアクション：ほんのり背景色 --- */

/* 内部リンクホバー */
.markdown-rendered .internal-link:hover {
    color: #4db6b6 !important; /* 少し明るい青緑 */
    background-color: rgba(62, 142, 142, 0.08) !important; /* ほんのりティール */
    border-bottom: 1px solid #4db6b6;
}

/* 外部リンクホバー */
.markdown-rendered a:not(.internal-link):hover {
    color: #6a89cc !important; /* 少し明るい青 */
    background-color: rgba(74, 111, 165, 0.08) !important; /* ほんのりブルー */
    border-bottom: 1px solid #6a89cc;
}

/* 未作成リンクホバー */
.markdown-rendered .internal-link.is-unresolved:hover {
    background-color: rgba(166, 77, 77, 0.08) !important; /* ほんのりレッド */
}

/* グラフビューのコントロール内にある設定アイコンを非表示にする */
.graph-controls-button.mod-open[aria-label="Open graph settings"] {
    display: none !important;
}

/* 記事本文のコンテナの最大幅を700pxに制限し、中央に寄せる */
.mod-root .markdown-preview-sizer {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* タイトルとコンテンツの間の余白を詰める設定
.inline-title {
    padding-bottom: 0px !important; /* タイトルの下の余白を最小限に */
}

.inline-title-container {
    margin-bottom: 0 !important;
}

#mdContent > *:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important; /* コンテンツの最初の要素の上の余白を消す */
}
 */


/* 1. 記事内の画像そのものへのマウス操作を無効化 */
.markdown-rendered img {
    pointer-events: none !important; /* すべてのマウスイベント（クリック・ホバー）を無視 */
    cursor: default !important;     /* カーソルを指マークにしない */
    user-select: none !important;    /* 選択も不可にする（任意） */
}

/* 2. 画像がリンクの中に含まれている場合（aタグ）も考慮 */
.markdown-rendered a:has(img) {
    pointer-events: none !important;
    cursor: default !important;
}

/* 3. 画像の消失を防ぐ（念押し） */
.markdown-rendered img {
    display: inline-block !important; /* 消えないように強制 */
    visibility: visible !important;
}

/* Linked mentionsを消す */
.tree-item-inner:has(+ .tree-item-flair-outer #nodeCount) ,
.tree-item-flair-outer:has(#nodeCount) {
  display: none;
}

/* 右下のステータス表示を消す */
.status-bar {
  display: none;
}

.markdown-rendered h2{
  font-size: 150% !important;
}

.markdown-rendered h3{
  font-size: 120% !important;
}

/* タイトル前の § を消す */
.markdown-rendered h1::before,
.markdown-rendered h2::before,
.markdown-rendered h3::before,
.markdown-rendered h4::before,
.markdown-rendered h5::before,
.markdown-rendered h6::before {
  display: none !important;
}

/* 携帯用TOCおよび全TOC共通の階層線を完全に消去 */

/* 1. モバイルメニュー内の階層線をピンポイントで消す */
.offcanvas-body .tree-item-children {
    border-left: none !important;
    border-inline-start: none !important;
    margin-left: 0 !important;
}

/* 2. PC・モバイル共通：すべての tree-item-children の線を消す */
.tree-item-children {
    border-left: none !important;
    border-inline-start: none !important;
}

/* 1. まず、すべての階層のデフォルト余白をゼロにする（縦線を消した後の微調整） */
#toc .tree-item-children {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 2. 2階層目以降（h3レベル以降に対応）のコンテナにのみインデントを付与 */
/* tree-item-children の中にある tree-item-children を対象にします */
#toc .tree-item-children .tree-item-children {
    padding-left: 0px !important; /* ここの数値でインデント幅を調整 */
}

/* 3. さらに深い階層（h4以降）があれば、さらにインデントを重ねる */
#toc .tree-item-children .tree-item-children .tree-item-children {
    padding-left: 10px !important;
}