/* Align list items by colon - make labels fixed width and right-aligned */
.post-content ul li,
.home-info ul li {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.post-content ul li strong,
.home-info ul li strong {
  display: inline-block;
  min-width: 120px;
  text-align: right;
  margin-right: 8px;
  flex-shrink: 0;
}

/* Links in content - inline display, no padding to prevent wrapping */
.post-content a,
.entry-content a,
.home-info a {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: inline;
  padding: 0;
  margin: 0 2px;
}

.post-content a:hover,
.entry-content a:hover,
.home-info a:hover {
  background-color: #e24486;
  color: white;
  padding: 2px 4px;
  margin: -2px -4px;
  border-radius: 3px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Add brackets [ ] on hover */
.post-content a:hover::before,
.entry-content a:hover::before,
.home-info a:hover::before {
  content: "[";
  color: white;
}

.post-content a:hover::after,
.entry-content a:hover::after,
.home-info a:hover::after {
  content: "]";
  color: white;
}

/* Menu links - match hover style used in content links */
#menu a {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: inline;
  padding: 0;
  margin: 0 2px;
}

#menu a:hover,
#menu a:focus-visible {
  background-color: #e24486;
  color: white;
  padding: 2px 4px;
  margin: -2px -4px;
  border-radius: 3px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

#menu a:hover::before,
#menu a:focus-visible::before {
  content: "[";
  color: white;
}

#menu a:hover::after,
#menu a:focus-visible::after {
  content: "]";
  color: white;
}

/* Ensure links in lists stay inline */
.post-content ul li,
.post-content ol li {
  white-space: normal;
}

/* Keep links in lists more compact to prevent wrapping */
.post-content ul li {
  line-height: 1.8;
}

/* Links after strong tags (like **ripedb**:) should stay together better */
.post-content strong ~ a {
  margin-right: 4px;
}

/* Prevent unnecessary wrapping in link sequences */
.post-content ul li a + a {
  margin-left: 2px;
}

* {
  font-family: 'JetBrains Mono', monospace;
}

/* Responsive width adjustments */
:root {
    --main-width: 90vw;
    --nav-width: 95vw;
}

/* Better width utilization on large screens */
@media screen and (min-width: 1200px) {
    :root {
        --main-width: 1100px;
        --nav-width: 1280px;
    }
}

/* Medium screens */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    :root {
        --main-width: 85vw;
        --nav-width: 90vw;
    }
}

/* Small screens - keep original width */
@media screen and (max-width: 767px) {
    :root {
        --main-width: 720px;
        --nav-width: 1024px;
    }
}

.post-content a,
.toc a:hover {
    box-shadow: none;
}

:root {
    --theme: rgb(109, 183, 132);
    --entry: rgb(109, 183, 132);
    --code-bg: rgb(109, 183, 132);

}

strong {
  color: #f9e45b;
}