/* ── Terminal-inspired theme ── */

:root {
  --terminal-cyan: #e8956a;
  --terminal-warm: #be5825;
  --terminal-dim: #8892a0;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0d1117;
  --md-default-bg-color--light: #161b22;
  --md-code-bg-color: #161b22;
  --md-accent-fg-color: var(--terminal-cyan);
  --md-typeset-a-color: var(--terminal-cyan);
}

/* ── Light mode ── */
[data-md-color-scheme="default"] {
  --terminal-warm: #8b3a0f;
  --md-default-bg-color: #ffffff;
  --md-default-bg-color--light: #f6f8fa;
  --md-code-bg-color: #f6f8fa;
  --md-accent-fg-color: var(--terminal-warm);
  --md-typeset-a-color: var(--terminal-warm);
}

[data-md-color-scheme="default"] .md-header {
  background: #ffffff;
  border-bottom: 1px solid #d0d7de;
}

[data-md-color-scheme="default"] .md-sidebar--primary {
  background: #ffffff;
}

[data-md-color-scheme="default"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  color: #24292f;
}

[data-md-color-scheme="default"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link:hover,
[data-md-color-scheme="default"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link--active {
  color: var(--terminal-warm);
}

[data-md-color-scheme="default"] .md-typeset a {
  color: var(--terminal-warm);
}

[data-md-color-scheme="default"] .md-typeset a:hover {
  color: var(--terminal-warm);
}

[data-md-color-scheme="default"] .md-typeset code {
  background: #f6f8fa;
  border: 1px solid #d0d7de;
  color: var(--terminal-warm);
}

[data-md-color-scheme="default"] .md-typeset pre > code {
  border: 1px solid #d0d7de;
}

[data-md-color-scheme="default"] .md-typeset h1 {
  color: var(--terminal-warm);
  font-weight: 700;
  font-size: 1.4rem;
}

[data-md-color-scheme="default"] .md-typeset h2 {
  color: var(--terminal-warm);
  border-bottom: 1px solid #d0d7de;
  padding-bottom: 0.2rem;
  margin-top: 1.5rem;
}

[data-md-color-scheme="default"] .md-typeset .intro {
  color: #57606a;
  line-height: 1.5;
}

[data-md-color-scheme="default"] .md-typeset .intro a {
  color: var(--terminal-warm);
  font-weight: 600;
}

[data-md-color-scheme="default"] .md-typeset .content-item strong {
  color: #24292f;
}

[data-md-color-scheme="default"] .md-search__input {
  background: #f6f8fa;
  border: 1px solid #d0d7de;
}

/* ── Left sidebar ── */
[data-md-color-scheme="slate"] .md-sidebar--primary {
  background: #0d1117;
}

/* Hide sidebar site title */
.md-nav--primary > .md-nav__title {
  display: none;
}

/* Hide right TOC sidebar */
.md-sidebar--secondary {
  display: none !important;
  width: 0 !important;
}

/* Sidebar nav links — minimal spacing */
[data-md-color-scheme="slate"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  color: #c9d1d9;
}

[data-md-color-scheme="slate"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link--active {
  color: var(--terminal-cyan);
}

/* Sidebar — kill all extra padding/margins */
.md-nav--primary > .md-nav__list > .md-nav__item {
  padding: 0 !important;
  margin: 0 !important;
}

.md-nav--primary .md-nav__list {
  padding: 0 !important;
  margin: 0 !important;
}

.md-sidebar--primary .md-sidebar__inner {
  padding-top: 0.3rem;
}

.md-nav--primary > .md-nav__list {
  padding-left: 0.5rem !important;
}

/* Content area */
.md-content {
  max-width: 800px;
}

.md-content__inner {
  padding-top: 6rem;
}

.md-grid {
  max-width: 1100px;
}

/* Hide Material's auto-generated h1 */
.md-content__inner > h1 {
  display: none !important;
}

/* Custom page title — Material can't touch this */
.page-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

[data-md-color-scheme="slate"] .page-title,
[data-md-color-scheme="slate"] .page-title .cursor {
  color: var(--terminal-cyan);
}

[data-md-color-scheme="default"] .page-title,
[data-md-color-scheme="default"] .page-title .cursor {
  color: var(--terminal-warm);
}

.page-title .cursor {
  animation: blink 1s step-end infinite;
  margin-left: 2px;
}

@keyframes blink {
  50% { opacity: 0; }
}

/* Tighten default typeset spacing */
.md-typeset {
  line-height: 1.45;
  font-size: 0.85rem;
}

.md-typeset p {
  margin-bottom: 0.4em;
}

.md-typeset ul {
  margin-bottom: 0.4em;
}

.md-typeset li {
  margin-bottom: 0.15em;
}

/* Terminal-style header bar */
[data-md-color-scheme="slate"] .md-header {
  background: #0d1117;
  border-bottom: 1px solid #21262d;
}

/* Show page title in header with / prefix */
.md-header__title .md-header__topic:first-child {
  display: none !important;
}

.md-header__title .md-header__topic:nth-child(2) .md-ellipsis::before {
  content: "/";
}

/* Hide tabs — nav is in sidebar only */
.md-tabs {
  display: none;
}

/* Links */
[data-md-color-scheme="slate"] .md-typeset a {
  color: var(--terminal-cyan);
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: var(--terminal-warm);
}

/* Code blocks */
[data-md-color-scheme="slate"] .md-typeset code {
  background: #161b22;
  border: 1px solid #21262d;
  color: var(--terminal-warm);
}

[data-md-color-scheme="slate"] .md-typeset pre > code {
  border: 1px solid #21262d;
}

/* Headings */
[data-md-color-scheme="slate"] .md-typeset h1 {
  color: var(--terminal-cyan);
  font-weight: 700;
  font-size: 1.4rem;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  color: var(--terminal-warm);
  border-bottom: 1px solid #21262d;
  padding-bottom: 0.2rem;
  margin-top: 1.5rem;
}

/* Search bar */
[data-md-color-scheme="slate"] .md-search__input {
  background: #161b22;
  border: 1px solid #21262d;
}

/* ── Homepage editorial styles ── */

[data-md-color-scheme="slate"] .md-typeset .intro {
  color: #8b949e;
  line-height: 1.5;
}

[data-md-color-scheme="slate"] .md-typeset .intro a {
  color: var(--terminal-cyan);
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-typeset .content-item strong {
  color: #c9d1d9;
}

.content-item {
  margin-bottom: 0.2rem;
  line-height: 1.5;
}

[data-md-color-scheme="slate"] .content-item {
  color: #8b949e;
}

[data-md-color-scheme="default"] .content-item {
  color: #57606a;
}

/* Profile photo */
.profile-photo {
  float: right;
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 12px;
  margin: 0 0 1rem 2rem;
  border: 2px solid var(--border, #21262d);
}

