@media screen{ 
  .md-typeset .grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  }
}

/* Default .md-chip styles (Light Theme) */
.md-chip {
  display: inline-block;
  padding: 0.25em 0.75em;
  border-radius: 16px;
  font-size: 0.875em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-right: 0.1em;
  margin-left: 0.1em;
  border: 1px solid #d1d1d1;  /* Neutral light gray border */
  background-color: #f4f4f4;  /* Very light gray background for light theme */
  color: #333;  /* Dark text for readability */
}

/* Conditional styles based on the "slate" color scheme */
[data-md-color-scheme="slate"] .md-chip {
  background-color: #d9d9d9;  /* Light neutral gray for slate theme */
  color: #333;  /* Dark text for readability */
  border: 1px solid #b3b3b3;  /* Subtle gray border */
}

/* Apply vertical centering to table cells */
table td, table th {
  vertical-align: middle !important;  /* Vertically center the content */
}

h3 img {
  width: 24px;
  height: 24px !important;
}

td a img {
  width: 128px !important;
  height: 64px;
}

.pdf-button {
  color: #d26314;
}

/* No Borders, Maximize Content, A4 Layout with Tighter Gaps */
@media print {
  /* Page margins and layout */
  @page {
    margin: 0.5cm; /* Tighter margins to maximize content space */
  }

  /* General Layout */
  body {
    font-family: 'Roboto', sans-serif;
    color: #333;
    background: white;
    margin: 0;
    padding: 0; /* Remove body padding to maximize content space */
  }

  /* Hide Non-Print Elements */
  nav, 
  .md-nav,
  .md-footer,
  .no-print {
    display: none !important;
  }

  /* Header Styles */
  header {
    border-bottom: none; /* No borders */
    padding-bottom: 0;
    margin-bottom: 0.1em; /* Reduced margin between header and text */
  }

  header h1 {
    font-size: 1.5em; /* Reduced font size to save space */
    margin: 0;
    line-height: 1.1;
  }

  section:not(#index) {
    page-break-before: always;
  }

  header h2 {
    font-size: 0.8em; /* Smaller font for sub-headers */
    color: #424242;
    margin-top: -0.3em;
    line-height: 1.2;
  }

  /* Section Titles */
  h2 {
    border-bottom: none; /* No borders */
    padding-bottom: 0;
    margin-top: 0.6em; /* Reduced space above sections */
    margin-bottom: 0.2em; /* Reduced space below sections */
    page-break-after: avoid;
    page-break-before: avoid;
  }

  /* Text Styles */
  p {
    line-height: 1.6;
  }

  p, li {
    font-size: 9pt; /* Smaller font size for text */
    color: #333;
    margin: 0 0 0.1em 0; /* Reduced bottom margin */
  }

  /* List Styles */
  ul {
    padding-left: 16px; /* Tighter padding for lists */
    margin-top: 0;
    page-break-inside: avoid; /* Prevent splitting of lists */
  }

  ul li {
    margin-bottom: 0.1em; /* Tighter space between list items */
  }

  /* Table Styles */
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.3em 0;
  }

  table th,
  table td {
    border: none; /* No borders */
    padding: 2px; /* Reduced padding in tables */
    text-align: center;
  }

  table th {
    background-color: #f5f5f5;
    color: #333;
    font-size: 8pt; /* Smaller font for table headers */
  }

  table td {
    font-size: 8pt; /* Smaller font for table data */
  }

  /* Compact Layout Adjustments */
  h2 {
    page-break-before: auto;
  }

  h2:first-of-type {
    page-break-before: auto;
  }

  /* Contact Information */
  .contact-info {
    font-size: 7pt; /* Smaller font size for contact info */
    color: #757575;
    text-align: right;
    margin-top: -0.3em;
  }

  .contact-info a {
    color: #424242;
  }

  h1.nav-section-title-end{
    display: none;    
  } 
}