/* Make full-width elements like iframes break out of the default container */
.full-width-embed iframe {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    max-width: 100vw;
    border: none;
}

/* this works */
/* Shrink all <h1> elements globally */
.md-typeset hx {
  font-size: 1.0rem;   /* smaller font size */
  margin-top: 0;
  margin-bottom: 0.2rem;
}

/* this came from chatgpt, but it does not work and I can't seem to find
where this has ever been suggested as a real thing */
/* Hide <h1> if the body has class 'hide-h1'
body.hide-h1 .md-typeset h1:first-of-type {
  display: none;
}
*/

/* this works, but it can be overkill */
/* Hide all <h1> elements globally
.md-typeset h1:first-of-type {
    display: none;
}
*/


/* Reduce the overall size of the search field */
.md-search__form {
    max-width: 20rem; /* Adjust this value to your preference */
}

/* On larger screens, ensure the search icon is positioned correctly */
@media screen and (min-width: 76.1875em) {
    .md-search {
        flex-grow: 0;
    }
}