

input[type='checkbox'] {
  display: none;
}

.lbl-toggle {
    display: inline-block; /* Use flexbox for inline alignment */
    align-items: center; /* Vertically align the text and arrow */
    cursor: pointer; /* Make the label clickable */
    font-size: large;
    color: rgba(215,122,178);
    margin-bottom: 0.5rem; /* Add spacing below the label */
    transition: all 0.25s ease-out; /* Smooth transition for hover effects */
}

.lbl-toggle::before {
    content: ' '; /* Add the arrow */
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor; /* Arrow color matches text color */
    margin-right: 0.5rem; /* Add spacing between the arrow and text */
    transform: translateY(0); /* Align the arrow vertically */
    transition: transform 0.2s ease-out; /* Smooth rotation animation */
}

.paper-title {
    margin-top: 3rem;
}

.paper-links {
    display: inline-block;
    padding-right: 0.5rem;
}

.toggle:checked + .lbl-toggle::before {
    transform: rotate(90deg); /* Rotate the arrow when expanded */
}

.wrap-collapsible {
  /* display: inline-flex; */
  margin-top: 0rem;
}

.align-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .5s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 350px;
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
  background:rgba(154,207,191,0.2);
  border-bottom: 3px solid rgba(1,81,58);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top: 0px solid rgba(1,81,58);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0.4rem 1rem 0.5rem 2rem;
  margin-right: 2rem;
}

.shift-up {
  margin-top: 0.5rem;
}