.post .bullet-container {
  display: none; }

.post .inline {
  padding: var(--space-3xs) 0px; }

.home .bullet-container {
  display: none; }

.home .posts .projects .inline {
  padding: var(--space-3xs) 0px; }

.home .posts .projects {
  background-color: var(--background-tint); }

.post-link {
  display: flex; }
  .post-link .title {
    flex: 1 1 auto;
    font-size: var(--step-0);
    font-family: var(--font-heading);
    font-weight: 400;
    letter-spacing: 0.02em; }
  .post-link .date {
    flex: 0 0 auto;
    font-size: var(--step--2);
    font-family: var(--font-body);
    font-weight: 300; }

.project-link {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-transform: lowercase; }
  .project-link .background-image {
    transition: max-height 0.25s ease-in-out, margin-bottom 0.25s ease-in-out;
    max-height: 0px;
    margin-top: var(--space-xs);
    margin-bottom: 0;
    position: relative;
    /* Keep the div in normal document flow */
    width: auto;
    /* Make the container span the full width */
    height: auto;
    display: inline-block;
    /* Ensure the container height matches the image height */ }
    .project-link .background-image img {
      /* Ensure no extra space below the image */
      width: 100%;
      /* Scale the image to fit the container's width */
      height: auto;
      /* Adjust the height proportionally to maintain aspect ratio */
      object-fit: contain;
      /* Ensure the entire image is visible without cropping */
      border-radius: var(--border-radius); }
  .project-link .text-block {
    position: relative;
    justify-content: left;
    align-items: left;
    line-height: 1.5;
    text-align: left; }
    .project-link .text-block .text {
      justify-content: left;
      justify-content: center;
      text-decoration: none;
      border-bottom: 0;
      transition: border-bottom 0.25s ease-in-out; }
    .project-link .text-block .title {
      font-size: var(--step-1);
      font-weight: 400;
      font-family: var(--font-heading);
      display: inline;
      letter-spacing: 0.02em; }
    .project-link .text-block .description {
      font-size: var(--step-0);
      display: inline;
      font-weight: 300;
      font-family: var(--font-body);
      letter-spacing: 0.02em; }
    .project-link .text-block .date {
      font-size: var(--step-1);
      display: inline;
      font-weight: 300;
      font-family: var(--font-body); }
  .project-link:hover .background-image {
    max-height: 75vw;
    margin-bottom: var(--space-3xs); }
  .project-link:hover .text-block .text {
    border-bottom: 2px solid var(--primary); }

.inline {
  display: flex;
  align-items: top;
  border-top: 2px solid rgba(0, 0, 0, 0);
  padding-bottom: var(--space-2xs);
  /* Required for pseudo-element positioning */
  position: relative; }
  .inline:hover {
    background-color: var(--background-tint);
    transition: background-color 0.25s ease-in-out; }

.home .inline:hover {
  background-color: rgba(0, 0, 0, 0); }

.home .inline a {
  justify-content: left;
  justify-content: center;
  text-decoration: none;
  border-bottom: 0;
  transition: border-bottom 0.25s ease-in-out; }

.home .inline:hover::before, .home .inline:hover::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border: 4px solid var(--accent);
  background: none;
  pointer-events: none;
  transition: all 0.25s ease-in-out; }

.home .inline:hover::before {
  top: -2px;
  left: -2px;
  border-right: none;
  border-bottom: none;
  border-top-left-radius: var(--border-radius); }

.home .inline:hover::after {
  bottom: -2px;
  right: -2px;
  border-left: none;
  border-top: none;
  border-bottom-right-radius: var(--border-radius); }

.pre-block-actions {
  flex: 0 0 auto;
  margin-left: var(--space-3xs); }

.bullet-block-content {
  display: flex;
  flex: 1 1 auto;
  align-items: baseline; }
  .bullet-block-content .bullet-container {
    flex: 0 0 auto; }
  .bullet-block-content .block-content {
    flex: 1 1 auto;
    padding: 0 var(--space-xs); }

.post-block-actions {
  flex: 0 0 auto;
  max-width: fit-content;
  padding: 0 var(--space-3xs);
  align-items: top; }

.block .post-block-actions .block-link {
  visibility: hidden; }

.block :hover > .post-block-actions .block-link {
  visibility: visible; }

.block .block-anchor-link {
  visibility: hidden; }

.block .pre-block-actions > .block-collapse-button {
  visibility: hidden; }
  .block .pre-block-actions > .block-collapse-button.collapsible:not(.active) {
    visibility: visible; }

.block :hover > .block-anchor-link {
  visibility: visible; }

.block :hover > .pre-block-actions > .block-collapse-button.collapsible {
  visibility: visible; }

.block :hover > .block-backlinks-link {
  color: var(--primary-dark); }

a {
  text-decoration: none;
  color: var(--primary);
  border-bottom: 2px solid var(--soft);
  transition: border-bottom .15s ease-in-out; }
  a:hover {
    border-bottom: 2px solid var(--accent); }
  a.internal-link.broken {
    color: var(--primary-dark); }
    a.internal-link.broken:hover {
      border-bottom: 2px solid var(--soft); }
  a.block-anchor-link {
    text-decoration: none;
    border: none;
    float: left;
    display: none;
    width: 0; }
  a.block-backlinks-link {
    margin: auto 0 auto auto;
    height: 1.5em;
    padding: var(--space-3xs) var(--space-2xs);
    text-decoration: none;
    border: none;
    background-color: var(--container-dark);
    border-radius: var(--border-radius);
    transition: color .1s ease-in-out; }
    a.block-backlinks-link:hover {
      color: var(--primary-soft); }
  a.block-link {
    font-size: var(--step-0);
    color: var(--primary-soft);
    border: none;
    text-decoration: none;
    transition: color .2s ease-in-out; }
    a.block-link:hover {
      color: var(--primary-dark); }
  a.block-collapse-button {
    cursor: pointer;
    color: var(--primary);
    border: none;
    text-decoration: none; }
    a.block-collapse-button:hover {
      border: none;
      color: var(--primary-dark); }
  a.active .triangle {
    transform: rotate(90deg); }
  a:hover .triangle {
    fill: var(--primary-dark); }

.collapsible-content {
  display: none; }
  .collapsible-content.active {
    display: block; }

.triangle-svg {
  height: 0.7em; }

.bullet {
  fill: var(--primary-soft); }

.triangle {
  fill: var(--primary-soft);
  transform-origin: 50% 50%;
  transition: transform 0.1s ease-in-out; }

.page-embed,
.block-embed {
  border: 8px solid var(--container);
  background-color: var(--container);
  border-radius: var(--border-radius);
  display: flex; }
  .page-embed .block,
  .block-embed .block {
    width: 100%; }
  .page-embed .inline:hover,
  .block-embed .inline:hover {
    background-color: var(--container-dark); }
    .page-embed .inline:hover .block-backlinks-link,
    .block-embed .inline:hover .block-backlinks-link {
      background-color: var(--container); }

.children .children {
  margin: 0 0 var(--space-xs) 36px;
  padding: 0 0 0 var(--space-3xs);
  border-width: 0.15rem;
  border-left-style: solid;
  border-left-color: var(--container); }

.children {
  transition: border-left-color .15s ease-in-out; }
  .children:hover {
    border-left-color: var(--primary-soft); }