.md-sidebar--primary, .md-sidebar--secondary {
      display: none;
    }
    /* --- 1. Remove space at the top of the page --- */
/* This targets the main container that holds all content in the theme */
.md-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* --- 2. Remove space between elements on your landing page --- */
/* Target the specific div holding your custom landing page content */
.landing-page {
  /* Remove any default padding/margins on the container itself */
  margin: 0;
  padding: 0;
}

/* Target the main title */
.landing-title {
  margin-top: 0;      /* Remove top margin on the title */
  margin-bottom: 5px; /* Reduce space below the title */
}

/* Target the subtitle */
.landing-subtitle {
  margin-top: 0;
  margin-bottom: 15px; /* Adjust spacing as needed */
}

/* Target the list that holds your navigation links */
.landing-nav ul {
  margin-top: 0;
  padding-left: 0;    /* Remove default list bullet point padding */
  list-style: none;   /* Optionally remove bullet points */
}

/* Target individual list items */
.landing-nav-item {
  margin-bottom: 5px; /* Reduce space between each navigation link */
}

/* Target the links themselves */
.landing-nav-link {
  padding: 5px 0;     /* Reduce internal padding of links */
}
/* docs/extra.css */

.button-container {
    display: flex !important;
    flex-direction: column !important; /* Stacks the buttons vertically */
    /*justify-content: center; /* Centers buttons along the vertical axis */
    /*align-items: center; /* Centers buttons along the horizontal axis */
    /* Optional: set a height for the container to see the centering effect */
    /* height: 200px; */
}

.button-container .md-button {
    margin: 10px 0; /* Adds vertical spacing between buttons */
}

.button-vertical-group {
    display: flex;
    flex-direction: column; /* This is the key property */
    gap: 10px; /* Adds consistent spacing between buttons */
    /* Optional: Center the group within its horizontal space */
    /*align-items: center;*/
}

/* Stack the buttons vertically with tight spacing */
.md-typeset .button-vertical-group {
  display: grid;
  grid-auto-rows: min-content;
  gap: 0.5rem;           /* space between buttons */
  align-items: start;     /* keep left-aligned */
}

/* Remove default inline spacing from md-button */
.md-typeset .button-vertical-group .md-button {
  margin: 0;
}

/* Ensure buttons don't expand full width */
.md-typeset .button-vertical-group a.md-button {
  display: inline-flex;   /* match Material's button layout */
  width: auto;            /* no full-width blocks */
  margin: 0;              /* override any theme margins */
}

/* place our quick-nav to the right in the top bar */
.top-swap {
  position: absolute;
  right: 1rem;
  top: 0.6rem;  /* tweak as needed */
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

@media (max-width: 960px) {
  .top-swap { position: static; padding: .5rem 1rem; }
}


/* Targets the titles of the in-page content tabs (using ```tabbed syntax) */
.tabbed-set__label {
    font-family: Erdas, Arial, sans-serif;
    font-size: 0.8rem; /* Optional: change the size too */
}

.tabbed-set__label--active {
    font-weight: bold; /* Make active tab title bold */
    color: #007ACC;    /* Change color of active tab title */
}

/* docs/css/extra.css */

/* Target any element with class .text-red that is INSIDE an h3 */
h3 .text-red {
    color: #CC0000 !important; /* The !important is likely mandatory here */
}

/* Also keep the original for text outside headlines */
.text-red {
    color: #CC0000 !important;
}

/* Target any element with class .text-red that is INSIDE an h3 */
h3 .text-teal {
    color: #008080 !important; /* The !important is likely mandatory here */
}

/* Also keep the original for text outside headlines */
.text-teal {
    color: #008080 !important;
}