/* Import the Exo font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;700&display=swap');

/* Apply the Exo font to the entire page */
body {
  font-family: 'Exo', sans-serif;
}

/* Specific styling for headers and paragraphs */
h1 {
  font-family: 'Exo', sans-serif;
  font-weight: 700; /* Bold weight */
}

p {
  font-family: 'Exo', sans-serif;
  font-weight: 400; /* Normal weight */
}

/* Apply styles only to images NOT inside links with the class "md-logo" */
img:not(.md-logo img) {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Download button styling */
.md-content__button {
  margin-top: 2em;
  text-align: right;
}

.md-button {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-size: 0.9em;
}

.md-button:hover {
  background-color: var(--md-primary-fg-color--light);
}

/* Print-specific styles */
@media print {
  /* Hide navigation and other UI elements when printing */
  .md-header,
  .md-footer,
  .md-sidebar,
  .md-content__button,
  .md-top {
    display: none !important;
  }

  /* Adjust content width for print */
  .md-content {
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* Better print styling */
  body {
    font-size: 12pt;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }

  img, pre, blockquote, table {
    page-break-inside: avoid;
  }
}