hr.divider {
  all: unset;
  display: block;
  width: 100%;
  height: 1px; /* thickness */
  margin: 1rem 0;
    
  background: repeating-linear-gradient(90deg,#000,#000 6px,transparent 6px,transparent 12px);

  border: none; /* remove default border */
}

hr::after {
  content: none !important;
}

.img-responsive {
  max-width: 100%;   /* never exceeds parent width */
  height: auto;      /* preserve aspect ratio */
  display: block;    /* optional, remove inline spacing */
  border-style: solid;
  border-width: 2px;
}

.authors {
  display: block;           /* ensures it’s on its own line */
  margin-bottom: 0.5rem;      /* space below the title */
  font-size: .9rem;       /* smaller text */
  color: #888;              /* gray color */
}

.disclawd-img {
  image-rendering: pixelated;
}

a {
  color: #4B70F5 !important;           /* text color */
  border-bottom: 1px solid #4B70F5 !important; /* underline color */
  text-decoration: none !important;    /* ensures no double underline */
}

a:hover,
a:active,
a:focus {
  color: white !important;
  background-color: #D2E0FB !important;
  border-bottom-color: #D2E0FB !important; /* hover underline color */
}

.menu-item {
  color: #aa9da3 !important;
  border-bottom-color: #aa9da3 !important;
}

.menu-item.active{
  color: #222831 !important;
  border-bottom-color: #222831 !important;
}

.menu-item:active,
.menu-item:hover,
.menu-item:focus
{
  color: #222831 !important;
  border-bottom-color: #222831 !important;
  background-color: white !important;
}

.menu-item.active:active,
.menu-item.active:hover,
.menu-item.active:focus
{
  color: #222831 !important;
  border-bottom-color: #222831 !important;
  background-color: white !important;
}

.json-wrapper {
    width: 100%;           /* fit the container */
    max-width: 100%;       /* never exceed post content */
    overflow-x: auto;      /* horizontal scroll inside the wrapper */
}

.json-example {
    display: block;
    min-width: max-content; /* expand to fit content if small */
    padding: 1em;
    margin: 1em 0;
    background: #1e1e1e;
    color: #dcdcdc;
    font-family: monospace;
    font-size: 1rem;
    box-sizing: border-box;

    white-space: pre;      /* preserve line breaks and spaces */
}

@media (max-width: 600px) {
    .json-example {
        font-size: 0.85rem;
        padding: 0.5em;
    }
}