/*
Global style tweaks.
*/

.md-typeset ol li,
.md-typeset ul li {
  margin-bottom: 0.2em;
}

/*
Global table style tweaks.
*/

.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
  padding: 4px 16px;
}

.md-typeset table:not([class]) {
  border: 0.05rem solid var(--md-typeset-table-color);
  border-radius: 0.25rem;
}

/*
IP mapping table styles.
*/

[data-md-color-scheme="default"] {
  --ipmap-border-color: color-mix(
    in srgb,
    var(--md-default-fg-color) 14%,
    transparent
  );
  --ipmap-cell-border-color: color-mix(
    in srgb,
    var(--md-default-fg-color) 12%,
    transparent
  );
  --ipmap-header-bg: color-mix(
    in srgb,
    var(--md-default-fg-color) 6%,
    var(--md-default-bg-color)
  );
  --ipmap-code-fg: #3f2147;
  --ipmap-section-bg: #e8f1ff;
  --ipmap-section-fg: #12304f;
  --ipmap-section-network-bg: #d5fdff;
  --ipmap-section-network-fg: #0f2c46;
  --ipmap-section-dhcp-bg: #fff7d0;
  --ipmap-section-dhcp-fg: #0f2c46;
}

[data-md-color-scheme="slate"] {
  --ipmap-border-color: color-mix(
    in srgb,
    var(--md-default-fg-color) 18%,
    transparent
  );
  --ipmap-cell-border-color: color-mix(
    in srgb,
    var(--md-default-fg-color) 14%,
    transparent
  );
  --ipmap-header-bg: color-mix(
    in srgb,
    var(--md-default-fg-color) 8%,
    var(--md-default-bg-color)
  );
  --ipmap-code-fg: #dce9f8;
  --ipmap-section-bg: #1a2430;
  --ipmap-section-fg: #d9e9ff;
  --ipmap-section-network-bg: #105450;
  --ipmap-section-network-fg: #ecf5ff;
  --ipmap-section-dhcp-bg: #6a5916;
  --ipmap-section-dhcp-fg: #ecf5ff;
}

.md-typeset table.ipmap {
  border: 0.05rem solid var(--ipmap-border-color);
  border-radius: 0.25rem;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.65rem;
  overflow: hidden;
}

.md-typeset table.ipmap th,
.md-typeset table.ipmap td {
  border-right: 0.05rem solid var(--ipmap-cell-border-color);
  border-bottom: 0.05rem solid var(--ipmap-cell-border-color);
  padding: 2px 12px;
}

.md-typeset table.ipmap tr > :last-child {
  border-right: 0;
}

.md-typeset table.ipmap tbody tr:last-child > * {
  border-bottom: 0;
}

.ipmap {
  width: 100%;
}

.ipmap code {
  background: none;
  font-size: 1em;
  color: var(--ipmap-code-fg);
}

.ipmap thead th {
  background-color: var(--ipmap-header-bg);
}

.ipmap .section {
  background-color: var(--ipmap-section-bg);
  color: var(--ipmap-section-fg);
  text-align: center;
}

.ipmap .section.network {
  background-color: var(--ipmap-section-network-bg);
  color: var(--ipmap-section-network-fg);
}

.ipmap .section.dhcp {
  background-color: var(--ipmap-section-dhcp-bg);
  color: var(--ipmap-section-dhcp-fg);
}

.ipmap .section div :first-child {
  font-weight: bold;
}

.ipmap .section div > * {
  display: block;
  font-size: 0.9em;
  line-height: 0.9rem;
  margin: 0;
  padding: 0;
}