/* Hide footer */
footer.page__footer,
.page__footer,
div.page__footer,
footer,
.site-footer,
footer.site-footer {
  display: none !important;
}
/* Hide recent posts section */
#recent-posts, .recent-posts, .archive__subtitle {
  display: none !important;
}
/* Increase the side margins for main content area to 150px */
.wrapper, .page__main, .page-content {
  margin-left: 35% !important;
  margin-right: 150px !important;
}
/* Keep custom avatar size */
.author__avatar img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  border-radius: 0;
}
/* Make sidebar smaller */
.sidebar {
  width: 250px !important;
}
/* Reduce vertical space for Minimal Mistakes homepage author profile */
.page__hero,
.page__hero--overlay {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
/* Reduce vertical space above and below author profile card on homepage */
.author__profile {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Optionally, reduce space for avatar and name */
.author__avatar {
  margin-bottom: 10px !important;
}
.author__content {
  margin-bottom: 0 !important;
}
/* Add spacing below <details> elements for research page abstracts */
details {
  margin-bottom: 2em !important;
}
/* Make all text inside <details> (except <summary>) italic and smaller for abstracts */
details {
  font-style: italic !important;
  font-size: 0.75em !important;
}
/* Make abstract text inside <details> smaller and italic, even if wrapped in <p> */
details > p,
details > *:not(summary) > p {
  font-size: 0.9em !important;
  font-style: italic !important;
}
/* Reduce base font size for the entire site */
body {
  font-size: 16px !important;
}
/* Remove top margin from first heading or paragraph on homepage */
.home h1:first-child,
.home h2:first-child,
.home p:first-child {
  margin-top: 0 !important;
}
/* Hide page title on pages with the 'no-title' class */
.no-title .page__title {
  display: none;
}
/* Responsive adjustments for mobile */
@media (max-width: 600px) {
  .wrapper, .page__main, .page-content {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .sidebar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 10px !important;
  }
  body {
    font-size: 15px !important;
  }
  details {
    font-size: 0.95em !important;
  }
  .author__profile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 0 !important;
    margin-bottom: 20px !important;
  }
  .author__avatar {
    flex: 0 0 auto !important;
    margin: 0 auto 10px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 120px !important;
    height: 120px !important;
  }
  .author__avatar img {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    background: #fff !important;
  }
  .author__content,
  .author__bio,
  .author__name,
  .author__urls-wrapper,
  .author__urls {
    text-align: center !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .author__urls-wrapper {
    justify-content: center !important;
  }
}

/* PDF button styles */
.pdf-button {
  display: inline-block;
  background-color: #f0f0f0;
  color: #333;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.8em;
  margin-left: 10px;
  transition: background-color 0.2s;
}

.pdf-button:hover {
  background-color: #e0e0e0;
  color: #333;
  text-decoration: none;
}

/* Style for paper-box class (Mobile First) */
.paper-box {
  border: 1px solid #e0e0e0;
  padding: 1.5em;
  margin-bottom: 2em;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  width: 100%;
}

/* Desktop-specific styles for paper-box */
@media (min-width: 601px) {
  .paper-box {
    width: 175%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}