/* Override table styles for better text wrapping */
.wy-table-responsive td, .wy-table-responsive th {
    white-space: normal !important;
    word-wrap: break-word;
    word-break: break-word;
}

/* Make sure the table width fits the content */
.wy-table-responsive {
    table-layout: auto;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    table-layout: fixed;
}

ul li {
    margin-bottom: 10px;
}

.math {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
}

a.reference.external::after {
    content: " ↗";
    font-size: 0.9em;
    color: #800;
}

a.icon.icon-home img {
    background-color: white;
    width: 60%;
}

.zoom-wrapper {
  position: relative;
  display: inline-block;
}

.zoom-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 10;
  padding: 2px 6px;
  font-weight: bold;
}

.zoom-out {
  right: 35px;
}

img.zoomable {
  transition: transform 0.2s ease;
  display: block;
}

.rst-content code.literal, .rst-content tt.literal {
    color: #4169E1;
    font-weight: bold;
    white-space: normal;
}

.rst-content code, rst.content tt {
    background-color: #f5f5f5;  /* light gray background */
    color: #4169E1;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: monospace;
}

.highlight .nt { color: #4169E1; }