/* Neo-Brutalism override untuk halaman Elixir docs */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght@8..144,25..151,100..1000&family=Roboto+Mono:wght@400;500;600;700&display=swap');

:root {
  --brand: #00674F;
  --border-neo: 1px solid #000;
  --radius-neo: 1px;
  --surface: #FAF4F0;
}

body {
  font-family: 'Roboto Flex', system-ui, -apple-system, sans-serif;
}

/* ── Sidebar ── */
.docs-sidebar {
  background: #ffffff !important;
  border-right: 1px solid #000 !important;
  font-family: 'Roboto Flex', system-ui, sans-serif !important;
}

.docs-sidebar-brand {
  border-bottom: 1px solid #000;
  margin-bottom: 8px;
  padding: 14px 16px !important;
}

.docs-sidebar-brand span {
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
}

.docs-nav-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #5F646D !important;
  padding: 12px 16px 4px !important;
}

.docs-nav-link {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  padding: 6px 16px !important;
  border-radius: 0 !important;
}

.docs-nav-link:hover {
  background: #f5f5f5 !important;
  color: #000 !important;
}

.docs-nav-link.active {
  background: rgba(0, 103, 79, 0.07) !important;
  color: #00674F !important;
  font-weight: 700 !important;
  border-right: 3px solid #000 !important;
}

.docs-nav-divider {
  background: #000 !important;
  opacity: 0.1 !important;
  margin: 10px 0 !important;
}

/* ── Hamburger (mobile) ── */
.docs-hamburger {
  border: 1px solid #000 !important;
  border-radius: 1px !important;
  box-shadow: 2px 2px 0px 0px #000 !important;
  background: #fff !important;
}

/* ── Chapter nav ── */
.chapter-nav {
  border-top: 1px solid #000 !important;
}

.chapter-nav a {
  color: #00674F !important;
  font-weight: 700 !important;
}

/* ── Code blocks ── */
pre {
  border: 1px solid #000;
  border-radius: 1px !important;
  box-shadow: 2px 2px 0px 0px #000;
}