/* ===========================================================
   pentest-lab-notes — レッドチーム配色（赤 × 黒）
   =========================================================== */

:root {
  --ptl-red: #ff2d4a;
  --ptl-red-dim: #c81e38;
  --ptl-red-glow: rgba(255, 45, 74, 0.35);
}

/* ----- ダークモード（slate）：より黒く、赤を主役に ----- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0b0d10;
  --md-primary-fg-color--light: #14171c;
  --md-primary-fg-color--dark: #050607;
  --md-accent-fg-color: var(--ptl-red);

  --md-default-bg-color: #0a0c0f;
  --md-code-bg-color: #0f1216;
  --md-typeset-a-color: var(--ptl-red);

  --md-footer-bg-color: #050607;
  --md-footer-bg-color--dark: #050607;
}

/* 上部ヘッダーに薄い赤のアンダーライン（ターミナルのプロンプト感） */
[data-md-color-scheme="slate"] .md-header {
  border-bottom: 1px solid rgba(255, 45, 74, 0.35);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

/* 見出しは等幅＋赤アクセント。h1/h2 は左に赤バー */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  letter-spacing: -0.01em;
}
[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #f4f6f8;
  text-shadow: 0 0 18px var(--ptl-red-glow);
}
.md-typeset h2 {
  padding-left: 0.6rem;
  border-left: 3px solid var(--ptl-red);
}

/* リンクはホバーでネオンに光る */
[data-md-color-scheme="slate"] .md-typeset a:hover {
  text-shadow: 0 0 8px var(--ptl-red-glow);
}

/* インラインコード：赤文字＋薄い赤枠 */
[data-md-color-scheme="slate"] .md-typeset code {
  color: #ff8a9b;
  border: 1px solid rgba(255, 45, 74, 0.2);
}

/* コードブロックに左の赤バー＋わずかな発光 */
[data-md-color-scheme="slate"] .md-typeset pre > code {
  border-left: 2px solid var(--ptl-red-dim);
}

/* ナビの現在項目を赤で強調 */
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active {
  color: var(--ptl-red);
}

/* 選択テキストも赤系に */
[data-md-color-scheme="slate"] ::selection {
  background: rgba(255, 45, 74, 0.35);
}

/* 引用（注意書き）の左バーを赤に */
[data-md-color-scheme="slate"] .md-typeset blockquote {
  border-left-color: var(--ptl-red-dim);
}

/* ===========================================================
   サイドバー：グループ見出し（押せない）とページ（押せる）を区別
   =========================================================== */

/* セクション見出し = navigation.sections が付ける押せないラベル。
   小さめ・大文字・字間広め・グレーで「見出し」だと一目でわかるように。 */
.md-nav__item--section > .md-nav__link,
.md-nav--primary .md-nav__item--section > label.md-nav__link {
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--md-default-fg-color--light);
  opacity: 0.75;
  cursor: default;           /* 押せない見た目に */
  margin-top: 0.5rem;
  pointer-events: none;      /* そもそもクリックを受け付けない */
}
[data-md-color-scheme="slate"] .md-nav__item--section > .md-nav__link {
  color: #8a9199;
}

/* 実際に飛べるページリンクは少し左に字下げして「子項目」だと示す */
.md-nav__item--section .md-nav__list .md-nav__link {
  cursor: pointer;
}
.md-nav__item--section .md-nav__list .md-nav__link:not(.md-nav__link--active) {
  color: var(--md-default-fg-color--light);
}
/* ホバーで赤くなって「押せる」ことを明示 */
.md-nav__item--section .md-nav__list .md-nav__link:hover {
  color: var(--ptl-red);
}