/* OpenBox docs — minimal wide layout */

/* Wider content area */
.md-grid {
  max-width: 1600px;
}

/* Clean header */
.md-header {
  box-shadow: none;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

/* Hide right-side TOC — use left sidebar only */
.md-sidebar--secondary {
  display: none;
}

/* Content takes full width without TOC stealing space */
.md-content {
  max-width: 100%;
  margin-right: 0;
}

/* Subtle sidebar */
.md-sidebar--primary {
  opacity: 0.9;
}

/* Tables — horizontal scroll when needed */
.md-typeset__scrollwrap {
  overflow-x: auto;
}

.md-typeset table:not([class]) {
  font-size: 0.8rem;
  border: none;
  min-width: 100%;
  display: table;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-default-fg-color--lightest);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  border-color: var(--md-default-fg-color--lightest);
  padding: 0.5rem 0.7rem;
  vertical-align: top;
}

/* "Why" column — allow wrapping */
.md-typeset table:not([class]) td:last-child {
  min-width: 200px;
  white-space: normal;
}

/* Adopted Yes/No badges */
.md-typeset table:not([class]) td strong {
  white-space: nowrap;
}

/* Mermaid diagrams — give them room */
.mermaid {
  margin: 1.5rem 0;
}

/* Blockquotes — used for authority notes */
.md-typeset blockquote {
  border-left: 3px solid var(--md-primary-fg-color);
  font-size: 0.88rem;
  color: var(--md-default-fg-color--light);
}

/* Code blocks */
.md-typeset code {
  font-size: 0.8rem;
  padding: 0.1em 0.3em;
}

/* Admonitions — tighter */
.md-typeset .admonition {
  font-size: 0.88rem;
}

/* Navigation tabs — more breathing room */
.md-tabs__link {
  font-size: 0.82rem;
  letter-spacing: 0.02em;
}