/*
This rule uses a simple class selector to make the footer
thinner by overriding the vertical padding on the main
footer container.
*/
.hextra-max-footer-width {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

/*
This new rule specifically targets the `div` that contains the
copyright text. By making it a flex container and centering
its content, we can force the text to be horizontally centered
regardless of what other classes might be present.
*/
.hextra-max-footer-width div div {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/*
You can adjust the padding values (e.g., 4px) to make it
even thinner. Try different values to find what looks best for your site.
*/

/* Reduce left and right padding on main content to make guide contents wider */
main {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
}

/* For medium screens and up, use slightly larger but still minimal padding */
@media (min-width: 48rem) {
    main {
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
    }
}

.inline-img {
    display: inline !important;
}

.giscus-notice {
  /* background: #fef3c7; */
  border: 1px solid #fcd34d;
  padding: 12px;
  margin-bottom: 16px;
  border-radius: 8px;
  font-size: 14px;
}

@font-face {
  font-family: "Figtree";
  src: url("fig.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

/* Apply Figtree font with higher specificity to override Tailwind defaults */
html, body, .content {
  font-family: "Figtree", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  font-family: "Figtree", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Reduce padding around horizontal rules */
hr {
  margin: 1rem 0 !important;
}