/* Monochrome palette matching the portfolio site (Tailwind neutral scale) */

:root {
  --md-primary-fg-color: #171717;
  --md-primary-fg-color--light: #171717;
  --md-primary-fg-color--dark: #171717;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffff;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #ffffff;
  --md-typeset-a-color: #171717 !important;
  --md-accent-fg-color: #171717 !important;
  --md-accent-fg-color--transparent: rgba(23, 23, 23, 0.1) !important;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0a0a0a;
  --md-primary-fg-color--light: #0a0a0a;
  --md-primary-fg-color--dark: #0a0a0a;
  --md-default-bg-color: #0a0a0a;
  --md-typeset-a-color: #ffffff !important;
  --md-accent-fg-color: #ffffff !important;
  --md-accent-fg-color--transparent: rgba(255, 255, 255, 0.1) !important;
}

.md-typeset a:hover {
  opacity: 0.75;
}

/* Post list cards — dashed border + corner-shift hover, matching the
   portfolio site's card language (writings teaser, skills, etc.) */

.md-post {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 1.75rem;
  margin: 0 0 1.5rem 0;
  border: 1px dashed var(--md-default-fg-color--lightest);
  border-radius: 1rem;
  transition: transform 0.25s ease-out, border-color 0.25s ease-out;
}

.md-post:hover {
  transform: translate(-4px, -4px);
  border-color: var(--md-default-fg-color--light);
}

.md-post__header {
  order: 2;
  margin: 0.75rem 0 0 0;
  padding: 0;
  border: none;
}

.md-post__content {
  order: 1;
  margin: 0;
}

.md-post__content.md-typeset h2 {
  margin: 0 0 0.5rem 0;
  font-size: 1.05rem;
  font-weight: 700;
}

.md-post__content.md-typeset h2 a {
  color: inherit;
  text-decoration: none;
}

.md-post__content.md-typeset > p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--md-default-fg-color--light);
}

.md-post__content.md-typeset > p + p {
  margin-top: 0.5rem;
}

.md-meta,
.md-meta__list,
.md-meta__item {
  font-size: 0.75rem;
  color: var(--md-default-fg-color--light);
}

.md-meta__list {
  padding: 0;
  margin: 0;
}