/* PQWERAI Developer Hub theme on top of Material for MkDocs. Colours are tokens; both schemes are defined. */
:root {
  --dh-cyan: #22d3ee;
  --dh-violet: #8b5cf6;
  --dh-ok: #16a34a;
  --dh-warn: #d97706;
  --dh-off: #64748b;
  --dh-radius: 14px;
}
[data-md-color-scheme="slate"] {
  --md-hue: 225;
  --md-default-bg-color: #0b1020;
  --md-default-fg-color--light: #a8b3c7;
  --md-primary-fg-color: #0e1528;
  --md-primary-bg-color: #e6edf7;
  --md-accent-fg-color: var(--dh-cyan);
  --md-typeset-a-color: #67e8f9;
  --md-code-bg-color: #111a30;
  --md-footer-bg-color: #0a0f1d;
  --md-footer-bg-color--dark: #070b16;
  --dh-card: #111a30;
  --dh-card-border: #1f2a44;
  --dh-muted: #a8b3c7;
  --dh-hero: radial-gradient(1200px 400px at 10% -10%, rgba(34, 211, 238, .18), transparent 60%),
             radial-gradient(900px 400px at 90% 0%, rgba(139, 92, 246, .20), transparent 60%), #0b1020;
}
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0e1528;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #0891b2;
  --md-typeset-a-color: #0e7490;
  --dh-card: #ffffff;
  --dh-card-border: #e2e8f0;
  --dh-muted: #475569;
  --dh-hero: radial-gradient(1200px 400px at 10% -10%, rgba(34, 211, 238, .16), transparent 60%),
             radial-gradient(900px 400px at 90% 0%, rgba(139, 92, 246, .14), transparent 60%), #f8fafc;
}
.md-header, .md-tabs { background: var(--md-primary-fg-color); }
.md-typeset { font-size: .78rem; line-height: 1.65; }
.md-typeset h1 { font-weight: 700; letter-spacing: -.01em; }
.md-typeset table:not([class]) { font-size: .72rem; }
.md-typeset code { border-radius: 6px; }
:focus-visible { outline: 2px solid var(--dh-cyan); outline-offset: 2px; }

/* status bar */
.dh-meta { display: flex; flex-wrap: wrap; gap: .4rem .5rem; align-items: center; margin: 0 0 1.2rem; font-size: .66rem; color: var(--dh-muted); }
.dh-meta__item { white-space: nowrap; }
.dh-badge { display: inline-block; padding: .1rem .55rem; border-radius: 999px; font-weight: 600; font-size: .64rem; border: 1px solid currentColor; }
.dh-badge--ok { color: var(--dh-ok); }
.dh-badge--warn { color: var(--dh-warn); }
.dh-badge--off { color: var(--dh-off); }
.dh-badge--info, .dh-badge--net { color: var(--md-accent-fg-color); }
.dh-sources, .dh-feedback { font-size: .66rem; color: var(--dh-muted); }

/* home */
.dh-home .md-content__inner > h1:first-child { display: none; }
.dh-hero { background: var(--dh-hero); border-bottom: 1px solid var(--dh-card-border); }
.dh-hero__inner { max-width: 61rem; margin: 0 auto; padding: 3.2rem 1.2rem 2.4rem; }
.dh-eyebrow { color: var(--md-accent-fg-color); font-weight: 600; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.dh-hero h1 { margin: .3rem 0 .6rem; font-size: 2rem; line-height: 1.15; font-weight: 750; color: var(--md-default-fg-color); }
.dh-hero p { color: var(--dh-muted); max-width: 44rem; font-size: .9rem; }
.dh-search { position: relative; margin-top: 1.4rem; max-width: 44rem; }
.dh-search input { width: 100%; box-sizing: border-box; font: inherit; font-size: .95rem; padding: .95rem 6.5rem .95rem 1.1rem;
  border-radius: var(--dh-radius); border: 1px solid var(--dh-card-border); background: var(--dh-card); color: var(--md-default-fg-color);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18); }
.dh-search input:focus { outline: 2px solid var(--dh-cyan); }
.dh-search kbd, .dh-kbd { position: absolute; right: .8rem; top: 50%; transform: translateY(-50%); font-size: .65rem; padding: .15rem .4rem;
  border: 1px solid var(--dh-card-border); border-radius: 6px; color: var(--dh-muted); background: transparent; }
.dh-results { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + .4rem); max-height: 26rem; overflow: auto; margin: 0; padding: .3rem;
  list-style: none; background: var(--dh-card); border: 1px solid var(--dh-card-border); border-radius: var(--dh-radius); box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }
.dh-results[hidden] { display: none; }
.dh-results li { margin: 0 !important; }
.dh-results a { display: grid; grid-template-columns: 5.2rem 1fr; gap: .1rem .6rem; padding: .5rem .6rem; border-radius: 10px; color: inherit !important; text-decoration: none; }
.dh-results a[aria-selected="true"], .dh-results a:hover { background: rgba(34, 211, 238, .12); }
.dh-results .k { grid-row: span 2; align-self: center; font-size: .6rem; text-transform: uppercase; letter-spacing: .06em; color: var(--md-accent-fg-color); font-weight: 700; }
.dh-results .t { font-weight: 600; font-family: var(--md-code-font-family); font-size: .74rem; }
.dh-results .d { font-size: .68rem; color: var(--dh-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dh-results .s { font-size: .58rem; color: var(--dh-warn); margin-left: .4rem; }
.dh-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .8rem; }
.dh-chip { font-size: .66rem; padding: .2rem .6rem; border-radius: 999px; border: 1px solid var(--dh-card-border); color: var(--dh-muted); text-decoration: none; }
.dh-chip:hover { color: var(--md-accent-fg-color); border-color: var(--md-accent-fg-color); }
.dh-section { margin: 2.2rem 0 1rem; }
.dh-section h2 { margin: 0 0 .9rem !important; font-size: 1.05rem !important; font-weight: 700 !important; }
.dh-grid { display: grid; gap: .9rem; grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr)); }
.dh-card { display: flex; flex-direction: column; gap: .35rem; padding: 1rem 1.05rem; border-radius: var(--dh-radius); background: var(--dh-card);
  border: 1px solid var(--dh-card-border); color: inherit !important; text-decoration: none !important; transition: border-color .15s, transform .15s; }
.dh-card:hover, .dh-card:focus-visible { border-color: var(--md-accent-fg-color); transform: translateY(-2px); }
.dh-card h3 { margin: 0 !important; font-size: .86rem !important; font-weight: 700; display: flex; justify-content: space-between; gap: .5rem; align-items: baseline; }
.dh-card p { margin: 0 !important; font-size: .7rem; color: var(--dh-muted); line-height: 1.5; }
.dh-card .dh-ifaces { display: flex; flex-wrap: wrap; gap: .25rem; margin-top: .2rem; }
.dh-card .dh-ifaces code { font-size: .58rem; }
.dh-card .dh-go { margin-top: auto; padding-top: .4rem; font-size: .66rem; color: var(--md-accent-fg-color); font-weight: 600; }
.dh-list { list-style: none; padding: 0 !important; margin: 0 !important; }
.dh-list li { margin: 0 !important; padding: .45rem 0; border-bottom: 1px solid var(--dh-card-border); display: flex; justify-content: space-between; gap: 1rem; font-size: .74rem; }
.dh-list li span { color: var(--dh-muted); font-size: .66rem; white-space: nowrap; }
.dh-cols { display: grid; gap: 1.6rem; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); }
.dh-notice { border: 1px solid var(--dh-card-border); border-left: 4px solid var(--dh-warn); border-radius: 10px; padding: .7rem .9rem; font-size: .7rem; color: var(--dh-muted); }

/* command palette (Ctrl+K) */
.dh-palette { position: fixed; inset: 0; z-index: 100; display: grid; place-items: start center; padding-top: 12vh; background: rgba(3, 6, 15, .6); }
.dh-palette[hidden] { display: none; }
.dh-palette__box { width: min(42rem, calc(100vw - 2rem)); position: relative; }
.dh-palette .dh-results { position: static; margin-top: .5rem; }

/* playground */
.dh-pg { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width: 960px) { .dh-pg { grid-template-columns: 1fr; } }
.dh-pg label { display: block; font-size: .68rem; font-weight: 600; margin: .6rem 0 .2rem; }
.dh-pg select, .dh-pg input, .dh-pg textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: .72rem; padding: .45rem .55rem; border-radius: 8px;
  border: 1px solid var(--dh-card-border); background: var(--dh-card); color: var(--md-default-fg-color); }
.dh-pg textarea { font-family: var(--md-code-font-family); min-height: 7rem; }
.dh-pg .dh-err { color: #ef4444; font-size: .68rem; min-height: 1em; }
.dh-pg pre { max-height: 24rem; overflow: auto; }
.dh-pg .dh-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .7rem; }
.dh-pg button { font: inherit; font-size: .7rem; font-weight: 600; padding: .45rem .8rem; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--md-accent-fg-color); background: transparent; color: var(--md-accent-fg-color); }
.dh-pg button.primary { background: var(--md-accent-fg-color); color: #04121a; }
.dh-pg button:disabled { opacity: .45; cursor: not-allowed; }
.dh-tabs { display: flex; gap: .3rem; margin-top: .8rem; flex-wrap: wrap; }
.dh-tabs button[aria-selected="true"] { background: var(--md-accent-fg-color); color: #04121a; }

@media (max-width: 600px) {
  .dh-hero__inner { padding: 2rem 1rem 1.6rem; }
  .dh-hero h1 { font-size: 1.45rem; }
  .dh-results a { grid-template-columns: 1fr; }
  .dh-results .k { grid-row: auto; }
}
@media (prefers-reduced-motion: reduce) { .dh-card { transition: none; } .dh-card:hover { transform: none; } }

/* Material page-status icons: only flag pages that are not plain testnet features */
.md-status--testnet, .md-status--reference { display: none; }
.md-status--experimental::after { background-color: var(--dh-warn); }
.md-status--planned::after, .md-status--historical::after { background-color: var(--dh-off); }