:root {
  --ifm-color-primary: #0b6e99;
  --ifm-color-primary-dark: #095d82;
  --ifm-color-primary-darker: #085879;
  --ifm-color-primary-light: #127fae;
  --ifm-color-primary-lighter: #2790bd;
  --ifm-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ifm-heading-font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ifm-code-font-size: 92%;
}

html { scroll-padding-top: 5.5rem; }
body { background: #f6f8fb; color: #162533; }
/* Docusaurus injects its icon sprite as the first body child with an inline
   display rule. CSP intentionally blocks inline styles, so hide it here. */
body > svg { display: none; }
/* The copied upstream pages reserved space for their removed navbar. */
body > #__docusaurus, body > #__docusaurus > .theme-layout-main, .mainWrapper_z2l0, .docsWrapper_hBAB, .docRoot_UBD9 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.umec-docs-header + #__docusaurus { margin-top: 0 !important; padding-top: 0 !important; }
.umec-docs-header + #__docusaurus .container.padding-top--md { padding-top: 1.25rem !important; }
.navbar {
  min-height: 4.25rem;
  padding-inline: clamp(1rem, 4vw, 4rem);
  color: #163041;
  background: #fff;
  border-bottom: 1px solid #dce5ec;
  box-shadow: 0 2px 13px rgba(5, 35, 52, .1);
}
.navbar__brand, .navbar__link { color: #315566; }
.navbar__brand:hover, .navbar__link:hover, .navbar__link--active { color: #075b80; }
.navbar__brand::before {
  content: none;
}
.umec-docs-header {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: 4.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .65rem clamp(1rem, 4vw, 4rem);
  color: #163041;
  background: #fff;
  border-bottom: 1px solid #dce5ec;
  box-shadow: 0 2px 13px rgba(5, 35, 52, .12);
}
.umec-docs-brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: #163041;
  font-size: 1.05rem;
  font-weight: 750;
  letter-spacing: .01em;
  text-decoration: none;
  white-space: nowrap;
}
.umec-docs-brand:hover { color: #163041; text-decoration: none; }
.umec-docs-logo { display: block; width: auto; height: 2.35rem; max-width: min(34vw, 11.5rem); object-fit: contain; }
.umec-docs-brand-label { padding-left: .1rem; font-size: .92rem; font-weight: 650; color: #42606f; white-space: nowrap; }
.umec-docs-nav { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: .15rem; }
.umec-docs-nav a { color: #315566; padding: .5rem .62rem; border-radius: .42rem; font-size: .92rem; font-weight: 650; text-decoration: none; }
.umec-docs-nav a:hover, .umec-docs-nav a.is-active { color: #075b80; background: #e9f4f8; text-decoration: none; }
.umec-docs-nav .umec-docs-language { margin-left: .3rem; border: 1px solid #a9c5d1; }
.theme-doc-sidebar-container { background: #fff; border-right: 1px solid #e4e9ef; }
.theme-doc-sidebar-menu { padding-top: 1rem; }
.main-wrapper, .docMainContainer { min-width: 0; }
.theme-doc-markdown { width: min(100%, 84rem); max-width: none; }
.theme-doc-markdown h1 { color: #0d3147; letter-spacing: -.02em; }
.breadcrumbs__item--active > .breadcrumbs__link { color: #294956 !important; background: #dce8ed !important; }
.pagination-nav__label { color: #075f83 !important; }
.theme-doc-markdown img { max-width: 100%; height: auto; border: 1px solid #dce5ec; border-radius: .5rem; box-shadow: 0 6px 18px rgba(20, 48, 69, .08); }
.theme-doc-markdown pre { border: 1px solid #dce5ec; box-shadow: none; }
.umec-light-introduction { max-width: 72rem; margin: .75rem 0 1.75rem; padding: 0; border: 0; background: transparent; }
.umec-light-introduction p { margin: 0 0 .7rem; }.umec-light-introduction p:last-child { margin-bottom: 0; }
.umec-light-architecture { margin: 1.5rem 0 0; max-width: 72rem; }
.umec-light-architecture img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #fff; }
.umec-light-architecture figcaption { margin-top: .65rem; color: #516b78; font-size: .92rem; line-height: 1.5; }
.umec-mqtt-v3-guide-link { margin: 1.5rem 0; padding: 1.15rem 1.25rem; border: 1px solid #c8e4ee; border-left: .3rem solid #087196; border-radius: .6rem; background: #f2f9fb; }
.umec-mqtt-v3-guide-link h2 { margin: 0 0 .45rem; }.umec-mqtt-v3-guide-link p { margin: 0; }
.theme-doc-markdown pre code, .umec-static-openapi-example pre, .umec-static-openapi-example pre code { color: #eaf4f8 !important; background: transparent !important; }
.theme-doc-markdown pre, .umec-static-openapi-example pre { max-width: 100%; overflow-x: auto; background: #0b1f2b !important; }
.theme-doc-markdown .row > .col--7 { flex: 0 0 100%; max-width: 100%; }
.theme-doc-markdown .openapi-right-panel__container { display: none; }
.umec-static-openapi-example { margin: 1rem 0 1.5rem; padding: 1rem 1.15rem; border: 1px solid #dce5ec; border-radius: .65rem; background: #f8fbfc; }
.umec-static-openapi-example h3 { margin: 0 0 .35rem; font-size: 1rem; }
.umec-static-openapi-note { margin: 0 0 .75rem; color: #516b78; font-size: .9rem; }
.umec-static-openapi-example pre { margin: 0; padding: 1rem; border-radius: .45rem; }
footer { display: none !important; }

@media (max-width: 720px) {
  .umec-docs-header { align-items: flex-start; flex-direction: column; padding: .7rem 1rem; }
  .umec-docs-brand-label { display: none; }
  .umec-docs-nav { justify-content: flex-start; width: 100%; gap: .1rem; }
  .umec-docs-nav a { min-height: 2.75rem; display: inline-flex; align-items: center; }
  .theme-doc-markdown { width: 100%; }
}
.architecture-diagram {
  width: 100%;
  margin: 1.5rem 0 2rem;
}

.architecture-diagram img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #dce5ec;
  border-radius: 0.8rem;
  background: #fff;
}

.architecture-diagram figcaption {
  margin-top: 0.65rem;
  color: #526b78;
  font-size: 0.88rem;
  line-height: 1.45;
  text-align: center;
}