/* Arqent Industry: shared brand tokens, adapted to a reading-focused layout.
   Source: arqent-industry-ui/src/theme.ts, global.css and assets/css/*.css. */
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/InterVariable.woff2') format('woff2'); }
@font-face { font-family: Inter; font-style: italic; font-weight: 100 900; font-display: swap; src: url('../fonts/InterVariable-Italic.woff2') format('woff2'); }
/* Satoshi by Deni Anggara, © 2025 Indian Type Foundry — fontshare.com/fonts/satoshi. */
@font-face { font-family: Satoshi; font-style: normal; font-weight: 300 900; font-display: swap; src: url('../fonts/Satoshi-Variable.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibm-plex-mono-v20-latin-regular.woff2') format('woff2'); }

:root {
  --md-text-font: Inter, system-ui, sans-serif;
  --md-code-font: 'IBM Plex Mono', ui-monospace, monospace;
  --aq-display-font: Satoshi, Inter, system-ui, sans-serif;
  --aq-blue: #007bb0;
  --aq-blue-hover: #00608c;
  --aq-radius: .65rem;
}
[data-md-color-scheme='default'] {
  --aq-canvas: #ffffff;
  --aq-surface: #ffffff;
  --aq-panel: #f2f4f8;
  --aq-line: #e5e8ed;
  --aq-border: #dde1e6;
  --aq-muted: #697077;
  --aq-selected: #e3f6fd;
  --aq-ink: #121619;
  --aq-secondary: #343a3f;
  --aq-shadow: 0 1px 2px rgba(15,22,25,.04), 0 4px 12px rgba(15,22,25,.04);
  --md-default-bg-color: var(--aq-canvas);
  --md-default-fg-color: var(--aq-ink);
  --md-default-fg-color--light: var(--aq-muted);
  --md-default-fg-color--lighter: #a2a9b0;
  --md-default-fg-color--lightest: var(--aq-line);
  --md-primary-fg-color: var(--aq-blue);
  --md-primary-fg-color--light: #e3f6fd;
  --md-primary-fg-color--dark: #00608c;
  --md-accent-fg-color: #007bb0;
  --md-accent-fg-color--transparent: #e3f6fd;
  --md-typeset-a-color: #00608c;
  --md-code-bg-color: #f2f4f8;
  --md-code-fg-color: #343a3f;
}
[data-md-color-scheme='slate'] {
  --aq-canvas: #10141c;
  --aq-surface: #1e2430;
  --aq-panel: #181e2a;
  --aq-line: rgba(244,244,244,.10);
  --aq-border: rgba(244,244,244,.18);
  --aq-muted: #a2a9b0;
  --aq-selected: rgba(0,163,224,.22);
  --aq-ink: #f2f4f8;
  --aq-secondary: #c1c7cd;
  --aq-shadow: 0 1px 2px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.12);
  --md-default-bg-color: var(--aq-canvas);
  --md-default-fg-color: var(--aq-ink);
  --md-default-fg-color--light: var(--aq-muted);
  --md-default-fg-color--lighter: #697077;
  --md-default-fg-color--lightest: var(--aq-line);
  --md-primary-fg-color: #62cbf0;
  --md-primary-fg-color--light: #181e2a;
  --md-primary-fg-color--dark: #62cbf0;
  --md-accent-fg-color: #62cbf0;
  --md-accent-fg-color--transparent: rgba(0,163,224,.22);
  --md-typeset-a-color: #62cbf0;
  --md-code-bg-color: #181e2a;
  --md-code-fg-color: #c1c7cd;
}
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--aq-selected); color: var(--md-typeset-a-color); }
.md-grid { max-width: 66rem; }
.md-header { --md-primary-bg-color: var(--aq-ink); --md-primary-bg-color--light: var(--aq-muted); background: var(--aq-canvas); color: var(--aq-ink); box-shadow: none; border-bottom: 1px solid var(--aq-line); }
.md-header__inner { min-height: 3.6rem; padding: .3rem 1rem; }
.md-header__button.md-logo { margin: 0 .65rem 0 0; padding: .4rem 0; }
.md-header__button.md-logo img { width: 6.8rem; height: auto; }
.md-header .md-header__title { font-size: .73rem; font-weight: 500; color: var(--aq-muted); margin-left: .3rem; }
.md-header__button.md-logo .aq-logo--dark { display: none; }
[data-md-color-scheme='slate'] .md-header__button.md-logo .aq-logo--dark { display: block; }
[data-md-color-scheme='slate'] .md-header__button.md-logo .aq-logo--light { display: none; }
.md-tabs { background: transparent; color: var(--aq-secondary); }
.md-tabs__inner { padding: 0 1rem; }
.md-tabs__list { gap: .15rem; padding: .05rem 0 .7rem; }
.md-tabs__item { height: auto; padding: 0; }
.md-tabs__link { margin: 0; padding: .45rem .7rem; border-radius: .4rem; font-size: .7rem; opacity: 1; }
.md-tabs__item--active .md-tabs__link { background: var(--aq-selected); color: var(--md-typeset-a-color); font-weight: 600; }
.md-tabs__link:hover { color: var(--md-typeset-a-color); background: var(--aq-panel); }
.md-search__form { border: 1px solid var(--aq-border); border-radius: .5rem; background: var(--aq-surface); color: var(--aq-secondary); }
.md-search__input { font-size: .72rem; }
.md-search__input::placeholder { color: var(--aq-muted); }
.md-search__icon { color: var(--aq-muted); }
[data-md-toggle='search']:checked ~ .md-header .md-search__form { background: var(--aq-surface); border-radius: .5rem .5rem 0 0; }
.md-search__output { border-radius: 0 0 .5rem .5rem; }
.md-search-result { background: var(--aq-surface); }
.aq-app-link { flex-shrink: 0; margin-left: .8rem; white-space: nowrap; font-size: .68rem; font-weight: 600; border: 1px solid var(--aq-border); border-radius: .4rem; padding: .5rem .75rem; color: var(--aq-secondary); background: var(--aq-surface); }
.aq-app-link:hover { border-color: var(--md-typeset-a-color); color: var(--md-typeset-a-color); }
.md-main__inner { margin-top: 1.6rem; }
.md-content { min-width: 0; }
.md-typeset { font-size: .8rem; line-height: 1.8; color: var(--aq-secondary); }
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4 { font-family: var(--aq-display-font); color: var(--aq-ink); }
.md-typeset h1 { font-size: 1.8rem; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; margin: 0 0 .9rem; }
.md-typeset h2 { font-size: 1.25rem; line-height: 1.35; font-weight: 700; letter-spacing: -.02em; margin-top: 1.9rem; }
.md-typeset h3 { font-size: 1rem; font-weight: 650; }
.md-typeset strong { color: var(--aq-ink); }
.md-typeset a { text-underline-offset: .15em; }
.md-typeset p > a:not(.md-button):hover { text-decoration: underline; }
.md-typeset .headerlink { font-family: Inter, sans-serif; font-size: .7em; }
/* Articles share the page canvas; spacing defines the reading column. */
.aq-article { padding: .35rem 1.35rem 1rem; min-width: 0; }
.md-nav { font-size: .7rem; }
.md-nav__title { color: var(--aq-muted); font-weight: 500; font-size: .65rem; background: transparent !important; box-shadow: none !important; }
.md-nav__link { line-height: 1.55; }
.md-nav--primary .md-nav__item .md-nav__link { padding: .32rem .6rem; margin-top: .15rem; border-radius: .4rem; }
.md-nav--primary .md-nav__item .md-nav__link--active { color: var(--md-typeset-a-color); background: var(--aq-selected); font-weight: 600; }
.md-nav--primary .md-nav__item .md-nav__link:hover { background: var(--aq-panel); }
.md-nav--secondary { border-left: 0; padding-left: .85rem; }
.md-nav--secondary .md-nav__link { font-size: .65rem; }
.md-sidebar { padding-top: .5rem; }
.md-typeset .admonition, .md-typeset details { font-size: .74rem; border-radius: .45rem; box-shadow: none; }
.md-typeset code { border-radius: .2rem; font-size: .78em; }
.md-typeset pre { border: 1px solid var(--aq-line); border-radius: .45rem; }
.md-typeset pre > code { padding: .9rem; line-height: 1.7; }
.md-clipboard { color: var(--aq-muted); }
.md-typeset table:not([class]) { font-size: .73rem; border: 1px solid var(--aq-line); border-radius: .4rem; box-shadow: none; }
.md-typeset table:not([class]) th { background: var(--aq-panel); }
.md-typeset .md-button { color: var(--md-typeset-a-color); border: 1px solid var(--aq-border); background: var(--aq-surface); border-radius: .45rem; font: 600 .72rem/1.45 Inter, sans-serif; padding: .7em 1.1em; }
.md-typeset .md-button--primary { color: #fff; background: var(--aq-blue); border-color: var(--aq-blue); }
.md-typeset .md-button:hover { color: #fff; background: var(--aq-blue-hover); border-color: var(--aq-blue-hover); }
.md-typeset .grid.cards { gap: 1.25rem 2rem; }
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ul > li:hover { background: none; border: 0; border-radius: 0; padding: .7rem 0 1rem; box-shadow: none; transition: none; }
.md-typeset .grid.cards .lg { display: inline-flex; align-items: center; justify-content: center; width: 1.4rem; height: 1.4rem; margin: 0 .35rem .25rem 0; padding: 0; color: var(--md-typeset-a-color); }
.md-typeset .grid.cards strong { font-family: var(--aq-display-font); font-size: .94rem; }
.md-typeset .grid.cards p { margin-top: .5rem; margin-bottom: .3rem; }
.md-typeset .grid.cards hr { display: none; }
.md-typeset .grid.cards > ul > li > p:last-child { margin-top: .8rem; }
.aq-home { max-width: 56rem; margin: 0 auto; }
.aq-hero { position: relative; isolation: isolate; padding: 2.2rem 1rem 2.7rem; text-align: center; }
.aq-hero::before { content: ''; position: absolute; z-index: -1; inset: -.8rem 0 0; pointer-events: none; background-image: linear-gradient(var(--aq-border) 1px,transparent 1px),linear-gradient(90deg,var(--aq-border) 1px,transparent 1px); background-size: 64px 64px; opacity: .28; mask-image: radial-gradient(ellipse 58% 68% at 50% 24%,black,transparent); }
.aq-eyebrow { font-family: var(--md-code-font); font-size: .56rem; letter-spacing: .14em; text-transform: uppercase; color: var(--aq-muted); margin: 0 0 .9rem !important; }
.aq-hero h1 { font-size: clamp(1.9rem,3.7vw,2.65rem); line-height: 1.13; letter-spacing: -.025em; margin: 0 0 .85rem; }
.aq-lead { max-width: 29rem; margin: 0 auto 1.4rem !important; color: var(--aq-muted); font-size: .87rem; line-height: 1.7; }
.aq-search-trigger { display: flex; align-items: center; gap: .7rem; width: 100%; max-width: 31rem; margin: 0 auto; padding: 1rem; text-align: left; border: 1px solid var(--aq-border); background: var(--aq-surface); color: var(--aq-muted); border-radius: .7rem; box-shadow: var(--aq-shadow); font: 400 .8rem/1.5 Inter,sans-serif; cursor: pointer; }
.aq-search-trigger svg { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; }
.aq-search-trigger span { flex: 1; }
.aq-search-trigger kbd { font: 400 .55rem/1.4 var(--md-code-font); color: var(--aq-muted); background: var(--aq-canvas); border: 1px solid var(--aq-line); border-radius: .22rem; box-shadow: none; padding: .2rem .3rem; }
.aq-search-trigger:hover { border-color: var(--md-typeset-a-color); }
.aq-quicklinks { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .45rem; margin-top: .85rem; }
.aq-quicklinks p { display: contents; }
.aq-quicklinks a { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .7rem; color: var(--aq-secondary); border: 1px solid var(--aq-border); border-radius: 2rem; font-size: .64rem; background: var(--aq-surface); line-height: 1.5; }
.aq-quicklinks a:hover { color: var(--md-typeset-a-color); background: var(--aq-selected); }
.aq-home h2 { font-size: 1.22rem; }
.aq-home .grid.cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
.aq-home .grid.cards p { font-size: .74rem; }
.aq-home .grid.cards > ul > li { display: flex; flex-direction: column; }
.aq-home .grid.cards > ul > li > p:nth-child(2) { flex: 1; }
.aq-section-label { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 1rem 0 .7rem; }
.aq-section-label h2 { margin: 0; }
.aq-section-label p { margin: 0; color: var(--aq-muted); font-size: .65rem; }
.aq-use-cases { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem 2rem; }
.aq-use-cases p { display: contents; }
.aq-use-cases a { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .45rem 0; color: var(--aq-secondary); font-size: .74rem; }
.aq-use-cases a::after { content: '→'; font-size: .95rem; color: var(--aq-muted); }
.aq-use-cases a:hover { color: var(--md-typeset-a-color); }
.aq-route { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: .5rem 0; margin: 1rem 0 1.6rem; }
.aq-route p { margin: .15rem 0; }
.aq-route .twemoji { font-size: 1.8rem; color: var(--md-typeset-a-color); }
.aq-route-label { color: var(--aq-muted); font-size: .72rem; }
.aq-meta { color: var(--aq-muted); font-size: .64rem; display: flex; flex-wrap: wrap; gap: .4rem .8rem; margin: -.1rem 0 1.3rem; }
.aq-meta span { display: inline-flex; align-items: center; }
.aq-screenshot { margin: 1.3rem 0 1.6rem; }
.aq-screenshot img { display: block; width: 100%; border: 1px solid var(--aq-line); border-radius: .5rem; background: var(--aq-panel); }
.aq-screenshot figcaption { color: var(--aq-muted); font-size: .65rem; text-align: left; padding: .55rem .1rem; margin: 0; }
.aq-next { border-top: 1px solid var(--aq-line); padding-top: 1rem; margin-top: 2rem; }
.aq-feedback { border-top: 1px solid var(--aq-line); margin-top: 1.8rem; padding: 1rem 0; font-size: .68rem; color: var(--aq-muted); }
.aq-feedback a { margin-left: .25rem; }
.md-footer, .md-footer-meta { background: var(--aq-canvas); color: var(--aq-secondary); }
.md-footer { border-top: 1px solid var(--aq-line); margin-top: 1.6rem; }
.md-footer__title { font-size: .8rem; }
.md-footer__direction, .md-copyright, .md-copyright__highlight { color: var(--aq-muted); }
.md-top { color: var(--aq-secondary); background: var(--aq-surface); border: 1px solid var(--aq-border); box-shadow: var(--aq-shadow); border-radius: 2rem; }
a:focus-visible, button:focus-visible, label:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 3px; }
@media (max-width: 76.2344em) {
  .md-header__button.md-logo { display: flex; align-items: center; gap: .5rem; margin-right: auto; }
  .md-header__button.md-logo img { width: 5.4rem; }
  .md-header__button.md-logo::after { content: 'Docs'; font: 500 .6rem/1 Inter,sans-serif; color: var(--aq-muted); border-left: 1px solid var(--aq-border); padding-left: .5rem; }
  .md-header__button[for='__drawer'] { order: -1; }
  .md-header .md-header__title { display: none; }
  .md-nav--primary .md-nav__title { color: var(--aq-ink); background: var(--aq-canvas) !important; }
  .md-nav--primary .md-nav__title .md-logo img { width: 7rem; height: auto; }
  .md-nav--primary .md-nav__title .md-logo .aq-logo--dark { display: none; }
  [data-md-color-scheme='slate'] .md-nav--primary .md-nav__title .md-logo .aq-logo--light { display: none; }
  [data-md-color-scheme='slate'] .md-nav--primary .md-nav__title .md-logo .aq-logo--dark { display: block; }
}
@media (max-width: 960px) { .aq-article { padding: .35rem .5rem 1rem; } .md-header__inner { padding: .25rem .6rem; } }
@media (max-width: 760px) {
  .md-header__inner { min-height: 3rem; padding: .2rem .4rem; }
  .md-main__inner { margin-top: .6rem; }
  .md-content__inner { margin-left: .8rem; margin-right: .8rem; }
  .aq-home .grid.cards { grid-template-columns: 1fr; }
  .aq-hero { padding: 1.5rem .1rem 1.8rem; }
  .aq-hero::before { inset: 0; }
  .aq-hero h1 { font-size: 1.95rem; }
  .aq-lead { font-size: .8rem; }
  .aq-eyebrow { font-size: .5rem; }
  .aq-search-trigger { padding: .8rem; font-size: .73rem; }
  .aq-search-trigger kbd { display: none; }
  .aq-quicklinks { gap: .35rem; }
  .aq-section-label { display: block; }
  .aq-section-label p { margin-top: .25rem; }
  .aq-use-cases { grid-template-columns: 1fr; }
  .aq-route { grid-template-columns: 1fr; gap: .4rem; padding: .5rem 0; }
  .aq-route > p:first-child { display: none; }
  .aq-article { padding: .6rem 0 .3rem; }
  .md-typeset h1 { font-size: 1.55rem; }
  .aq-app-link { display: none; }
}
@media (max-width: 360px) {
  .md-header__button.md-logo::after { display: none; }
  .md-header__button.md-logo img { width: 4.4rem; }
  .md-header__button { margin: .1rem; padding: .3rem; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }
@media print { .aq-app-link, .aq-feedback, .aq-search-trigger { display: none; } .aq-screenshot { break-inside: avoid; } .aq-article { border: 0; padding: 0; } }