/* Set masthead font size */
.site-title {
  font-size: 1.6rem !important;     /* adjust this value */
  line-height: 1.4 !important;
}

/* Set masthead font size */
.masthead__menu-item a {
  font-size: 0.8rem !important;     /* adjust this value */
  line-height: 1.4 !important;
}


/* Disable Minimal Mistakes sidebar fade effect */

/* Sidebar wrapper */
.sidebar.sticky,
.author__avatar,
.author__content,
.author__bio,
.author__urls-wrapper {
  opacity: 1 !important;        /* always full opacity */
  filter: none !important;      /* remove softening blur/haze */
  transition: none !important;  /* remove fade-in/out animation */
}


/* Make all social icons grayscale (GitHub, Email, LinkedIn, etc.) */
.author__urls-wrapper .fa,
.author__urls-wrapper .fab,
.author__urls-wrapper .fas {
  color: #7f8794 !important;   /* or #000 for black */
}

/* Smaller body copy across the site (main column) */
.page__content {
  font-size: 0.75rem;    /* try 0.95, 0.93, 0.9 as you prefer */
  line-height: 1.4;     /* keep line-height comfortable */
}

/* A clean, centered text box with controlled width */
.page__content .text-box {
  width: 95%;                 /* keeps line length comfortable; change to 640px/700px if you prefer */
  margin: 1rem auto;          

  padding: 1rem 1.25rem;
  border: none !important;            
  background: transparent !important; 

  font-size: 0.75rem;
  text-align: justify;
  text-justify: inter-word
  line-height: 1.4;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal;
  hyphens: none !important;
}

/* ---- Auto dark-mode overrides (scoped by data-theme) ---- */
html[data-theme="dark"] {
  /* Core page colors */
  --mm-bg: #0d0f12;
  --mm-surface: #0f1216;
  --mm-text: #d9e0ea;
  --mm-subtle-text: #aeb7c4;
  --mm-border: #263241;
  --mm-link: #8fb4ff;
  --mm-link-hover: #b4ccff;

  background-color: var(--mm-bg);
  color: var(--mm-text);
}

/* Body & common containers */
html[data-theme="dark"] body,
html[data-theme="dark"] .page,
html[data-theme="dark"] .page__inner-wrap,
html[data-theme="dark"] .page__content {
  background-color: var(--mm-bg);
  color: var(--mm-text);
}

/* Masthead / header */
html[data-theme="dark"] .masthead,
html[data-theme="dark"] .greedy-nav {
  background-color: #0f1216;
  color: var(--mm-text);
  border-bottom: 1px solid var(--mm-border);
}

/* Links */
html[data-theme="dark"] a { color: var(--mm-link); }
html[data-theme="dark"] a:hover { color: var(--mm-link-hover); }

/* Card-like surfaces, code blocks, etc. */
html[data-theme="dark"] .notice,
html[data-theme="dark"] .highlighter-rouge,
html[data-theme="dark"] pre.highlight,
html[data-theme="dark"] code,
html[data-theme="dark"] .archive__item,
html[data-theme="dark"] .sidebar {
  background-color: var(--mm-surface);
  color: var(--mm-text);
  border-color: var(--mm-border);
}

/* Tables */
html[data-theme="dark"] table { color: var(--mm-text); }
html[data-theme="dark"] table th,
html[data-theme="dark"] table td {
  border-color: var(--mm-border);
}

/* Search input and form elements */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: #131822;
  color: var(--mm-text);
  border-color: var(--mm-border);
}

/* Increase font size of "On this page" heading */
.toc > header h4 {
  font-size: 0.8rem !important;   /* adjust to preferred size */
  font-weight: 600;               /* optional: make it bolder */
}

/* Increase font size of Table of Contents sidebar */
.toc__menu,
.toc__menu li,
.toc__menu a {
  font-size: 0.75rem !important;   /* default is ~0.75rem */
  line-height: 1.5;
}


/* Recent updates styles */
.updates { margin: 1.25rem 0; }             /* slightly tighter section margin */
.updates__title { margin-bottom: 0.5rem; }  /* less space below section title */

.updates__list { list-style: none; margin: 0; padding: 0; }

/* Two-column layout: (smaller) icon + body */
.updates__item {
  display: grid;
  grid-template-columns: 0.75rem 1fr;       /* icon column smaller */
  gap: 0.18rem 0.35rem;                     /* less row/column gap */
  padding: 0.25rem 0;                       /* tighter vertical padding */
}
.updates__item:last-child { border-bottom: 0; }

/* Icon size ↓ and alignment */
.updates__icon {
  width: 0.75rem;                           /* was 0.9rem */
  text-align: center;
  line-height: 1;
  font-size: 0.75rem;                       /* was 0.9rem */
  filter: saturate(1.05) contrast(1.03);    /* softer than before */
}

/* Body and headline row */
.updates__body { min-width: 0; }            /* prevent overflow on long text */
.updates__headline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.08rem 0.25rem;                     /* tighter inline spacing */
  margin-bottom: 0.05rem;                   /* minimal space before body text */
}

/* Date and title: compact typography */
.updates__date {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.3;                        /* was 0.8 (too tight for some fonts) */
  margin: 0;
}

.updates__title {
  font-weight: 500;                         /* a touch bolder for scannability */
  line-height: 1.3;                         /* compact but readable */
  margin: 0;
}

/* Body text tighter and with correct CSS syntax */
.updates__text {
  color: #7f8794;
  margin-top: 0.2rem;                       /* small but present breathing room */
  font-weight: 300;
  line-height: 1.3;                         /* denser paragraph rhythm */
}

.updates__extra {
  font-weight: 500;                         /* a touch bolder for scannability */
  line-height: 1.3;                         /* compact but readable */
  margin: 0;
}

.updates__extra:hover,
.updates__extra:focus { text-decoration: underline; }

/* Responsiveness: keep it compact on small screens too */
@media (max-width: 540px) {
  .updates__item {
    grid-template-columns: 1rem 1fr;        /* slightly larger tap target for icon */
    gap: 0.16rem 0.3rem;
    padding: 0.22rem 0;
  }
  .updates__icon {
    font-size: 0.85rem; width: 1rem;        /* small but legible */
  }
  .updates__title { font-size: 0.96rem; }
}